修改样式

This commit is contained in:
kbing1981 2024-09-02 11:22:06 +08:00
parent 82c6061dcd
commit 24293d0dc1
2 changed files with 37 additions and 8 deletions

View File

@ -178,11 +178,10 @@ switch .uni-switch-input {
border-radius: 100upx;
}
switch .wx-switch-input:not([class*="bg-"]),
switch .wx-switch-input:not([class*="bg-"])
switch .uni-switch-input:not([class*="bg-"]) {
background: #8799a3 !important;
/* background: #029d88 !important; */
}
switch .wx-switch-input::after,
switch .uni-switch-input::after {
margin: auto;
@ -195,6 +194,7 @@ switch .uni-switch-input::after {
position: absolute;
transform: scale(0.9, 0.9);
transition: all 0.1s ease-in-out 0s;
background: #fff !important;
}
switch .wx-switch-input.wx-switch-input-checked::after,

View File

@ -3,7 +3,7 @@
<view class="timeView">
<view class="timeView-top">
<span class="dx_title">是否接单 <!-- <text class="switchTxt">{{switchTxt=='true'?'接单':'不接单'}}</text> --></span>
<switch :checked='isTrue' style="transform:scale(0.7)" @change="switch1Change"/>
<switch :checked='isTrue' style="transform:scale(0.7)" color="#029d88" @change="switch1Change"/>
</view>
<view class="selectTimt">
<view class="dx_title">选择接单时问</view>
@ -48,7 +48,12 @@
</view>
</view>
</view>
<view class="sub" @click="sub()">保存选择</view>
<view class="sub" @click="sub()">保存选择</view>
<!-- <view class="push-button">
<view class="detail-btn" @click="sub()">
保存选择
</view>
</view> -->
</view>
</view>
</template>
@ -685,6 +690,7 @@
font-size: 14px;
font-weight: bold;
margin-right: 5px;
margin-left: 20rpx;
}
.container-top span:nth-child(2){
font-size: 13px;
@ -731,7 +737,7 @@
.item{
width: 25%;
padding: 0 4px;
margin: 10px 0;
margin: 6px 0;
}
.time-box{
width:100%;
@ -753,7 +759,7 @@
.flex-box{
display: inline-block;
height: 60px;
width: 25%;
width: 33%;
margin: 0 3px 0 3px;
box-sizing: border-box;
}
@ -803,6 +809,7 @@
.dx_title{
font-size: 14px;
font-weight: bold;
margin-left:20rpx;
}
.switchTxt{
font-size: 13px;
@ -931,9 +938,31 @@
height: 80rpx;
line-height: 80rpx;
border-radius: 50rpx;
margin: 30rpx 10rpx;
margin: 20rpx auto 20rpx auto;
color: #FFFFFF;
font-size: 30rpx;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
}
.push-button{
width: 100%;
height: 48px;
position: fixed;
bottom: 0px;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
}
.detail-btn{
display: inline-block;
width: 92%;
text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
height: 40px;
border-radius: 28px;
color: #ffffff;
line-height: 40px;
margin-top: 4px;
font-size: 34rpx;
}
</style>