PHP使用weui,微信小程序WeUI引入

引入组件

通过 useExtendedLib 扩展库的方式引入

1.报错Component is not found in path “miniprogram_npm/weui-miniprogram/dialog/dialog

解决方法：下载微信开发者工具1.04并勾上详情的使用新的编译模块(我linux 1.02没有这个)

2.报错[“usingComponents”][“mp-dialog”] 未找到

“mp-dialog”: “/miniprogram_npm/weui-miniprogram/dialog/dialog”改为”mp-dialog”: “weui-miniprogram/dialog/dialog”

可以通过npm方式下载构建

1.npm init 生成一个package.json的配置文件

2.npm i weui-miniprogram -S –production

3.工具-构建npm

4.wxss添加@import ‘./miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss’;

5.页面json添加

“usingComponents”: {

“mp-dialog”: “weui-miniprogram/dialog/dialog”

}

6.页面调用

test content

自由转载，转载请注明：转载自WEB开发笔记 www.chhua.com

本文链接地址: 微信小程序WeUI引入 http://www.chhua.com/web-note5586

随机笔记

微信小程序weui的引入及使用
微信小程序weui的引入及使用一.微信小程序引入WeUI组件库并使用组件 1. 通过useExtendedLib扩展库的方式引入(推荐使用) 2. 通过npm的方式引入(weui-miniprogr ...
微信小程序weui的使用
官方文档一.前言 WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一.包含button.cell.dialog. pro ...
微信小程序weui在线入门教程-WeUi操作反馈-actionsheet弹出式菜单
效果图微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/huangjuhua wxml代码 <view class ...
微信小程序weui在线入门教程-WeUi导航相关-navbar
效果图微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/huangjuhua Js代码 data: {tabs: [&q ...
微信小程序weui在线入门教程-WeUi表单组件-list列表
效果图微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/huangjuhua wxml代码 <view class ...
微信小程序weui在线入门教程-基础组件-badge徽章
效果图微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/huangjuhua Wxml代码 <view class ...
微信小程序离线引入 iconfont 字体图标
由于微信小程序的限制问题,我们不会像 Web 项目那样引入阿里的字体图标库,通常采用在线生成链接的方式引入. 但阿里矢量图库在 2022年 6-7月份进行了网站维护,维护之后,不能"生成在 ...
微信小程序中引入ttf字体
微信小程序中引入ttf字体解决常规引入ttf不生效问题第一步:将ttf字体转为base64(转码网址:https://transfonter.org) 第二步:在static文件夹下新增font文 ...
Taro微信小程序字体引入
Taro微信小程序要引入新的字体可以全局引入,在app.jsx的componentDidMount中使用Taro.loadFontFace 注意: source的下载地址只能使用经过备份的域名运行时 ...

PHP使用weui,微信小程序WeUI引入

PHP使用weui,微信小程序WeUI引入相关推荐

最新文章

热门文章