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>

 

Logo

前往低代码交流专区

更多推荐