说下在wepy框架中如何使用开源组件,以有赞的vant组件为例,学会了这个其它的开源组件引入使用方式都一个道理。
$ cnpm i vant-weapp -S --production
安装vant
node_modules/_vant_weapp
下的dist文件夹
复制一份到src/components
文件夹下,并替换名称为vant
;引入并使用
config
中使用原生usingComponents
属性引入组件;config = {
navigationBarTitleText: '首页',
usingComponents: {
'van-button': '../components/van/button/index'
}
};
<template>
<view class="home">
<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>
</view>
</template>
显示效果
$ wepy build --no-cache --watch
error报错
van
t小程序组件,没有像在vue中
经过了webpack
打包,所以可以直接去源代码中修改。