设备管理详情样式调整

This commit is contained in:
Double-_-Z 2025-09-12 16:35:13 +08:00
parent 53acf5e795
commit fc1898fb65

View File

@ -3,7 +3,7 @@
<!-- 顶部导航区 -->
<Topnav :topLevel="topLevel" title="设备详情" defaultBackColor="#333333"
defaultNavTextColor="#333333" showBack />
<view :style="{height: CustomBar + 'px'}" />
<!-- <view :style="{height: CustomBar + 'px'}" /> -->
<!-- 主要内容区域 -->
<view class="detail-container">
<!-- 设备图片展示区 -->
@ -15,7 +15,7 @@
:name="'image'"
@change="(e) => (currentImageIndex = e.current)"
:autoplay="true"
height="500"
height="750"
:interval="3000"
border-radius="12"
>
@ -405,14 +405,15 @@ export default {
height: 20rpx;
border-radius: 50%;
opacity: 0.5;
margin: 0 8rpx;
margin-bottom: 25rpx;
background-color: #999999 !important; /* 默认颜色 */
}
::v-deep .u-indicator-item-dot-active {
opacity: 1;
background-color: #fee547 !important; /* 选中颜色 */
}
::v-deep .u-swiper-indicator{
bottom: 100rpx !important;
}
.indicator {
display: flex;
flex-direction: row;
@ -440,6 +441,8 @@ export default {
//
.equipment-info {
position: relative;
margin-top: -80rpx;
padding: 0 24rpx 26rpx 24rpx;
// margin: 20rpx 0 30rpx;
@ -572,6 +575,7 @@ export default {
width: 100%;
background-color: #ffffff;
padding: 15rpx 24rpx calc(4rpx + env(safe-area-inset-bottom));
margin-bottom: 10rpx;
.add-action {
background: #fee547;
border-radius: 10rpx;