zl程序教程

您现在的位置是:首页 >  工具

当前栏目

小程序中引入vant组件

组件程序 引入 Vant
2023-09-27 14:27:34 时间

把目录下的dist文件夹放到项目下

app.json中引入要使用的组件
"usingComponents":{
	"van-button":"dist/button/index",
	"van-icon":"dist/icon/index",
	"van-count-down":"dist/count-down/index"
}
使用
<van-button type="default">按钮</van-button>
<van-button type="primary">按钮</van-button>

<van-icon name="close" size="80rpx" color="blue" />
<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" size="80rpx" color="white" />
<van-icon name="chat" dot size="80rpx" color="red" />

<van-count-down time="{{ time }}" 
data: {
  time: 30 * 60 * 60 * 1000,
 }