小程序
小游戏
企业微信
微信支付
扫描小程序码分享
iphone6
ios10.3.2(14F89)
微信版本:7.0.14
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
会不会层级问题 给盖住了
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你可以把原生的cover-view标签换成 view,替换下就可以了,我前段时间也是这样,希望对你用
<view class="tab-bar">
<view class="tab-bar-border"></view>
<view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
<image class="itemimage" src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></image>
<view class="itemview" style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</view>
</view>
.tab-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 48px;
background: white;
display: flex;
padding-bottom: env(safe-area-inset-bottom);
}
.tab-bar-border {
background-color: rgba(0, 0, 0, 0.33);
position: absolute;
top: 0;
width: 100%;
height: 1px;
transform: scaleY(0.5);
.tab-bar-item {
flex: 1;
text-align: center;
justify-content: center;
align-items: center;
flex-direction: column;
.itemimage {
width: 27px;
height: 27px;
.itemview {
font-size: 10px;
如图。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
会不会层级问题 给盖住了
你可以把原生的cover-view标签换成 view,替换下就可以了,我前段时间也是这样,希望对你用
<view class="tab-bar">
<view class="tab-bar-border"></view>
<view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
<image class="itemimage" src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></image>
<view class="itemview" style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</view>
</view>
</view>
.tab-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 48px;
background: white;
display: flex;
padding-bottom: env(safe-area-inset-bottom);
}
.tab-bar-border {
background-color: rgba(0, 0, 0, 0.33);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
transform: scaleY(0.5);
}
.tab-bar-item {
flex: 1;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.itemimage {
width: 27px;
height: 27px;
}
.itemview {
font-size: 10px;
}
如图。