WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。 WeUI2.0.0新特性 【增强】 颜色规范、字体大小规范、间距规范对齐微信7.0新视觉风格 【增强】 更新按钮U...
<view class="weui-cells weui-cells_after-title"> <view class="weui-cell weui-cell_input"> <view class="weui-cell__hd"> <view class="weui-label" style='width:65px;'>学号</view> </view> <view class="weui-cell__bd"> <input class="weui-input" placeholder="请输入你的学号" bindi...
<view class="weui-cells weui-cells_after-title"> <view class="weui-cell weui-cell_input"> <view class="weui-cell__hd"> <view class="weui-label" style='width:65px;'>学号</view> </view> <view class="weui-cell__bd"> <input class="weui-input" placeholder="请输入你的学号" bindi...
<div class="weui-cell weui-cell_vcode"> <div class="weui-cell__hd"> <label class="weui-label">手机号</label> </div> <div class="weui-cell__bd"> <input type="tel" class="weui-input" placeholder="请输入手机号"/> </div> <div class="weui-cell__ft"> <button class="weui-vco...
<div class="weui-cell weui-cell_active"> <div class="weui-cell__hd"><label class="weui-label">Name</label></div> <div class="weui-cell__bd"> <input class="weui-input" type="text" placeholder="Enter your name" v-model="name"> ...
.weui-input 因为采用小程序的input,键盘弹起高度有所区别,所以实现上也有所改变,需要增加.weui-cell_input的扩展类 Old <divclass="weui-cell"><divclass="weui-cell__bd"><inputclass="weui-input"/></div></div> New <viewclass="weui-cell weui-cell_input"><viewclass="weui-cell__bd"><inputcl...
WeUI·Cell是微信小程序中的一个组件,用于展示基础信息。它提供了丰富的样式和布局选项,方便开发者快速构建界面。
<view class="weui-cell weui-cell_active"> <view class="weui-cell__hd"> <label class="weui-label">联系电话</label> </view> <view class="weui-cell__bd"> <input class="weui-input" placeholder="填写绑定的电话号码" type="number" placeholder-class="weui-input__placeholder" /> ...
微信小程序提交表单多个input输入框,通过一个bindinput方法实现双向数据绑定。 1.wxml渲染层 <view class="page-body"> <view class="page-section"> <view class="weui-cells__title">品名</view> <view class="weui-cells weui-cells_after-title"> <view class="weui-cell weui-cell_input"> <input ...
<view class="weui-cell__bd">带图标的标题</view> <view class="weui-cell__ft">说明文字</view> </view> </view> 在上述示例中,通过 image 标签引入了一个图标,并在 weui-cell__hd 中显示。4. 带说明信息的 Cell: <view class="weui-cells"> <view class="weui-cell weui-cell_access"> <...