From 5c8214b8fdcff3f8f408fa7d524f6ec8e2938443 Mon Sep 17 00:00:00 2001
From: zoujiandong <10130823232@qq.com>
Date: Fri, 12 Apr 2024 09:54:34 +0800
Subject: [PATCH] 4.12

---
 .../pages/healthyIntro/healthyIntro.wxss      | 575 ++++++++++--------
 1 file changed, 317 insertions(+), 258 deletions(-)

diff --git a/healthyService/pages/healthyIntro/healthyIntro.wxss b/healthyService/pages/healthyIntro/healthyIntro.wxss
index be7e994..b5805e4 100644
--- a/healthyService/pages/healthyIntro/healthyIntro.wxss
+++ b/healthyService/pages/healthyIntro/healthyIntro.wxss
@@ -1,89 +1,104 @@
 /* healthyService/pages/healthyIntro/healthyIntro.wxss */
-.page{
-    
+.page {
+
     margin-top: 172rpx;
     overflow-y: scroll;
-     height: calc(100vh - 172rpx - 60rpx);
+    height: calc(100vh - 172rpx - 60rpx);
     position: relative;
 }
-.imgbox{
+
+.imgbox {
     position: relative;
 }
-page{
+
+page {
     height: 100vh;
     overflow: hidden;
 }
-.btn{
+
+.btn {
     position: absolute;
-  
+
     left: 50%;
     margin-left: -232rpx;
-    width:464rpx;
+    width: 464rpx;
     height: 86rpx;
-    bottom:130rpx;
+    bottom: 130rpx;
 }
-.bg{
-    width:100%;
+
+.bg {
+    width: 100%;
 }
-.top{
+
+.top {
     position: absolute;
-   top:10rpx;
-    width:100%;
+    top: 10rpx;
+    width: 100%;
     display: flex;
     justify-content: center;
-    padding:20rpx 0;
-  }
-  .top .up{
-    width:40rpx;
-    height:22rpx;
+    padding: 20rpx 0;
+}
+
+.top .up {
+    width: 40rpx;
+    height: 22rpx;
     transition: all 0.5s;
-  }
-  .top .up.active{
+}
+
+.top .up.active {
     transform: rotate(180deg);
-  }
-  .popname{
+}
+
+.popname {
     margin-top: 60rpx;
-    padding:20rpx 52rpx 30rpx;
+    padding: 20rpx 52rpx 30rpx;
     font-size: 34rpx;
-    color:#333;
+    color: #333;
     border-bottom: 1px solid #E7E7E7;
-  }
-.popwrper{
-    top:0rpx;
+}
+
+.popwrper {
+    top: 0rpx;
     background-color: #fff;
-   position: relative;
-   transition: height 0.5s;
-   width:100%;
-   border-radius: 20rpx;
-   overflow: hidden;
-  height:100%;
-   bottom:0px;
-  }
-  .wraper{
- 
+    position: relative;
+    transition: height 0.5s;
+    width: 100%;
+    border-radius: 20rpx;
+    overflow: hidden;
     height: 100%;
-  }
-  .containexpert{
+    bottom: 0px;
+}
+
+.wraper {
+
+    height: 100%;
+}
+
+.containexpert {
     margin-top: 172rpx;
     padding: 0 30rpx 0rpx;
     overflow: hidden;
     position: relative;
     transform: all 0.3s ease;
-  }
-  .droptitle,.van-ellipsis{
-    font-size: 30rpx!important;
-  }
-  .namebox .name{
-      max-width:400rpx;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  
-  .droptitle.active{
-    color:#3CC7C0;
-  }
-  .searchbox {
+}
+
+.droptitle,
+.van-ellipsis {
+    font-size: 30rpx !important;
+}
+
+.namebox .name {
+    max-width: 400rpx;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.droptitle.active {
+    color: #3CC7C0;
+}
+
+.searchbox {
     width: 100%;
     height: 72rpx;
     display: flex;
@@ -93,29 +108,30 @@ page{
     background: #FBFBFB;
     border-radius: 36px;
     border: 1rpx solid #CCCCCC;
-  }
-  
-  .searchbox input {
+}
+
+.searchbox input {
     margin-left: 30rpx;
     flex: 1;
     font-size: 32rpx;
     height: 80rpx;
-  }
-  
-  .searchbox image {
+}
+
+.searchbox image {
     width: 30rpx;
     height: 30rpx;
     margin-right: 28rpx;
-  }
-  
-  .scroll-view_H {
-    height:195rpx;
+}
+
+.scroll-view_H {
+    height: 195rpx;
     white-space: nowrap;
     vertical-align: top;
-  }
-  .scroll-view-item_H{
+}
+
+.scroll-view-item_H {
     /* width: 154rpx; */
-    padding:0 15rpx;
+    padding: 0 15rpx;
     background: #F4F4F4;
     border-radius: 30rpx;
     font-size: 28rpx;
@@ -126,43 +142,50 @@ page{
     display: inline-block;
     text-align: center;
     line-height: 58rpx;
-  }
-  
-  .page-section-spacing .row{
+}
+
+.page-section-spacing .row {
     margin-top: 40rpx;
     margin-bottom: 30rpx;
-  }
-  .page-section-spacing .row:last-child{
+}
+
+.page-section-spacing .row:last-child {
     margin-top: 30rpx;
     margin-bottom: 10rpx;
-  }
-  .scroll-view_H .scroll-view-item_H:first-child{
+}
+
+.scroll-view_H .scroll-view-item_H:first-child {
     margin-left: 0rpx;
-   
-  }
-  .scroll-view-item_H.active {
+
+}
+
+.scroll-view-item_H.active {
     background: #E2FFFE;
     color: #3CC7C0;
     border: 1rpx solid #3CC7C0;
-  }
-  .van-dropdown-menu{
-    box-shadow: none!important;
-   
-  }
-  .viewcell{
+}
+
+.van-dropdown-menu {
+    box-shadow: none !important;
+
+}
+
+.viewcell {
     display: flex;
     overflow: hidden;
     box-sizing: border-box;
-    padding:40rpx 30rpx 30rpx;
-    width:100%;
+    padding: 40rpx 30rpx 30rpx;
+    width: 100%;
     border-radius: 10rpx;
     background-color: #fff;
     border-bottom: 1rpx solid #E7E7E7;
-  }
-  .viewcell:last-child{
+}
+
+.viewcell:last-child {
     border-bottom: none;
-  }
-  .viewcell .type{
+}
+
+.viewcell .type {
     height: 32rpx;
     margin-bottom: 6rpx;
     line-height: 32rpx;
@@ -170,230 +193,266 @@ page{
     white-space: nowrap;
     align-items: center;
     margin-left: 18rpx;
-    padding:0rpx 6rpx;
+    padding: 0rpx 6rpx;
     background: #ED9C00;
     border-radius: 4rpx;
     color: #FFFFFF;
     font-size: 24rpx;
-  }
-  .viewcell .hospital{
+}
+
+.viewcell .hospital {
     margin-top: 12rpx;
     color: #333333;
     display: flex;
     font-size: 30rpx;
     word-wrap: break-word;
-  }
-  .hospital_name{
+}
+
+.hospital_name {
     word-wrap: break-word;
     margin-right: 10rpx;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-  }
-  .goodjob{
-  color: #666666;
-  margin-top: 28rpx;
-  line-height: 42rpx;
-  font-size: 28rpx;
-  word-break: break-all;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2; /* 这里是超出几行省略 */
-  overflow: hidden;
-  }
-  .price{
+}
+
+.goodjob {
+    color: #666666;
+    margin-top: 28rpx;
+    line-height: 42rpx;
     font-size: 28rpx;
-   position: relative;
-  }
-  
-  .price text{
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /* 这里是超出几行省略 */
+    overflow: hidden;
+}
+
+.price {
+    font-size: 28rpx;
+    position: relative;
+}
+
+.price text {
     margin-left: 5rpx;
     font-size: 32rpx;
-    color:#EF4F20;
-  }
-  .viewcell .right{
-    flex:1;
+    color: #EF4F20;
+}
+
+.viewcell .right {
+    flex: 1;
     margin-left: 20rpx;
-  }
-  .viewcell  image{
-    width:80rpx;
-    height:80rpx;
-    border-radius:50%;
-  }
-  .namebox{
+}
+
+.viewcell image {
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 50%;
+}
+
+.namebox {
     display: flex;
     font-size: 34rpx;
     font-weight: 600;
-    color:#333;
+    color: #333;
     align-items: flex-end;
-  }
-  .namebox .position{
+}
+
+.namebox .position {
     font-weight: normal;
     margin-left: 15rpx;
     font-size: 30rpx;
-  }
-  .dropOnline.active{
+}
+
+.dropOnline.active {
     color: #3CC7C0;
-  }
-  .diseaseType{
-  height: 40rpx;
-  background: #E2FFFE;
-  border-radius: 20rpx;
-  margin-right: 20rpx;
-  border: 1rpx solid #3CC7C0;
-  color: #3CC7C0;
-  font-size: 24rpx;
-  display: inline-flex;
-  text-align: center;
-  padding:0 15rpx;
-  align-items: center;
-  justify-content: center;
-  margin-top: 20rpx;
-  white-space: nowrap;
-  }
-  .detail{
+}
+
+.diseaseType {
+    height: 40rpx;
+    background: #E2FFFE;
+    border-radius: 20rpx;
+    margin-right: 20rpx;
+    border: 1rpx solid #3CC7C0;
+    color: #3CC7C0;
+    font-size: 24rpx;
+    display: inline-flex;
+    text-align: center;
+    padding: 0 15rpx;
+    align-items: center;
+    justify-content: center;
+    margin-top: 20rpx;
+    white-space: nowrap;
+}
+
+.detail {
     margin-top: 20rpx;
     display: flex;
     font-size: 24rpx;
-  }
-  .detail view{
-    margin-right:40rpx;
-  }
-  
-  .detail view text{
+}
+
+.detail view {
+    margin-right: 40rpx;
+}
+
+.detail view text {
     font-size: 28rpx;
-    color:#3CC7C0;
-  }
-  .consultbox{
-      position: relative;
-   
+    color: #3CC7C0;
+}
+
+.consultbox {
+    position: relative;
+
     margin-top: 28rpx;
     display: flex;
     align-items: center;
     justify-content: space-between;
-  }
-  
-  .consult{
+}
+
+.consult {
     height: 60rpx;
-  background: #3CC7C0;
-  border-radius: 30rpx;
-  color: #FFFFFF;
-  display: flex;
-  align-items: center;
-  padding:0 20rpx;
-  font-size: 30rpx;
-  }
-  .wraper{
+    background: #3CC7C0;
+    border-radius: 30rpx;
+    color: #FFFFFF;
+    display: flex;
+    align-items: center;
+    padding: 0 20rpx;
+    font-size: 30rpx;
+}
+
+.wraper {
     display: flex;
     flex-direction: column;
-  }
-  .scrollwraper{
+}
+
+.scrollwraper {
     flex: 1;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
-  }
-  .dropdown{
-    width:100%;
+}
+
+.dropdown {
+    width: 100%;
     position: relative;
-    justify-content:center;
+    justify-content: center;
     align-items: center;
     border-bottom: 1rpx solid #E7E7E7;
     display: flex;
-  }
-  .dropdown .bar{
-  
-    height:40rpx;
-    width:1rpx;
+}
+
+.dropdown .bar {
+
+    height: 40rpx;
+    width: 1rpx;
     left: 50%;
-    top:50%;
-    transform: translate(-50%,-50%);
-    position: absolute; 
-    background:#ccc;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    position: absolute;
+    background: #ccc;
     opacity: 0.9;
-  }
-  .dropbar{
-    background:#ccc;
+}
+
+.dropbar {
+    background: #ccc;
     opacity: 0.9;
-    height:40rpx;
-    width:1rpx;
+    height: 40rpx;
+    width: 1rpx;
     position: static;
     margin-top: 30rpx;
-  }
-  .dropOnline{
+}
+
+.dropOnline {
     display: flex;
     justify-content: center;
     align-items: center;
-    width:33.33%;
-  }
-  .viewcell .left{
+    width: 33.33%;
+}
+
+.viewcell .left {
     position: relative;
-  }
-  .price  .expert_prcie{
-      text-decoration: line-through;
-      color:#999;
-  }
-  .price  .expert_prcie .priceactive{
-      color:#999;
-  }
-  .pricecell{
-      display: flex;
-      font-size: 30rpx;
-      align-items: center;
-      white-space: nowrap;
-  }
-  .videocell{
-      position: absolute;
-      right:0rpx;
-  }
-  .price.qs{
-      display: none;
-  }
-  .price.gy,.price.hasfree{
-      display: none;
-  }
-  .nonekaitong{
-      position: absolute;
-      top:0rpx;
-      font-size: 30rpx;
-      right:320rpx;
-  }
-  .nonekaitong text{
-      font-size: 30rpx;
-  }
-  .popwrper{
-      display: flex;
-      flex-direction: column;
-  }
-  .slotmsg{
-      height:400rpx;
-      overflow-y: scroll;
-      padding:30rpx;
-  }
-  .row{
-      display: flex;
-      margin-bottom: 6rpx;
-     line-height: 45rpx;
-   font-weight: 400;
-font-size: 28rpx;
-color: #333333;
-  }
-  .rowtitle{
-      margin-bottom:15rpx;
+}
+
+.price .expert_prcie {
+    text-decoration: line-through;
+    color: #999;
+}
+
+.price .expert_prcie .priceactive {
+    color: #999;
+}
+
+.pricecell {
+    display: flex;
+    font-size: 30rpx;
+    align-items: center;
+    white-space: nowrap;
+}
+
+.videocell {
+    position: absolute;
+    right: 0rpx;
+}
+
+.price.qs {
+    display: none;
+}
+
+.price.gy,
+.price.hasfree {
+    display: none;
+}
+
+.nonekaitong {
+    position: absolute;
+    top: 0rpx;
+    font-size: 30rpx;
+    right: 320rpx;
+}
+
+.nonekaitong text {
+    font-size: 30rpx;
+}
+
+.popwrper {
+    display: flex;
+    flex-direction: column;
+}
+
+.slotmsg {
+    height: 400rpx;
+    overflow-y: scroll;
+    padding: 30rpx;
+}
+
+.row {
+    display: flex;
+    margin-bottom: 6rpx;
+    line-height: 45rpx;
+    font-weight: 400;
+    font-size: 28rpx;
+    color: #333333;
+}
+
+.rowtitle {
+    margin-bottom: 15rpx;
     font-weight: 500;
     font-size: 32rpx;
     color: #000000;
 
-  }
-  .rowbox{
-      margin-bottom: 20rpx;
-  }
-  .row .tips{
-      margin-top: 10rpx;
-      display: flex;
+}
+
+.rowbox {
+    margin-bottom: 20rpx;
+}
+
+.row .tips {
+    margin-top: 10rpx;
+    display: flex;
     height: 113rpx;
-    padding:0 18rpx;
+    padding: 0 18rpx;
     align-items: center;
-background: #F1F1F1;
-border-radius: 10rpx;
-  }
+    background: #F1F1F1;
+    border-radius: 10rpx;
+}
\ No newline at end of file