更新ui细节
This commit is contained in:
@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user