51dev.com IT技术开发者社区

51dev.com 技术开发者社区

weui

WeUI—微信官方UI库

WeUI—微信官方UI库

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信Web开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。方法一:使用bower进行安装bowerinstall--sav...

WeUI教程/第三方扩展及其他UI框架对比

WeUI教程/第三方扩展及其他UI框架对比

WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。WeUI为微信Web服务量身设计的h5框架。严格的讲它是一个...

小程序~WeUI下载使用

小程序~WeUI下载使用

【1】简介  因为小程序的api描述都比较简单,并没有wxml及wxss的描述,一定会想小程序有没有一个UI库,类似于前端中的Bootstrap,MD,SemanticUI这样的框架UI库。有的,它就是WeUI。  WeUI是一套同微信原生视觉体验一致的基础样式库,由微信官方设计...

vux 引入weui不显示样式

vux 引入weui不显示样式

vux的weui样式需要把相应的less文件引入一开始一直不出现的原因是因为没有将完整的html文件写好也要把所有的相关文件引入完整<divclass="weui-panelweui-panel_access"><divclass="weui-panel__hd">图文组合列表</div&...

WeUI

WeUI

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

jQuery WeUI

jQuery WeUI

jQueryWeUI是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。jQueryWeUI的最大特点是它只提供UI组件,并不会对项目所使用的框架和其他库有任何的限制,几乎可以在任何环境下使用。无论你的项目是基于jQ...

jQuery WeUI 组件下拉刷新和滚动加载的实现

jQuery WeUI 组件下拉刷新和滚动加载的实现

最近在做手机版使用到了下拉刷新和滚动加载,记录一下实现过程:一、引入文件<linkrel="stylesheet"href="Content/jqueryweui/weui.min.css"><linkrel="stylesheet"href="Content/jqueryweui/jquery-we...

jQuery WeUI  地址选择器的使用

jQuery WeUI 地址选择器的使用

界面:<divclass="weui-cell"><divclass="weui-cell__hd"><labelclass="weui-label">所在地:</label></div><divclass="weui-cell__bd"><...

记录JQ-WEUI中滚动加载的一个BUG

记录JQ-WEUI中滚动加载的一个BUG

最近写微信公众号,用到的技术栈是jq+vue的混合开发,采用的UI是移动端比较火的WEUI,在微信开发中应该较广泛。个人看惯了elementUI文档,相对于饿了么组件文档的详细,WEUI的文档还是比较晦涩的。(个人看法)微信端展示公司订单,采用了滚动加载而没有用分页,觉得一般移动端分页的处理比较少。当然,条件搜索才是满...

巧用weui.topTips验证数据

巧用weui.topTips验证数据

场景一、有一个输入金额的场景,这个金额需要验证,验证说明如下:不能为空格;不能为0;不能为汉字;不能为其它字符;不能大于200; 唯一可以的是,只有输入3~199之间的数字,下面的确定按钮才会显示,否则,隐藏这个按钮。HTML:<!--医生问诊金额--><divclass="weui-jia...

巧用weui.gallery(),点击图片后预览图片

巧用weui.gallery(),点击图片后预览图片

要在页面需要加载的JS文件:<scriptsrc="../js/libs/weui.min.js"></script>可以去weui的文档中下载,这是它的demo:  https://weui.io/weui.js/ 要先给图片创建一个节点:varimgDom=$(...

weui textarea超出字符被截断

weui textarea超出字符被截断

HTML:<divclass="weui-cellsweui-cells_form"style="margin-top:0;"><divclass="weui-cell"><divclass="weui-cell__bd"><textareaid="doctorIntroduc...

weui 弹框中的单选效果

weui 弹框中的单选效果

<!--性别修改弹框--><divclass="weui_dialog_alert"id="doctorSexDialog"style="display:none;"><divclass="weui_mask"></div><divclass="weui_dialo...

weui 图片弹框

weui 图片弹框

添加图片与弹出效果对比: HTML:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1...

weui 搜索框

weui 搜索框

  点击搜索,会显示关键字取消按钮,输入文字,会在搜索框下,有相应的列表显示。HTML:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="wid...