设备管理详情样式调整
This commit is contained in:
parent
53acf5e795
commit
fc1898fb65
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user