WeUI主题的文章列表，还有WeUI的技术要点_第2页

WeUI

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

代码星球 ·2020-04-01

jQuery WeUI

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

代码星球 ·2020-04-01

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

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

代码星球 ·2020-04-01

jQuery WeUI 地址选择器的使用

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

代码星球 ·2020-04-01

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

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

代码星球 ·2020-04-01

巧用weui.topTips验证数据

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

IT猿 ·2020-03-26

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

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

IT猿 ·2020-03-26

weui textarea超出字符被截断

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

IT猿 ·2020-03-26

weui 弹框中的单选效果

<divclass="weui_dialog_alert"id="doctorSexDialog"style="display:none;"><divclass="weui_mask"></div><divclass="weui_dialo...

IT猿 ·2020-03-26

weui 图片弹框

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

IT猿 ·2020-03-26

weui 搜索框

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

IT猿 ·2020-03-26

weui dialog

切记：weuidialog的样式是在weui.css，而不是在weui.min.cssHTML:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=dev...

IT猿 ·2020-03-26

weui tabbar 切换

Html:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1,user-scalable=0"/...

IT猿 ·2020-03-26

weui 多网页切换效果分析

weui的文档写的不怎么详尽，简单的来讲WeUI 为微信Web服务量身设计的h5框架。WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信Web开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、icon等各...

IT猿 ·2020-03-26

推荐：移动端前端UI库—Frozen UI、WeUI、SUI Mobile

FrozenUI自述：简单易用，轻量快捷，为移动端服务的前端框架。主页：http://frozenui.github.io/开发团队：QQVIPFDTeamGithub：https://github.com/frozenui/frozenuiDemo：http://frozenui.github.io/frozenui...

IT猿 ·2020-03-26