如何使用

优质
小牛编辑
135浏览
2023-12-01

引入 WeUI.css文件

利用 vue init mpvue/mpvue-quickstart my-project 初始化一个 mpvue 项目,然后在 /src/main.js 中引入 weui.css

由于是在小程序中使用,于是就直接使用了 weiui-wxss 中的样式文件,官方提供的是 weui.wxss,因此手动转成了 weui.css,然后引入即可。

这里提供 weui.css 一个链接:KuangPF/mpvue-weui

使用

这里 cell 为例

Cell,列表视图,用于将信息以列表的结构显示在页面上,是移动端上最常用的内容结构。Cell由多个section组成,每个 section 包括 section header weui-cells__title 以及 cells weui-cells

cell 由 thumbnail(图标) weui-cell__hd、body(标题文字) weui-cell__bd、accessory(说明文字) weui-cell__ft三部分组成,其中weui-cell__bd采用自适应布局。

list