Browse Source

首页

master
kuaileWu 2 years ago
parent
commit
e8ce7ec04b
  1. 57
      pages/index/index.vue

57
pages/index/index.vue

@ -1,5 +1,5 @@
<template>
<view class="index-page">
<view class="index-page btPadding">
<view class="header-wrapper flex">
<view class="left">
<view class="flex top PfScMedium">
@ -50,7 +50,7 @@
</view>
</view>
<view class="bot primary btn btn2">
<view class="bot primary btn btn2" hover-class="hover">
预约看诊
</view>
</view>
@ -76,13 +76,13 @@
</view>
</view>
<view class="bot primary btn btn2">
<view class="bot primary btn btn2" hover-class="hover">
预约看诊
</view>
</view>
</view>
<view class="block visit-wrapper ">
<view class="block visit-wrapper">
<view class="header flex">
<view class="title-wrapper flex booklist">
<view class="title">
@ -99,29 +99,18 @@
<view class="con">
<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 class="PfScMedium over2">上官梓涵</view>
<view class="done">待就诊</view>
</view>
<view class="right">
<view>2024.01.09 周二 09:30-12:00</view>
<view class="over2">广安门中医医院西单门诊部 针灸科</view>
<view class="over2">广安门中医医院西单门广安门中医医院西单门 针灸科</view>
</view>
</view>
<view class="item flex">
<view class="left">
<view class="PfScMedium over">上官梓涵</view>
<view class="PfScMedium over2">上官梓涵</view>
<view class="wait">待就诊</view>
</view>
<view class="right">
@ -321,28 +310,27 @@
width: 180rpx;
flex-shrink: 1;
& view:first-of-type{
height: 42rpx;
line-height: 42rpx;
width: 140rpx;
font-size: 30rpx;
color: #000000;
min-height: 42rpx;
line-height: 42rpx;
}
& view:last-of-type{
padding: 0rpx 10rpx 0rpx 10rpx;
width: 90rpx;
height: 32rpx;
line-height: 32rpx;
border-radius: 6rpx;
font-size: 22rpx;
text-align:center;
margin-top: 19rpx;
margin-bottom: 12rpx;
width: 90rpx;
height: 32rpx;
line-height: 32rpx;
margin-top: 18rpx;
}
& view.wait:last-of-type{
border: 1rpx solid #AEB0B8;
background: #FCFCFC;
color: #AEB0B8;
}
& view.down:last-of-type{
& view.done:last-of-type{
color: #58CA7F;
background: #F8FFF7;
border: 1rpx solid #5BD07A;
@ -352,18 +340,17 @@
flex-grow:1;
text-align:right;
& view:first-of-type{
height: 30rpx;
font-size: 28rpx;
color: #000000;
line-height: 30rpx;
height: 42rpx;
line-height: 42rpx;
}
& view:last-of-type{
margin-top: 19rpx;
height: 40rpx;
font-size: 28rpx;
line-height: 40rpx;
overflow: hidden;
min-height: 32rpx;
line-height: 32rpx;
color: #A1A1A1;
font-size: 28rpx;
margin-top: 18rpx;
}
}
}

Loading…
Cancel
Save