介绍一个微信小程序weui css框架

微信提供了开源的移动版的weui css框架,收到了移动wap页面开发者的喜爱。

样例参考:https://weui.io/

源码参考:https://github.com/weui/weui

A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.https://weui.io

在开发小程序,同样遇到了样式库的问题,由于小程序本身的限制,

例如对css选择器的限制,如下:

介绍一个微信小程序weui css框架_第1张图片

不能支持css很多标准的选择器,例如级联选择器等,使得一些css标准库无法使用。

不过,微信的同学,给我们带来了福音,提供了一个官方的weui wxss。

官方地址:https://github.com/weui/weui-wxss

WeUI for 小程序 为微信小程序量身设计

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。

使用

组件的wxml结构请看dist/example/下的组件

样式文件可直接引用dist/style/weui.wxss,或者单独引用dist/style/widget下的组件的wxss

好了,想要使用的尽情来使用吧。

-------------------------------------------------------------------

看小说,请看云易诚中文小说收集网

你可能感兴趣的:(介绍一个微信小程序weui css框架)