#WeUI

bootstrap和weui有什么区别

bootstrap简介Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。它是为实现快速开发Web应用程序而设计的一套前端工具包。它支持响应式布局,并且在V3版本之后坚持移动设备优先。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Boo...
开发笔记 ·2022-04-25

微信小程序踩坑之一【weui-wxss-master单选按钮图标修改思路】

小程序原生所带的weui框架做小程序UI实在太方便了,但是他的一些细微变化也是让开发中碰到不少头疼的问题一直以来单选多选的美化都是设计师重点表达的地方之一而weui-wxss-master中的单选多选样式又写的与众不同,不同与常规的weui添加after伪类来显示不同,他是通过type="success_no_circ...

weui 框架

  weui是一个框架,但是官方并没有提供文档;  所以我们需要在github上来通过案例来了解他的用法  一般做列表,左边的图片要么60x60,要么80x80用的比较多  weui是一个小巧的框架,所以带来的问题就是不全,所以有些功能还是要我们写  但是做微信开发无疑是个好的选择;  他的样式和风格与微信相仿...
代码星球 ·2021-02-08

weui 可移动悬浮按钮

@CHARSET"UTF-8";/**右下角跳转按钮跳转到列表*/#list_note_icon{position:fixed;bottom:10%;right:8%;z-index:888;background:#ff9900;width:80px;height:80px;border-radius:40px;box...
代码星球 ·2020-12-23

weui 导航悬浮固定

<style>.none{display:none}#toolbar{display:flex;justify-content:center;align-items:center;position:fixed;max-width:100%;left:0;/*top:0;*//*置顶*/bottom:0px;...
代码星球 ·2020-12-23

weui picker中有企业微信ww-open-data标签时点击处理

当weui中picker如果有ww-open-data标签时,点击该标签弹不出选择器,经过研究需要增加如下代码,以picker控件id是drpPerson为例$("#drpPerson").on('click',"ww-open-data",function(){$("#drpPerson").trigger("cli...

企业微信weui picker简单例子

1、引用js,css<linkrel="stylesheet"href="//res.wx.qq.com/open/libs/weui/1.1.2/weui-for-work.min.css"><scriptlanguage="javascript"type="text/javascript"src=...

weui中文演示地址

https://weui.shanliwawa.top/...
代码星球 ·2020-08-31

weui weui-switch 开关取值,设置默认状态

<divclass="weui-cell__ft"><inputclass="weui-switch"type="checkbox"id="btn-switch"></div>varstr=$("#btn-switch").is(":checked");注:选中返回值:true;未选...

Weui电脑端企业微信Picker无法滚动问题

主要是之前使用的weui版本有bug.   https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js改成https://res.wx.qq.com/open/libs/weuijs/1.1.2/weui.min.js...

企业微信通讯录替换-JqueryWEUI Picker替换通讯录

1、Picker要将input改为div<inputclass="weui_input"id="drpPerson"type="text"value=""placeholder="请选择"readonly=""data-values="">改为<divclass="weui_input"id="drp...

WeUI—微信官方UI库

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

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

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

小程序~WeUI下载使用

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

vux 引入weui不显示样式

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