一、执行步骤
1.根目录下执行
npm init -y
npm install --save weui-miniprogram --production
npm install express
2.文件配置
project.config.json
找到 packNpmManually 和 packNpmRelationList 修改成如下内容:
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram/"
}
],
根目录下 app.wxss 引入 weui
@import 'weui-miniprogram/weui-wxss/dist/style/weui.wxss';
3.工具栏-工具-构建npm
4.引入需要使用的包
index.json
{
"usingComponents": {
"mp-dialog": "weui-miniprogram/dialog/dialog"
}
}
index.wxml文章来源:https://www.toymoban.com/news/detail-684972.html
<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{buttons}}">
<view>test content</view>
</mp-dialog>
文章来源地址https://www.toymoban.com/news/detail-684972.html
到了这里,关于微信小程序引入weui的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!