初步引入小程序weui样式库

2018年09月01日 07:41 | 280次浏览 作者原创 版权保护

一、打开小程序IDE,新建小程序项目,默认项目结构如下

二、下载小程序weui样式库

下载地址:点击打开链接 ,然后点击右上角下载按钮

下载下来后是个zip包,解压,然后在小程序根目录下新建目录style

1、将weui-wxss-master\dist\style\weui.wxss文件导入到小程序项目的根目录下的style中

2、引入weui.wxss文件,引入方法如下

在项目中引用:在app.wxss中加入weui.wxss的引用- @import ‘style/weui.wxss’;


引入代码

@import "style/weui.wxss";


3、测试项目中weui.wxss样式库是否引入成功

在默认目录index中,打开index.wxml,然后在页面代码最后一行加入

<button class="weui-btn" type="warn">警告类操作 Normal</button>

引入成功后的效果

如果引用失败,则失败的效果如下:


此文章本站原创,地址 https://www.vxzsk.com/1878.html   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程