修改样式
This commit is contained in:
parent
cbeeea455f
commit
f0433b588c
@ -168,6 +168,7 @@
|
|||||||
methods: {
|
methods: {
|
||||||
//点击tabs
|
//点击tabs
|
||||||
tabschange(index) {
|
tabschange(index) {
|
||||||
|
console.log(this.tabslist)
|
||||||
this.tabscurrent = index;
|
this.tabscurrent = index;
|
||||||
this.orderStatus = this.tabslist[index].orderStatus
|
this.orderStatus = this.tabslist[index].orderStatus
|
||||||
this.goodsOrderinfo();
|
this.goodsOrderinfo();
|
||||||
@ -376,4 +377,4 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import "./CommodityOrder.scss";
|
@import "./CommodityOrder.scss";
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -88,7 +88,7 @@
|
|||||||
<view class="cancelorder" style="background: #60c5f1;" @tap='rateshowtrue'
|
<view class="cancelorder" style="background: #60c5f1;" @tap='rateshowtrue'
|
||||||
v-if="list.orderStatus=='COMPLETE'">立即评价
|
v-if="list.orderStatus=='COMPLETE'">立即评价
|
||||||
</view>
|
</view>
|
||||||
<view class="cancelorder" @tap='buy' style="background-color: darkorange;"
|
<view class="cancelorder" @tap='buy' style="background-color: #26A888;"
|
||||||
v-if="list.orderStatus=='WAIT_PAY'">
|
v-if="list.orderStatus=='WAIT_PAY'">
|
||||||
去支付
|
去支付
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
.app {
|
.app {
|
||||||
font-size: 34rpx;
|
::v-deep .u-checkbox__icon-wrap--checked.data-v-532d01c7{
|
||||||
padding-top: 10rpx;
|
background:#26A888 !important;
|
||||||
height: 100%;
|
border: 1rpx solid #26A888 !important;
|
||||||
-webkit-overflow-scrolling: touch;
|
}
|
||||||
.mask {
|
.mask {
|
||||||
.Agreement {
|
.Agreement {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -115,17 +115,18 @@
|
|||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
line-height: 86rpx;
|
line-height: 86rpx;
|
||||||
border: 2rpx solid #DADADA;
|
border: 2rpx solid #26A888;
|
||||||
}
|
}
|
||||||
.timeitemtap{
|
.timeitemtap{
|
||||||
width: 21%;
|
width: 21%;
|
||||||
margin: 0 2% 20rpx;
|
margin: 0 2% 20rpx;
|
||||||
height: 86rpx;
|
height: 86rpx;
|
||||||
border: 2rpx solid #F44B2F;
|
border: 2rpx solid #26A888;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #F44B2F;
|
color: #26A888;
|
||||||
line-height: 86rpx;
|
line-height: 86rpx;
|
||||||
|
background: #E6F8F3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -146,7 +147,7 @@
|
|||||||
}
|
}
|
||||||
.Soonerorlaterclass{
|
.Soonerorlaterclass{
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
color: #F44B2F;
|
color: #26A888;
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
height: 50rpx;
|
height: 50rpx;
|
||||||
}
|
}
|
||||||
@ -382,4 +383,4 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 96rpx;
|
line-height: 96rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
<span>上门时间:</span>
|
<span>上门时间:</span>
|
||||||
<span class='addition'>请您选择希望护理员到达的时间</span>
|
<span class='addition'>请您选择希望护理员到达的时间</span>
|
||||||
</view>
|
</view>
|
||||||
<tabs :list="orderlist.appointmentTimeList" :current="timecurrent" @change="timechange">
|
<tabs :list="orderlist.appointmentTimeList" :current="timecurrent" @change="timechange" active-color="#26A888">
|
||||||
</tabs>
|
</tabs>
|
||||||
<view class="timeyear">
|
<view class="timeyear">
|
||||||
<view class="toptext">
|
<view class="toptext">
|
||||||
|
|||||||
@ -15,7 +15,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="worditem">
|
<view class="worditem">
|
||||||
<view class="today" @tap='taptoday(item,index)'
|
<view class="today" @tap='taptoday(item,index)'
|
||||||
:style="todayindex==index?'background: #FEF9F8;border: 1px solid #F44B2F;color: #F44B2F;':''"
|
:style="todayindex==index?'background: #E6F8F3;border: 1px solid #26A888;color: #26A888;':''"
|
||||||
v-for="(item,index) in userlist.appointmentTimeList" :key="index">
|
v-for="(item,index) in userlist.appointmentTimeList" :key="index">
|
||||||
<span class="todaytime">
|
<span class="todaytime">
|
||||||
{{item.week}}
|
{{item.week}}
|
||||||
@ -339,7 +339,7 @@
|
|||||||
.submit {
|
.submit {
|
||||||
width: 186rpx;
|
width: 186rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #F44B2F;
|
background: #26A888;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
@ -384,7 +384,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.submits {
|
.submits {
|
||||||
background: #F44B2F;
|
background: #26A888;
|
||||||
width: 501rpx;
|
width: 501rpx;
|
||||||
height: 71rpx;
|
height: 71rpx;
|
||||||
line-height: 71rpx;
|
line-height: 71rpx;
|
||||||
|
|||||||
@ -111,7 +111,7 @@
|
|||||||
|
|
||||||
.actives {
|
.actives {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
color: red;
|
color: #26A888;
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@ -208,7 +208,7 @@
|
|||||||
right: 30rpx;
|
right: 30rpx;
|
||||||
width: 125rpx;
|
width: 125rpx;
|
||||||
height: 52rpx;
|
height: 52rpx;
|
||||||
background: #F44B2F;
|
background: #26A888;
|
||||||
border-radius: 26rpx;
|
border-radius: 26rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
line-height: 52rpx;
|
line-height: 52rpx;
|
||||||
|
|||||||
@ -19,7 +19,7 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mask {
|
.mask {
|
||||||
.information {
|
.information {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
@ -30,7 +30,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.determine,
|
.determine,
|
||||||
.cancel {
|
.cancel {
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
@ -41,23 +41,23 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 74%;
|
top: 74%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.determine {
|
.determine {
|
||||||
background: #26A888;
|
background: #26A888;
|
||||||
right: 36rpx;
|
right: 36rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cancel {
|
.cancel {
|
||||||
background: #C5BFBF;
|
background: #C5BFBF;
|
||||||
left: 36rpx;
|
left: 36rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: 42rpx;
|
font-size: 42rpx;
|
||||||
margin-top: 40rpx;
|
margin-top: 40rpx;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
image {
|
image {
|
||||||
width: 100rpx;
|
width: 100rpx;
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
@ -111,7 +111,7 @@
|
|||||||
height: 52rpx;
|
height: 52rpx;
|
||||||
border-radius: 26rpx;
|
border-radius: 26rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: #F44B2F;
|
background: #26A888;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 52rpx;
|
line-height: 52rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -119,7 +119,7 @@
|
|||||||
right:5%;
|
right:5%;
|
||||||
}
|
}
|
||||||
.price {
|
.price {
|
||||||
height: 52rpx;
|
height: 52rpx;
|
||||||
color: #F44B2F;
|
color: #F44B2F;
|
||||||
line-height: 52rpx;
|
line-height: 52rpx;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
@ -157,7 +157,7 @@
|
|||||||
-webkit-line-clamp: 2;
|
-webkit-line-clamp: 2;
|
||||||
line-clamp: 2;
|
line-clamp: 2;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
white-space:normal;
|
white-space:normal;
|
||||||
word-break:break-all;
|
word-break:break-all;
|
||||||
}
|
}
|
||||||
.pingfen {
|
.pingfen {
|
||||||
@ -184,7 +184,7 @@
|
|||||||
border-radius: 4rpx;
|
border-radius: 4rpx;
|
||||||
}
|
}
|
||||||
&.active {
|
&.active {
|
||||||
color: #2979ff;
|
color: #26A888;
|
||||||
&::after {
|
&::after {
|
||||||
content: '';
|
content: '';
|
||||||
width: 50%;
|
width: 50%;
|
||||||
|
|||||||
@ -77,7 +77,7 @@
|
|||||||
{{item.name}}
|
{{item.name}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<u-tabs v-if="choicetab==false" :list="tabList" :current="classifycurrent" @change="change">
|
<u-tabs v-if="choicetab==false" :list="tabList" :current="classifycurrent" @change="change" active-color="#26A888">
|
||||||
</u-tabs>
|
</u-tabs>
|
||||||
<view class="" v-if="servelist.length>0&&choicetab==false" style="margin:0">
|
<view class="" v-if="servelist.length>0&&choicetab==false" style="margin:0">
|
||||||
<view class="item" v-for="item in servelist" :key="" v-show='choicetab==false'
|
<view class="item" v-for="item in servelist" :key="" v-show='choicetab==false'
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user