dyf/APP
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整一些组件样式

Browse Source
This commit is contained in:
liub
2026-04-07 11:25:23 +08:00
parent 6715507125
commit bb49564646
27 changed files with 165 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
pages/common/index/index.vue
View File

@ -27,7 +27,7 @@
<mescroll-uni class="device-list" @init="mescrollInit" @down="downCallback" @up="upCallback" :up="upOption"
:down="downOption" :fixed="false" :style="{ height: mescrollHeight + 'px' }">
<view v-if="deviceList.length>0">
<uni-swipe-action ref="swipeAction">
<uni-swipe-action ref="swipeAction" >
<block v-for="(item, index) in deviceList" :key="index" :ref="'swipeItem_' + index">
<uni-swipe-action-item :right-options="Options"
@click="handleSwipeClick($event, item, index)" class="device-card"
@ -88,6 +88,7 @@
</view>
<!-- 按钮组 -->
<view class="popup-buttons">
<button class="btn cancelBtn" @click="closePopup('delete')">取消</button>
<button class="btn agreeBtn" @click="handleBtn">确定</button>
</view>
</view>
@ -98,14 +99,15 @@
<view class="popup-content">
<view>
<view class="popup-flex">
<text>设备名称</text>
<input type="text" v-model="deviceName" placeholder="请输入设备名称" class="popup-input"
<text>名称</text>
<input type="text" v-model="deviceName" placeholder="请输入名称" class="popup-input"
@click.stop />
</view>
</view>
</view>
<!-- 按钮组 -->
<view class="popup-buttons" style="margin-top:50rpx;">
<button class="btn cancelBtn" @click="closePopup('rename')">取消</button>
<button class="btn agreeBtn4" @click="handleBtnName">确定</button>
</view>
</view>
@ -878,12 +880,25 @@
text-align: center;
/* 文字居中 */
/* 设置最小宽度 */
position: relative;
}
.active {
color: rgba(187, 230, 0, 1);
border-bottom: 6rpx solid rgba(187, 230, 0, 1);
.tab-item.active {
color: #bbe600;
height: 60rpx;
font-weight: bold;
}
.tab-item.active::before{
content: "";
background-color: #bbe600;
position: absolute;
top: 90%;
left:35%;
width: 30%;
height: 6rpx;
border-radius: 6rpx;
}
.sendFlex {
@ -1133,14 +1148,32 @@
border-radius: 40rpx;
padding: 30rpx;
text-align: center;
border: 1px solid rgba(255, 200, 78, 0.3);
border: 1px solid #E034344d;
}
.cancelBtn{
text-align: center;
width: 170rpx !important;
background-color: #00000000;
}
.agreement-popupC .cancelBtn{
border:1rpx solid #E034344d;
color:#E03434;
}
.agreement-popupD .cancelBtn{
border: 1rpx solid rgba(255, 255, 255, 0.6);
color:rgba(255, 255, 255, 0.6);
}
.agreement-popupD {
width: 70%;
width: 75%;
background-color: rgb(42, 42, 42);
border-radius: 40rpx;
padding: 40rpx;
padding: 40rpx 5rpx;
text-align: center;
border: 1px solid rgba(187, 230, 0, 0.3);
}
@ -1162,6 +1195,7 @@
font-size: 28rpx;
text-align: left;
text-indent: 5rpx;
width: calc(100% - 75rpx);
}
.svg {
@ -1182,8 +1216,8 @@
/* 同意按钮 */
.agreeBtn {
background: #FFC84E;
color: #232323;
background: #E03434;
color: #FFFFFF;
border: none;
width: 170rpx !important;
}