TA的文章(3)
-
WeUI学习总结(一)
前言:WeUI 是微信官方设计团队为微信 Web 开发量身打造的一个 UI 样式库,你可以把它理解为一个前端框架,类似于 Bootstrap 的那种。 由于是微信官方出品,所以对微信的兼容性基本没有太大问题,而且各组件的样式和微信一样,能够和微信很好的融合在一起,给用户较好的体验。一、准备工作1.获取WeUI库1.1 可以直接获取核心文件weui.css,获取该文件后在页面引入即可使用WeUI的组件。//res.wx.qq.com/open/libs/weui/1.1.3/weui.min.cs
-
WeUI学习总结(二)
二、表单1.按钮基础属性: weui-btn weui-btn_primary 确定按钮(绿色) weui-btn weui-btn_warn 警告按钮(红色) weui-btn weui-btn_default 默认按钮(淡灰) 扩展: weui-btn_disabled 禁止按钮 weui-btn_plain-xxxx 镂空按钮 weui-btn_mini 小型按钮 weui-btn_loading 刷新按
-
WeUI学习总结(三)
基础组件1.文章类: weui-article属性: 上下内边距20px,左右内边距15px,字体大小15px;后代属性: 最大宽度100%,盒子模型为IE盒子模型,自动换行(当出现溢出时另起一行,不会在单词内换行);指定后代属性:后代为h1标签时,h1的下外边距为0.9em,字体大小为18px,字体粗细为400;后代为h2标签时,h2的下外边距为0.34em,字体大小为16px,字体粗细为400; 后代为h3标签时,h1的下外边距为0.34em,字体大小为15px,字体粗细为400;