码迷,mamicode.com
首页 > 其他好文 > 详细

weui 的使用方法

时间:2019-01-13 20:01:13      阅读:257      评论:0      收藏:0      [点我收藏+]

标签:XML   统一   结构   eui   使用   文件   clu   example   des   

weui 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

在开发微信小程序时, 使用weui提供的样式会更加符合微信用户的交互习惯

介绍一下weui的使用方法:

1. 下载:  Github 地址:https://github.com/weui/weui,  

2. 下载的项目的dist问价夹里面包含一个 example文件夹 , 一个weui.wxss文件

3.  @import ‘/weui.wxss‘;  将weui.wxss文件放在 当前开发项目的根目录下, 在需要的wxss文件中引入  

4. 需要的wxml结构可以之家从example文件夹中拿出来, 放在根路径的 includes 文件夹里面

5. 需要此结构的wxml结构中引入 <include src=‘/includes/search-bar.wxml‘>

 

 

weui 的使用方法

标签:XML   统一   结构   eui   使用   文件   clu   example   des   

原文地址:https://www.cnblogs.com/noraZhang/p/10263697.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!