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

Loading…
Cancel
Save