微信小程序中使用npm
1、使用微信開發(fā)者工具膘怕,打開終端
初始化package.json? ? npm init?
安裝node_moudles? ? ?npm install
安裝完成之后打開工具——>構(gòu)建npm
打開詳情中的本地設(shè)置中使用npm模塊
然后就可以安裝一個ui組件日歷:
1龄毡、npm i?miniprogram-datepicker
2吠卷、npm install --save miniprogram-datepicker
3、在需要使用 datepicker 的頁面 page.json 中添加 datepicker 自定義組件配置
{
??"usingComponents":?{
????"datepicker":?"miniprogram-datepicker"
??}
}
4沦零、WXML 文件中引用 datepicker
datepicker 提供<slot>節(jié)點祭隔,用于承載組件引用時提供的子節(jié)點。
<datepicker?value="{{solar}}"?bindchange="bindSolarChange">
????<button?type="default">公歷</button>
</datepicker>
最后文件目錄:
遇到問題:
次圖采用的是weui路操,
需要在:app.wxss中引用:
@import?'/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';?
解決方式:使用npm install 的時候必須使用 --save的形式進行安裝npm
然后Ok啦<部省!屯仗!??????