Browse Source

首页

master
kuaileWu 2 years ago
parent
commit
cc9ec46725
  1. 59
      pages/index/index.vue

59
pages/index/index.vue

@ -83,15 +83,15 @@
</view>
<view class="block visit-wrapper">
<view class="header">
<view class="header flex">
<view class="title-wrapper flex">
<view class="title">
医生简介
最近预约
</view>
<img :src="cssUrl+'right_bg.png'" alt="">
</view>
<view class="opt">
<view class="opt flex">
查看全部<img :src="cssUrl+'index_comback2.svg'" alt="">
</view>
</view>
@ -100,7 +100,29 @@
<view class="item flex">
<view class="left">
<view class="PfScMedium over">上官梓涵</view>
<view>待就诊</view>
<view class="wait">待就诊</view>
</view>
<view class="right">
<view>2024.01.09 周二 09:30-12:00</view>
<view class="over2">广安门中医医院西单门诊部 针灸科</view>
</view>
</view>
<view class="item flex">
<view class="left">
<view class="PfScMedium over">上官梓涵</view>
<view class="wait">待就诊</view>
</view>
<view class="right">
<view>2024.01.09 周二 09:30-12:00</view>
<view class="over2">广安门中医医院西单门诊部 针灸科</view>
</view>
</view>
<view class="item flex">
<view class="left">
<view class="PfScMedium over">上官梓涵</view>
<view class="wait">待就诊</view>
</view>
<view class="right">
<view>2024.01.09 周二 09:30-12:00</view>
@ -264,9 +286,21 @@
}
}
.visit-wrapper{
.header{
justify-content: space-between;
.opt{
align-items: top;
overflow: hidden;
img{
width: 20rpx;
height: 32rpx;
margin-top: 8rpx;
margin-left: 8rpx;
}
}
}
.con{
width: 100%;
display: flex;
justify-content: center;
.item{
width: 669rpx;
@ -287,15 +321,22 @@
width: 90rpx;
height: 32rpx;
line-height: 32rpx;
background: #F8FFF7;
border-radius: 6rpx;
border: 1rpx solid #5BD07A;
font-size: 22rpx;
color: #58CA7F;
text-align:center;
margin-top: 19rpx;
margin-bottom: 12rpx;
}
& view.wait:last-of-type{
border: 1rpx solid #AEB0B8;
background: #FCFCFC;
color: #AEB0B8;
}
& view.down:last-of-type{
color: #58CA7F;
background: #F8FFF7;
border: 1rpx solid #5BD07A;
}
}
.right{
flex-grow:1;
@ -310,9 +351,9 @@
margin-top: 19rpx;
height: 40rpx;
font-size: 28rpx;
color: #A1A1A1;
line-height: 40rpx;
overflow: hidden;
color: #A1A1A1;
}
}
}

Loading…
Cancel
Save