uniapp 底部导航栏tabBar 页面，有的手机长按会把图片进行闪烁，有的手机不会，图片是用image标签？
声明：没有加任何长按事件，也没有加触摸事件，也没有加css动画过度。。
萌新高手
- 发布：2024-01-23 10:30
- 更新：2024-01-23 12:03
- 阅读：240
萌新高手 (作者) - 萌新
<z-paging>
<view slot="top">
<image src="xxx" />
</view>
<view>
内容:有的手机在这里长按会导致上面图片闪烁，有的手机，z-paging插件没有加长按事件，其他页面用z-paging是没有这个问题的，只有在tabbar页才会这样
</view
</z-paging>
萌新高手 (作者) - 萌新
<template>
<view>
<u-navbar title="测试" leftIcon="" leftIconSize="30" leftIconColor="#222222" :titleStyle="{color: '#222222'}"
placeholder safeAreaInsetTop bgColor="#ffffff">
</u-navbar>
<view class="content">
<view class="content-section">
<view class="mine-actions grid col-4 text-center">
<view class="action-item" >
<u-icon size="120" name="/static/images/message/dz.png"></u-icon>
<text class="text">测试</text>
</view>
<view class="action-item" >
<u-icon size="120" name="/static/images/message/gz.png"></u-icon>
<u-badge max="99" :absolute="true" :offset="[0, 10]" :value="countInfo.follow"></u-badge>
<text class="text">测试</text>
</view>
<view class="action-item">
<u-icon size="120" name="/static/images/message/tz.png"></u-icon>
<u-badge max="99" :absolute="true" :offset="[0, 10]" :value="countInfo.comment"></u-badge>
<text class="text">测试</text>
</view>
</view>
</view>
<view class="con-list">
<u-cell-group :border="false">
<u-cell size="large" title="测试" :titleStyle="{'fontSize': '28rpx'}">
<u-icon slot="icon" size="80" name="/static/images/message/xxa.png"></u-icon>
<text v-if="countInfo.platform > 0" slot="value"
class="u-slot-value">{{countInfo.platform > 99 ? '99' : countInfo.platform}}</text>
</u-cell>
<u-cell size="large" :border="false" :titleStyle="{'fontSize': '28rpx'}" title="测试">
<u-icon slot="icon" size="80" name="/static/images/message/xxb.png"></u-icon>
<text v-if="countInfo.rebate > 0" slot="value"
class="u-slot-value">{{countInfo.rebate > 99 ? '99' : countInfo.rebate}}</text>
</u-cell>
</u-cell-group>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
countInfo: {},
tokenTrue: true
}
},
onShow() {
},
methods: {
}
}
</script>
<style scoped lang="scss">
::v-deep .u-line {
border-color: #E7E7E7 !important;
}
.u-slot-value {
background-color: #f56c6c;
color: #ffffff;
border-radius: 60rpx;
font-size: 22rpx;
width: 40rpx;
height: 40rpx;
display: flex;
align-items: center;
justify-content: center;
}
.con-list {
box-sizing: border-box;
width: 690rpx;
margin: 0 auto;
box-shadow: 0px 0px 40rpx 0px rgba(169, 169, 169, 0.16);
padding: 10rpx 30rpx;
border-radius: 20rpx;
}
.content {
.content-section {
position: relative;
.mine-actions {
margin: 30rpx 30rpx;
padding: 20rpx 0px;
border-radius: 20rpx;
background-color: white;
display: flex;
justify-content: space-around;
box-shadow: 0px 0px 40rpx 0px rgba(169, 169, 169, 0.16);
color: #262838;
font-size: 24rpx;
.action-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
.text {
margin: 14rpx 0px;
}
}
}
}
}
</style>-
没复现出来 你可以把u-cell-group u-cell u-icon都删掉使用原生的view和image 然后试试会不会闪烁
如果去掉uvuew后不会闪烁 那就是uview的问题 相反的话就是uni的问题2024-01-23 14:24
萌新高手 (作者)
是的，APP端
2024-01-23 10:49
爱豆豆
回复 萌新高手: 官方的app在你的这个手机上也会有这个bug吗？
示例app： https://m3w.cn/uniapp
2024-01-23 10:56