admin管理员组文章数量:1570218
移动端WEUI、小程序端WXSS、小程序组件,几个概念新手比较容易弄混,现记录一下
1.腾讯基本UI规范
用于XD或其它UI设计软件的规范文件项目:
https://github/weui/weui-design
腾讯官网:
https://tdesign.tencent/
2.移动端的WEUI
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
https://weui.io/
3.小程序端的UI及组件
(1)小程序WXSS
WXSS是为小程序设计的一个组UI库。直接在app.wxss中引用weui.wxss源文件即可使用。可直接作用于小程序的基本组件以及下面的扩展组件库。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
- github项目地址:
https://github/Tencent/weui-wxss。 - DEMO地址:
dist目录下载下来用开发软件打开可以示例预览 - DEMO体验小程序
(2) 小程序基本组件
https://developers.weixin.qq/miniprogram/dev/component/
是可以直接在小程序代码中使用的
- DEMO体验小程序(其中的组件部分)
(3)小程序扩展组件库
这是一套基于样式库weui-wxss开发的小程序扩展组件库,同微信原生视觉体验一致的UI组件库,由微信官方设计团队和小程序团队为微信小程序量身设计,令用户的使用感知更加统一。
支持扩展库引入,不占用小程序包体积。
app.json中添加:
"useExtendedLib": {
"weui": true
}
会同时引用WXSS和组件
- 说明文档
https://wechat-miniprogram.github.io/weui/docs/ - 项目地址
https://github/wechat-miniprogram/weui-miniprogram - DEMO项目地址
https://github/wechat-miniprogram/miniprogram-demo - DEMO体验小程序(前面小程序码其中的扩展能力部分)
(4)小程序额外扩展组件库(PLUS)
扩展组件是对小程序内置组件能力的补充,包括一些常见的功能组件,持续补充中
它无法通过useExtendedLib引入,需要下载后build
- 项目地址:
https://github/wechat-miniprogram/miniprogram-demo - 基本说明
https://developers.weixin.qq/miniprogram/dev/platform-capabilities/extended/component-plus/ - DEMO体验小程序(前面小程序码其中的扩展能力部分的扩展组件部分)
版权声明:本文标题:关于腾讯UI规范、移动端WEUI、小程序端WXSS、小程序组件 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dianzi/1725786990a1042781.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论