关于腾讯UI规范、移动端WEUI、小程序端WXSS、小程序组件

移动端WEUI、小程序端WXSS、小程序组件，几个概念新手比较容易弄混，现记录一下

1.腾讯基本UI规范

用于XD或其它UI设计软件的规范文件项目：
https://github.com/weui/weui-design
腾讯官网：
https://tdesign.tencent.com/

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.com/Tencent/weui-wxss。
• DEMO地址：
  dist目录下载下来用开发软件打开可以示例预览
• DEMO体验小程序
  

（2） 小程序基本组件

https://developers.weixin.qq.com/miniprogram/dev/component/
是可以直接在小程序代码中使用的

• DEMO体验小程序（其中的组件部分）
  

（3）小程序扩展组件库

这是一套基于样式库weui-wxss开发的小程序扩展组件库，同微信原生视觉体验一致的UI组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。

支持扩展库引入，不占用小程序包体积。
app.json中添加：

  "useExtendedLib": {
    "weui": true
  }

会同时引用WXSS和组件

• 说明文档
  https://wechat-miniprogram.github.io/weui/docs/
• 项目地址
  https://github.com/wechat-miniprogram/weui-miniprogram
• DEMO项目地址
  https://github.com/wechat-miniprogram/miniprogram-demo
• DEMO体验小程序（前面小程序码其中的扩展能力部分）

（4）小程序额外扩展组件库（PLUS）

扩展组件是对小程序内置组件能力的补充，包括一些常见的功能组件，持续补充中
它无法通过useExtendedLib引入，需要下载后build

• 项目地址：
  https://github.com/wechat-miniprogram/miniprogram-demo
• 基本说明
  https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/component-plus/
• DEMO体验小程序（前面小程序码其中的扩展能力部分的扩展组件部分）