小程序的基本样式库& # 8211；WeUI(微信小程序单选框样式)

TODO:小程序集成WeUI

WeUI是为微信Web服务设计的。WeUI是一套符合微信原生视觉体验的基础样式库。由微信官方设计团队针对微信Web开发设计，可以让用户的使用感知更加统一。包括按钮、单元格、对话框、进度、toast、文章、动作表、图标和其他元素。

1.使用微信开发者工具添加新项目MWL

2.下载WeUI的源代码，把样式文件复制到MWL的根目录下，和pages文件夹是一个级别的。

3.WXSS(WeiXin Style Sheets)是一组用于描述WXML的组件样式的样式语言。

WXSS用于确定应该如何显示WXML的组件。

为了适应广大前端开发者，我们的WXSS具备了CSS的大部分特性。同时，为了更适合开发微信小程序，我们对CSS进行了扩展和修改。

与CSS相比，我们的扩展功能有:

尺寸单位

样式导入

4.在app.wxss中导入样式可以使用@import语句导入外部样式表。@import后跟要导入的外部样式表的相对路径。使用；指示语句的结束。

将app.wxss中的样式定义为全局样式，作用于每个页面。页面的wxss文件中定义的样式是一个局部样式，它只在相应的页面上起作用，并将覆盖app.wxss中的同一个选择器

5.WXML(微信标记语言)是一套用于框架设计的标记语言。通过组合基本组件和事件系统，可以构建页面结构。

a)数据绑定

b)条件渲染

c)事件，关键参数是bindtap。

6.所有包含在容器视图中的组件都与WeUI结合在一起，构建了一个统一而美观的界面。

7.例1，导航的标题是*中设置的navigationBarTitleText。json，app.json中设置的参数是全局可用的，page中定义的json是本地可用的。以此类推，*。js也分全局和局部。

代码:

看到代码中有使用WeUI的样式，简单的WeUI成功集成。

[相关建议]

1.微信小程序完整源代码下载

2.微信小程序游戏演示选择不同色块

3.追微信小程序app store源代码

VIP推荐:22门课程，总价3725元。VIP会员免费。