<t-button type="primary">按钮</t-button> 1. 微信小程序引入UI框架 TDesign 是否可以与微信新版组件样式( v2 ) 共存:否 UI框架_TDesign组件 Rate 评分 全局引入,在 miniprogram 根目录下的 app.json 中配置,局部引入, 在需要引入的页面或组件的 index.json 中配置 { "usingComponents": { "t-rate": ...
<t-button type="primary">按钮</t-button> 1. 1. 微信小程序引入UI框架 TDesign 是否可以与微信新版组件样式( v2 ) 共存:否 UI框架_TDesign组件 Rate 评分 全局引入,在 miniprogram 根目录下的app.json中配置,局部引入, 在需要引入的页面或组件的index.json { "usingComponents": { "t-rate": "tdesign...
<input maxlength="20" name='identification' placeholder="请输入微信号/可添加微信的手机号" /> <button form-type="submit">注册</button> </form> <view wx:if="{{type == '已注册'}}" class="resultBox"> <t-result wx:if="{{userInfo.accountStatus === '被拒绝'}}" theme="error" title...
"tdesign-miniprogram/*":["./miniprogram/miniprogram_npm/tdesign-miniprogram/*"] } } } 使用组件 以按钮组件为例,只需要在json文件中引入按钮对应的自定义组件即可: { "usingComponents": { "t-button": "tdesign-miniprogram/button/button" } } 接着就可以在wxml中直接使用组件: <t-button theme="pri...
<t-buttontype="primary">按钮</t-button> 按照以上的操作流程按道理就可以使用了,但是再进行到第二步的时候出现问题了,在构建的时候一直提示如下,导致一直构建不成功,也一直无法使用。 后来发现只要在根目录的project.config.json里面添加如下配置,再执行构建就可以了。
{"t-avatar": "tdesign-miniprogram/avatar/avatar","t-avatar-group": "tdesign-miniprogram/avatar/avatar-group","t-badge": "tdesign-miniprogram/badge/badge","t-button": "tdesign-miniprogram/button/button","t-cell": "tdesign-miniprogram/cell/cell","t-cell-group": "tdesign-miniprogram/...
"tdesign-miniprogram/*":["./miniprogram/miniprogram_npm/tdesign-miniprogram/*"] } } 使用组件 以按钮组件为例,只需要在 JSON 文件中引入按钮对应的自定义组件即可 { "usingComponents": { "t-button": "tdesign-miniprogram/button/button" }
4.测试tdesign组件 ①加入组件引用,修改miniprogram\pages\logs\logs.json "usingComponents": { "t-button": "tdesign-miniprogram/button/button" } ②调用组件,修改miniprogram\pages\logs\logs.wxml <view> <t-button theme="primary" size="large" bindtap="onTabToIndex">转去首页</t-button> ...
<t-buttontheme="primary">按钮</t-button> 附:如何使用官方weuiUI组件开发 在小程序项目根目录下的app.json中添加以下配置即可。 {"useExtendedLib": {"weui":true} } weui可通过https://weui.io查看效果,在https://github.com/Tencent/weui中复制对应组件使用。无需进行其他配置。
npm i tdesign-miniprogram -S --production 🎆成功标志然后,工具 → 构建npm4.修改 app.json将app.json 中的"style": "v2" 移除。5.测试组件在官网上,随便找一个组件试试在app.json 中引入组件(全局引入)"usingComponents": { "t-button": "tdesign-miniprogram/button/button" } ...