Administrator
/
FenXiNspUniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

视频监控样式调整

This commit is contained in:
978184212@qq.com 2026-06-03 10:10:03 +08:00
parent 8447475eb9
commit 6674ed8584
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packDetail1/pages/device/index.vue
View File

@ -11,7 +11,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="bot_box"> <view class="bot_box" :class="{'single-item': item.depUrlArr && item.depUrlArr.length === 1}">
<view class="bot_left" v-for="(it,i) in item.depUrlArr" :key="i" @click="todetail(it,i,item)"> <view class="bot_left" v-for="(it,i) in item.depUrlArr" :key="i" @click="todetail(it,i,item)">
<view class="botleft_bot"> <view class="botleft_bot">
<view class=""> <view class="">
@ -234,6 +234,7 @@
font-size: 28rpx; font-size: 28rpx;
padding: 20rpx 0; padding: 20rpx 0;
color: #8b95ea; color: #8b95ea;
margin-top: 20rpx;
} }
.top_box { .top_box {
@ -253,6 +254,21 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
/* 当只有一个子元素时的样式优化 */
.bot_box.single-item {
justify-content: center;
}
.bot_box.single-item .bot_left {
width: 100%;
height: 370rpx;
}
.bot_box.single-item .bot_left .botleft_top {
width: 100%;
height: 300rpx;
}
.bot_left { .bot_left {
width: 48%; width: 48%;
border: 4rpx solid #f0f0f0; border: 4rpx solid #f0f0f0;