在每个input.weui_check的后面放置了一个用于显示对勾的span.input.weui_check和.weui_icon_checked是兄弟关系. .weui_cells_radio .weui_check:checked + .weui_icon_checked:before { display: block; content: '\ea08'; color: #09bb07; font-size: 16px;} 2.4.checkbox (复选列表项) 复选框如上面...
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 WeUI2.0.0新特性 【增强】 颜色规范、字体大小规范、间距规范对齐微信7.0新视觉风格 【增强】 更新按钮U...
接下来的内容是对WeUI中列举到的控件的一些理解,除了微信中的实例 也会提及这些控件的通用用法;主要包括Button、Cell 、 Toast 、 Dialog 、Progress 、 Msg 、 Article、 Actionsheet、Icons、 Panel、 Tab、 Searchbar。 Button 一般情况,我们认为按钮有三态Normal(正常)、Pressed/Highlighted(按下)、Disabled(不可用...
微信WeUI设计规范查看链接:WeUI 接下来的内容是对WeUI中列举到的控件的一些理解,除了微信中的实例也会提及这些控件的通用用法;主要包括Button、Cell 、 Toast 、 Dialog 、Progress 、 Msg 、 Article、 Actionsheet、Icons、 Panel、 Tab、 Searchbar。 Button 一般情况,我们认为按钮有三态Normal(正常)、Pressed/Highlig...
.weui-icon-search { color: @weuiTextColorDesc; font-size: 13px; font-size: 22px; } .weui-icon-clear { 2 changes: 1 addition & 1 deletion 2 src/style/widget/weui-cell/weui-form/weui-form-preview.less Original file line numberDiff line numberDiff line change @@ -41,7 +41,7 @@...
WeUI是一套同微信原生视觉体验一致的基础样式库。
Msg 提示页 Picker 选择器 Toast 弹出式显示 导航相关 Navbar 导航栏 Tabbar 选项栏 搜索相关 大家可以到WeUI的官网尝试所有的UI组件。官网地址:https://weui.io/。 同时WeUI也在开源网站Github上开源了,地址为:https://github.com/Tencent/weui。 我们可以在上面找到对应的小程序版本,小程序版本的地址为:https:...
图标的设计是在UI设计中比较能体现界面风格的细节,icon的设计属于理性和感性比较交错的部分。对于细节要敢于创新也要舍得取舍。体量感的控制,风格的统一,视错觉下的调整…… Panel 面板的设计规范 图12:panel页面案例 个人觉得WeUI中出现的pannel这部分可能有点多余,这应该和Cell部分一样,属于表单系列;只不过这里的表...
图标的设计是在UI设计中比较能体现界面风格的细节,icon的设计属于理性和感性比较交错的部分。对于细节要敢于创新也要舍得取舍。体量感的控制,风格的统一,视错觉下的调整…… Panel 面板的设计规范 图12:panel页面案例 个人觉得WeUI中出现的pannel这部分可能有点多余,这应该和Cell部分一样,属于表单系列;只不过这里的表...
WeUI