Skip to content
Simplification of VuePress Custom Containers!
Vue JavaScript
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Update Boxx.vue Jan 18, 2020
.editorconfig init boxx Nov 17, 2019
.eslintignore init boxx Nov 17, 2019
.eslintrc.js init boxx Nov 17, 2019
.gitignore update to version:0.0.2 Nov 19, 2019
LICENSE init boxx Nov 17, 2019
README.md update changeTime Dec 29, 2019
index.js update to version:0.0.2 Nov 19, 2019
package.json update changeTime Dec 29, 2019

README.md

Boxx

序言

  • 由于在引入默认的VuePress Custom Containers太过笨重了,故闲来无事对其做一层封装简化使用
  • 推荐在线观看使用说明传送门,这样展示效果更加友好

使用

  • 引入:只需在你想要插入的地方加入 <Boxx/> 即可(如上)
  • 内容:默认随机展示名人名句,支持自定义
  • 样式:有三种样式,默认为 tip 样式,支持自定义

自定义标题和内容

  • 如果默认的名人名句不满足需求的话,自定义只需指定两个属性titlecontent的值
Name Type Description
title String 要展示的title的内容
content String 要展示的content的内容

自定义样式

  • 指定三个属性值实现
Name Type Description
blockStyle Object 整体块元素的样式
titleStyle Object 只针对title的样式
contentStyle Object 只针对content的样式
changeTime Number 以毫秒值为单位的动态变化时间,顶部为例

需要注意的是:属性值传输的对象只能通过v-bind:绑定来实现

You can’t perform that action at this time.