修改样式
This commit is contained in:
parent
82c6061dcd
commit
24293d0dc1
|
@ -178,11 +178,10 @@ switch .uni-switch-input {
|
||||||
border-radius: 100upx;
|
border-radius: 100upx;
|
||||||
}
|
}
|
||||||
|
|
||||||
switch .wx-switch-input:not([class*="bg-"]),
|
switch .wx-switch-input:not([class*="bg-"])
|
||||||
switch .uni-switch-input:not([class*="bg-"]) {
|
switch .uni-switch-input:not([class*="bg-"]) {
|
||||||
background: #8799a3 !important;
|
/* background: #029d88 !important; */
|
||||||
}
|
}
|
||||||
|
|
||||||
switch .wx-switch-input::after,
|
switch .wx-switch-input::after,
|
||||||
switch .uni-switch-input::after {
|
switch .uni-switch-input::after {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@ -195,6 +194,7 @@ switch .uni-switch-input::after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
transform: scale(0.9, 0.9);
|
transform: scale(0.9, 0.9);
|
||||||
transition: all 0.1s ease-in-out 0s;
|
transition: all 0.1s ease-in-out 0s;
|
||||||
|
background: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
switch .wx-switch-input.wx-switch-input-checked::after,
|
switch .wx-switch-input.wx-switch-input-checked::after,
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<view class="timeView">
|
<view class="timeView">
|
||||||
<view class="timeView-top">
|
<view class="timeView-top">
|
||||||
<span class="dx_title">是否接单 <!-- <text class="switchTxt">{{switchTxt=='true'?'接单':'不接单'}}</text> --></span>
|
<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>
|
||||||
<view class="selectTimt">
|
<view class="selectTimt">
|
||||||
<view class="dx_title">选择接单时问</view>
|
<view class="dx_title">选择接单时问</view>
|
||||||
|
@ -48,7 +48,12 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</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>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
@ -685,6 +690,7 @@
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
margin-left: 20rpx;
|
||||||
}
|
}
|
||||||
.container-top span:nth-child(2){
|
.container-top span:nth-child(2){
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
@ -731,7 +737,7 @@
|
||||||
.item{
|
.item{
|
||||||
width: 25%;
|
width: 25%;
|
||||||
padding: 0 4px;
|
padding: 0 4px;
|
||||||
margin: 10px 0;
|
margin: 6px 0;
|
||||||
}
|
}
|
||||||
.time-box{
|
.time-box{
|
||||||
width:100%;
|
width:100%;
|
||||||
|
@ -753,7 +759,7 @@
|
||||||
.flex-box{
|
.flex-box{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
width: 25%;
|
width: 33%;
|
||||||
margin: 0 3px 0 3px;
|
margin: 0 3px 0 3px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
@ -803,6 +809,7 @@
|
||||||
.dx_title{
|
.dx_title{
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
margin-left:20rpx;
|
||||||
}
|
}
|
||||||
.switchTxt{
|
.switchTxt{
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
@ -931,9 +938,31 @@
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
line-height: 80rpx;
|
line-height: 80rpx;
|
||||||
border-radius: 50rpx;
|
border-radius: 50rpx;
|
||||||
margin: 30rpx 10rpx;
|
margin: 20rpx auto 20rpx auto;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
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>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue