修改样式

This commit is contained in:
shidongli 2023-09-26 17:12:59 +08:00
parent cbeeea455f
commit f0433b588c
8 changed files with 30 additions and 28 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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;
} }
} }

View File

@ -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">

View File

@ -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;

View File

@ -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;

View File

@ -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%;

View File

@ -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'