weui-tabbar在ipad下显示不正常:跑到了侧边且width变为只有60px。 在ipad真机调试发现,#shadow-root下的根view标签其class="weui-tabbar tabbar--weui-tabbar",即比在开发工具下看到的多了"tabbar--weui-tabbar"这个类,这个多出的类样式重设了flex-direction、height和width等导致tabbar显示错位。 奇怪的是,查遍源...
"useExtendedLib": { "kbone": true, "weui": true } 1 2 3 4 第二步:在页面的.json文件 {“usingComponents”: {“mp-dialog”: “weui-miniprogram/dialog/dialog” } } 第三步: 在.wxml文件添加以下代码 <mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="...
当你使用mp-cell标签点击有hover效果的url链接不跳转时 url 路径必须以根路径开始 "/pages/test/test" url 链接不可以包含在tabBar的list列表内 本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。 如有侵权请联系 cloudcommunity@tencent.com 删除 前往查看...
第一步:在app.json下添加一下字段 第二步:在页面的.json文件 { “usingComponents”: { “mp-dialog”: “weui-miniprogram/dialog/dialog” } } 第三步: 在.wxml文件添加以下代码 官网地址:https://weui.io/ https://deve...WeUI for 小程序——使用教程 步骤: https://github.com/Tencent/weui-wxss...
2 changes: 1 addition & 1 deletion 2 src/components/tabbar/tabbar.wxml Original file line numberDiff line numberDiff line change @@ -1,4 +1,4 @@ <view class="weui-tabbar {{reactive ? 'weui-tabbar__reactive' : ''}} ext-class" aria-role="tablist"> <view class="weui-tabbar {{...
tabbar 3.1 轮播swipe 3.1 微信分享 3.1
<image src="{{current === index ? item.selectedIconPath : item.iconPath}}" class="weui-tabbar__icon"></image> <mp-badge wx:if="{{item.badge || item.dot}}" content="{{item.badge}}" aria-label="{{item.ariaLabel || ''}}" style="position: absolute;top:-2px;left:calc(100%...
2 changes: 1 addition & 1 deletion 2 src/example/tabbar/tabbar.wxml Original file line numberDiff line numberDiff line change @@ -1,4 +1,4 @@ <view class="page" data-weui-theme="{{theme}}"> <view class="page"> <mp-navigation-bar title="Tabbar"></mp-navigation-bar> <scroll-...
class="weui-tabbar__item " data-index="{{2}}" bind:tap="tabChange" > <wx-view ariaHidden="true" id="t2_tips" style="position: relative;display:inline-block;" > <wx-image class="weui-tabbar__icon" src="/icon" /> <mp-badge style="position: absolute;top:-2px;left:calc(...
<mp-cell has-header="{{false}}" has-footer="{{false}}" title="" ext-class=""> <textarea class="weui-textarea" placeholder="请输入文本" style="height: 3.3em" /> <textarea placeholder="请输入文本" style="height: 80px"/> <view class="weui-textarea-counter">0/200</view> <...