例如,确保 components/navigation-bar/navigation-bar.js 文件存在且路径正确。 查看详细错误日志:如果上述步骤未能解决问题,建议您查看开发者工具中的详细错误日志,找到具体的错误信息。这有助于更准确地定位问题所在。 参考官方示例和社区资源:您可以参考 weui-miniprogram 的官方示例项目,确保您的配置和使用方式与官方示...
全局配置 | 微信开放文档developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#useExtendedLib app.json中pages的同级添加: "useExtendedLib":{ "weui":true }, 2. 在需要使用的页面.json: "usingComponents": { "mp-navigation-bar": "weui-miniprogram/navigation-bar/navigation-bar" ...
在app.wxss最上方加入下面的代码 @import './weui-miniprogram/weui-wxss/dist/style/weui.wxss' 4、使用搜索组件Searchbar (1)index.json:在页面中引入 Searchbar搜索组件 {"usingComponents": {"mp-searchbar": "/weui-miniprogram/searchbar/searchbar"},"navigationBarTitleText": "UI组件库"} (2)index.wxml:...
框架类型 问题类型 操作系统 工具版本 小程序 Bug macOS Stable 1.06.2405020 Component is not found in path "weui-miniprogram/navigation-bar/navigation-bar" (using by "components/help-navbar/help-navbar") 回答关注问题邀请回答 收藏 分享
"mp-navigation-bar": "weui-miniprogram/navigation-bar/navigation-bar" } ``` 2 文件引入 git地址: https://github.com/Tencent/weui-wxss 在app.wxss文件中添加 @import 'style.weui.wxss' 或者 @import 'style.widget.weui-button.weui-button.wxss'; ...
在app.json 中填加配置 "useExtendedLib":{"weui":true}, 在test.json 中写入配置 {"navigationBarTitleText":"测试页面","usingComponents":{"mp-dialog":"weui-miniprogram/dialog/dialog"}} 在test.wxml 中写入控件 <viewclass="test_button">{{btn_name}}</view><mp-dialogtitle="测试弹窗"show="{{...
设置weui为true就行,为了验证是否引入成功,我们在index页面增加一个弹出框。 先在index.json中增加自定义组件 {"usingComponents": {"mp-dialog": "weui-miniprogram/dialog/dialog"}} 然后在index.wxml中引入需要的组件 <!--index.wxml--><view class="container"><text>这是一个云开发</text><mp-dialog ti...
'weui-miniprogram/icon/icon','mp-loading':'weui-miniprogram/loading/loading','mp-navigation-bar':'weui-miniprogram/navigation-bar/navigation-bar','mp-tabbar':'weui-miniprogram/tabbar/tabbar','mp-slideview':'weui-miniprogram/slideview/slideview','mp-dialog':'weui-miniprogram/dialog/dialog',},}...
2 changes: 1 addition & 1 deletion 2 src/components/navigation-bar/navigation-bar.wxml Original file line numberDiff line numberDiff line change @@ -1,6 +1,6 @@ <view class="weui-navigation-bar ext-class"> <view class="weui-navigation-bar__placeholder {{ios ? 'ios' : 'android'}...
"mp-dialog":"/miniprogram_npm/weui-miniprogram/dialog/dialog" } } 1. 2. 3. 4. 5. 2.然后可以在对应页面的 wxml 中直接使用该组件 <mp-dialogtitle="test"show="{{true}}"bindbuttontap="tapDialogButton"buttons="{{[{text: '取消'}, {text: '确认'}]}}"> ...