作者
作者其它话题
无人回复的话题
千人开发者高质量交流群
你好,麻烦具体描述问题流程,提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
<view class="part"
<view class="part_box" >
<view id="{{index}}" class="{{color[index]?'part_name1':'part_name'}}" bindtap="getUnit" wx:for="{{position}}"
wx:key="index"
<text class="{{color[index]?'part_name_value1':'part_name_value'}}"{{item.positionName}}</text>
</view>
<view>
</view>
用的弹性盒
overflow:scroll-x;
//css
.part {
width: 100vw;
height: 84rpx;
background: rgba(255, 255, 255, 1);
/*border-bottom: 2rpx solid rgba(151, 151, 151, 1);*/
display: flex;
align-items: center;
position: sticky;
top: 352rpx;
z-index: 100;
}
.part_box {
width: 750rpx;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
margin-right: 0rpx;
height: 46rpx;
}
.part_box::-webkit-scrollbar {
display: none;
}
.part_box view:nth-child(1) {
margin-left: 48rpx;
}
.part_name {
height: 44rpx;
background: rgba(238, 238, 238, 1);
border-radius: 22rpx;
text-align: center;
display: inline-block;
margin-right: 40rpx;
line-height: 34rpx;
}
.part_name1 {
height: 40rpx;
background: #EFF9E8;
border: 1rpx solid rgba(83, 194, 3, 1);
border-radius: 22rpx;
text-align: center;
display: inline-block;
margin-right: 40rpx;
line-height: 40rpx;
}
.part_name_value {
width: 100%;
padding: 3rpx 22rpx;
line-height: 44rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(51, 51, 51, 1);
}
.part_name_value1 {
width: 100%;
padding: 2rpx 21rpx;
line-height: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #53C203;
}
微信版本号:7.0.9
机型:1.华为DUB-AL00 2. OPPO A5 PBBM30
系统版本号:1.DUB-AL00 8.2.0.186(C00) 2. PBBM30_11_A.19_c798d071
WXOPEN Club 社区为国内最专业的微信小程序技术社区,致力于微信小程序的技术研究。
社区由 Nodeclub 驱动 | 服务器搭建在超友好的 | 存储赞助商为 | 站点运行状态监控由 强力驱动
© 2016 - 2024 WXOPEN Club