Browse Source

就诊详情按钮样式调整

master
zq 3 months ago
parent
commit
7fe6a5573f
  1. 8
      components/preBookList.vue
  2. 2
      pages/visit_detail/visit_detail.vue

8
components/preBookList.vue

@ -128,7 +128,7 @@ export default {
display: flex; display: flex;
border-radius: 6rpx; border-radius: 6rpx;
font-size: 26rpx; font-size: 26rpx;
line-height: 40rpx; // line-height: 40rpx;
padding: 0 10rpx; padding: 0 10rpx;
box-sizing: border-box; box-sizing: border-box;
min-width: 90rpx; min-width: 90rpx;
@ -143,6 +143,7 @@ export default {
view{ view{
background: #F8FFF7; background: #F8FFF7;
border: 1rpx solid #58CA7F; border: 1rpx solid #58CA7F;
border-left: 1rpx solid #58CA7F;
color: #30C563; color: #30C563;
} }
} }
@ -151,12 +152,14 @@ export default {
background: #FFFAF7; background: #FFFAF7;
color: #FE6710; color: #FE6710;
border: 1px solid #FE6710; border: 1px solid #FE6710;
border-left: 1px solid #FE6710;
} }
} }
&.status_down{ &.status_down{
view{ view{
background: #FCFCFC; background: #FCFCFC;
border: 1px solid #999999; border: 1px solid #999999;
border-left: 1px solid #999999;
color: #999999; color: #999999;
} }
} }
@ -164,6 +167,7 @@ export default {
view{ view{
background: #FCFCFC; background: #FCFCFC;
border: 1rpx solid #AEB0B8; border: 1rpx solid #AEB0B8;
border-left: 1rpx solid #AEB0B8;
color: #B6B8BF; color: #B6B8BF;
} }
} }
@ -171,12 +175,14 @@ export default {
view{ view{
background: #FFEEEE; background: #FFEEEE;
border: 1rpx solid #FD0000; border: 1rpx solid #FD0000;
border-left: 1rpx solid #FD0000;
color: #FD3B3B; color: #FD3B3B;
} }
} }
&.status_ing{ &.status_ing{
view{ view{
border: 1rpx solid #5FA1CB; border: 1rpx solid #5FA1CB;
border-left: 1rpx solid #5FA1CB;
background: #F7FCFF; background: #F7FCFF;
color: #007FD0; color: #007FD0;
} }

2
pages/visit_detail/visit_detail.vue

@ -23,7 +23,7 @@
<view class="fixedBot btPadding"> <view class="fixedBot btPadding">
<view class="submit"> <view class="submit">
<view :class="'btn cancel'+(showCancelBook ?' btn1': '') + (bookInfo.status == 2 ?' btn3' : '')" hover-class="hover" @click="reback">返回</view> <view :class="'btn cancel'+(showCancelBook ?' btn1': '') + ((bookInfo.status == 2 || bookInfo.status == 1) ?' btn3' : '')" hover-class="hover" @click="reback">返回</view>
<view class="btn primary btn1" hover-class="hover" v-if="showCancelBook && bookInfo.status != 2" @click="cancelBook">取消预约</view> <view class="btn primary btn1" hover-class="hover" v-if="showCancelBook && bookInfo.status != 2" @click="cancelBook">取消预约</view>
</view> </view>
</view> </view>

Loading…
Cancel
Save