微信小程序使用weui怎么只有样式功能却用不了?

方法/步骤

下载 weui.wxss

请点击输入图片描述

解压缩文件，可以看到如下文件

请点击输入图片描述

打开开发者工具，新建一个项目

请点击输入图片描述

下面的小程序初始化的文件内容及结构

请点击输入图片描述

找到上述文件dist/style目录下weui.wxss

请点击输入图片描述

将weui.wxss放到小程序项目的更目录下

请点击输入图片描述

引用weui.wxss，在app.wxss引入

请点击输入图片描述

实验weui.wsxx

请点击输入图片描述

查看效果，此时说明我们的样式已经引用成功。

请点击输入图片描述

第一步：

在app.json中，设置

"useExtendedLib":{

"weui": true

}

第二步：

在对应需要使用组件的页面json文件中，引入，例如引入d框组件

{

"usingComponents": {

"mp-dialog": "weui-miniprogram/dialog/dialog"

}

}

第三步：在对应wxmll文件中，引入结构

<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}">

<view>test content</view>

</mp-dialog>

首先，下载微信小程序源码，用微信开发者工具打开，在不同的小程序设置页中，根据参考文档步骤配置appid、appsecret等，此配置十分重要，保证每个参数正确无误，同时配置后端服务器地址。

检查是否按照weui样式框架编写，非 weui 样式编写或者是布局表现明显有误的话，调整样式，正确的完成HTML布局。

检查从小程序端拉取数据时，后台服务器是否使用https或https协议拉取请求，如果没有，务必更新；

检查js文件中wx.request()接口传参是否正确，常见错误应为小程序端未传入参数，或参数未正确赋值，同时，请求成功后，看看数据是否有返回。

对小程序代码进行整体检查，尤其是页面元素交互、函数调用链路的逻辑，确保小程序的正常运行；

最后，可以在微信开发者工具点击“上传”调试，看看是否能够正常运行和预览。

---