hjq/aircraft-pilot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

设备管理详情样式调整

Browse Source
This commit is contained in:
Double-_-Z 2025-09-12 16:35:13 +08:00
parent 53acf5e795
commit fc1898fb65
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
aircraft/server/equipment/equipmentDetail.vue
View File

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