uniapp开发小程序使用vant组件开发
1.创建wxcomponents文件夹,并把vant-dist全部放入wxcomponents2.在App.vue中将vant全局样式引入<script>export default {onLaunch: function() {},onShow: function() {},onHide: function() {// console.log('App Hide')}}</sc
·
1.创建wxcomponents文件夹,并把vant-dist全部放入wxcomponents
2.在App.vue中将vant全局样式引入
<script>
export default {
onLaunch: function() {
},
onShow: function() {
},
onHide: function() {
// console.log('App Hide')
}
}
</script>
<style>
@import "./wxcomponents/vant-dist/common/index.wxss";
/*每个页面公共css */
page {
background-color: #F7F7F6;
}
</style>
3.使用
<template>
<view>
<van-tag plain type="primary">{{item.productType ==1?'理财':'基金'}}</van-tag>
</view>
</template>
<script>
import vantag from './vant-dist/tag/index';
export default {
components: {
"van-tag": vantag
},
}
</script>
<style scoped lang="scss">
</style>
更多推荐
已为社区贡献71条内容
所有评论(0)