恭喜您获得阿里云幸运券 建站,有个好记的域名非常重要!
  • By xoyozo 转载请注明出处
  • Posted 2017/6/15 10:48:52

WeUI 使用笔记

官方 Demo

WeUI:https://weui.io/

weui.js:https://weui.io/weui.js/


开发文档

WeUI:https://github.com/Tencent/weui/wiki

weui.js:https://github.com/Tencent/weui.js/blob/master/docs/README.md

WeUI for 小程序:https://github.com/Tencent/weui-wxss


引入

① <head /> 中加入:

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />

② 引用样式:(请更改地址中的版本号,参开发文档

<link href="//res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css" rel="stylesheet" />

③ (可选)引用脚本:(以 weui.js 1.1.4 版本为例)

<script src="//res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>


经验

  • 搜索框的 <form /> 中不加 action 则键盘中显示灰色“换行”键,加入 action 则键盘中显示蓝色“搜索”键

谢谢赞赏

相关文章

大家正在看

最新发布