0.0.7 • Published 4 years ago
vuepress-plugin-boxx v0.0.7
Boxx
序言
- 由于在引入默认的VuePress Custom Containers太过笨重了,故闲来无事对其做一层封装简化使用
- 推荐在线观看使用说明传送门,这样展示效果更加友好
使用
- 引入:只需在你想要插入的地方加入
<Boxx/>
即可(如上) - 内容:默认随机展示名人名句,支持自定义
- 样式:有三种样式,默认为 tip 样式,支持自定义
自定义标题和内容
- 如果默认的名人名句不满足需求的话,自定义只需指定两个属性
title
和content
的值
Name | Type | Description |
---|---|---|
title | String | 要展示的title 的内容 |
content | String | 要展示的content 的内容 |
自定义样式
- 指定三个属性值实现
Name | Type | Description |
---|---|---|
blockStyle | Object | 整体块元素的样式 |
titleStyle | Object | 只针对title 的样式 |
contentStyle | Object | 只针对content 的样式 |
changeTime | Number | 以毫秒值为单位的动态变化时间,顶部为例 |
需要注意的是:属性值传输的对象只能通过v-bind:
绑定来实现