【增强】 更新图标UI 【优化】 weui-msg布局改为flex,并适配刘海屏 【增强】 weui-msg新增提示区域weui-msg__tips-area 【增强】 weui-msg新增无图标展示场景 【增强】 更新weui-search-bar UI 【优化】 weui-tab布局改为flex,并适配刘海屏 【增强】 更新weui-dialog UI 【增强】 更新weui-cell UI 【增强...
.weui-msg__desc&, .weui-msg__desc-primary&, .weui-msg__tips&{ color:@weuiLinkColorDefault; display:inline-block; vertical-align:baseline; } } .weui-msg{ padding-top:@weuiMsgPaddingTop; padding:calc(@weuiMsgPaddingTop~"+ constant(safe-area-inset-top)") constant(safe-area-inset-right)...
Msg 提示页 Picker 选择器 Toast 弹出式显示 导航相关 Navbar 导航栏 Tabbar 选项栏 搜索相关 大家可以到WeUI的官网尝试所有的UI组件。官网地址:https://weui.io/。 同时WeUI也在开源网站Github上开源了,地址为:https://github.com/Tencent/weui。 我们可以在上面找到对应的小程序版本,小程序版本的地址为:http...
首先在可视编辑区中拖入一个页脚容器,之后再添加组件栏中高级分类的链接组件 在其中添加msg描述和link链接 提示文本可加入文本框,输入内容即可。 画廊(gallery) 用于多张图片展示,类似原生的wx.previewImage的展示。 在可视编辑区内添加一个全屏幕的背景mask容器,添加#000000,在其中加入图片组件。 设置图片时,可在模型...
第五步:试着添加其他样式:以Msg样式为例: 新建自己的Msg页面: 在app.josn中添加"pages/msg/msg", 点击编译,自动生成我们的页面 查看开发文档, 将JSON内容覆盖到msg.json中(注意修改路径) WXML内容覆盖到msg.wxml中 点击编译,大家发现左侧样式已经出现。你学会吗?愉快的开发属于自己的微信小程序吧!
name="msgTemp"> class="weui-panel__bd"> url="../detail/detail?id={{id}}" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active"> class="weui-media-box__hd weui-media-box__hd_in-appmsg"> class="weui-media-box__thumb" src="{{src}}" style="width: 60...
3.6MsgPage 3.7Article 3.8ActionSheet 3.9Icon 4技术⽀持与反馈 概述 WeUI是⼀套同微信原⽣视觉体验⼀致的基础样式库,由微信官⽅设计团队为微信内 ⽹页开发量⾝设计,可以令⽤户的使⽤感知更加统⼀。在微信⽹页开发中使⽤ WeUI,有如下优势: ...
msg_text_primary预览代码 预览代码 预览代码 预览代码 预览代码 toast预览代码 uploader预览代码 WeUI第三方扩展 airyland/vux cipchk/ngx-weui pengtikui/weui-extension kevyu/weui-sass Eric-Guo/weui-rails(Using kevyu/weui-sass) n7best/react-weui ...
6 changes: 4 additions & 2 deletions 6 src/style/widget/weui-page/weui-msg.less Original file line numberDiff line numberDiff line change @@ -27,9 +27,11 @@ box-sizing:border-box; display:flex; flex-direction: column; background-color:#FFFFFF; background-color: #FFFFFF; a:not(....
Msg Page 结果页通常来说可以认为进行一系列操作步骤后,作为流程结束的总结性页面。结果页的作用主要是告知用户操作处理结果以及必要的相关细节(可用于确认之前的操作是否有误)等信息;若该流程用于开启或关闭某些重要功能,可在结果页增加与该功能相关的描述性内容;除此之外,结果页也可以承载一些附加价值操作,例如提供...