更新ui细节

This commit is contained in:
fengerli
2025-07-25 17:08:23 +08:00
parent 51ab4d0bfa
commit c83a513f86
5 changed files with 94 additions and 71 deletions

View File

@ -4,12 +4,12 @@
<view class="device-info" v-for="(item, index) in deviceList" :key="index">
<view class="device-header" @click.stop="handleFile(item)">
<view class="deviceIMG">
<image :src="item.devicePic" mode="" class="IMG"></image>
<image src="@/static/images/user.png" mode="" class="IMG"></image>
</view>
<view class="device-name">
<view>{{item.deviceName}}</view>
<view>用户名{{item.deviceName}}</view>
<view class="ID">
<view class="ID">ID:{{item.id}}
<view class="ID">{{item.phonenumber}}
</view>
</view>
</view>
@ -22,7 +22,7 @@
<view class="agreement-mask" v-if="deleteShow" @click="closePopup('delete')">
<view class="agreement-popup" @click.stop>
<view class="popup-content">
<image src="/static/images/dell.png" mode="" class="svg"></image>
<image src="/static/images/delel.png" mode="" class="svg"></image>
<uni-icon class="trash"></uni-icon>
<view>
<view class="popup-Title">确定移除该用户</view>
@ -161,11 +161,9 @@
}
.deviceIMG {
width: 100rpx;
height: 100rpx;
border-radius: 16rpx;
/* width: 100rpx; */
/* height: 100rpx; */
position: relative;
background-color: rgba(42, 42, 42, 0.6);
display: flex;
align-items: center;
}
@ -183,13 +181,13 @@
height: 60rpx;
text-align: center;
line-height: 60rpx;
color: rgba(255, 200, 78, 1);
color: rgba(224, 52, 52, 1);
cursor: pointer;
}
.IMG {
width: 68rpx;
height: 50rpx;
width: 120rpx;
height: 100rpx;
margin-left: 17%;
}
@ -233,16 +231,16 @@
/* 弹窗主体 */
.agreement-popup {
width: 60%;
background-color: rgb(42, 42, 42);
background: rgba(56, 57, 52, 0.4);
border-radius: 40rpx;
padding: 30rpx;
text-align: center;
border: 1px solid rgba(255, 200, 78, 0.3);
border: 1px solid rgba(224, 52, 52, 0.3);
}
.svg {
width: 58rpx;
height: 62rpx;
height: 58rpx;
}
/* 通用按钮样式 */
@ -258,8 +256,8 @@
/* 同意按钮 */
.agreeBtn {
background: #FFC84E;
color: #232323;
background: rgba(224, 52, 52, 1);
color: rgba(255, 255, 255, 0.87);
border: none;
width: 170rpx !important;
}