微信小程序UI代码书写范例

你还没有就诊卡哦，请添加就诊卡









门诊挂号
足不出户
预约看病







住院费用
出院后查询













检查预约
快捷方便 检查不排队


















 

查询专家



专科专病



联系我们














   

样式文件：

/**index.wxss**/


.weui-grids {
 background-color: white
}
.cl{ clear: both}
 .fl{ float:left}
 .fr{ float:right}
.mrt20{ margin-top:20px }
.mrt10{ margin-top:10px }
.pdt20{ padding-top:20px }
.pdt10{ padding-top:10px }


.pdt5{ padding-top:5px }
.pdt6{ padding-top:6px }
.pdt8{ padding-top:8px }
.head-bg{ background-color:#ecfbf4;height: 100px; padding-top: 10px}
.themes-list-img-big{  width: 60px; height: 58px;  }
.themes-list-img{ width: 20px; height: 21px;  }
.themes-list-img1{  width: 28px; height: 30px;  }
.card1{ float: left; width: 15%;text-align: center; padding-top: 10px}
.card2{ float: left; width: 70%;text-align: center}
.card3{ float: right; width: 15%;text-align: center; padding-top: 10px}
.themes-box-subtitle{ clear: both; display: block; width: 100%;text-align: center;font-size: 30rpx; }
.nav{ text-decoration:none }
.fast-btn-box{ margin-top: 15px; background-color: white;clear: both;}
.title1{clear: both; display: block; width: 100%;font-weight: bold;}
.img1{  width:60px; height: 61px; }
.fast1{float: left; width: 35%;text-align: center; border-right: 1px #e2e2e2 solid; }
.fast1 image{display: block;  margin:0 auto; margin-top: 10px}
.fast2{float: left; width: 64%;text-align: center;  }


.subtitle{clear: both; display: block; width: 100%;font-size: 30rpx; color: #9d9d9d; height: 20px;}
.fast2-sub{ text-align: left; border-bottom: 1px #e2e2e2 solid;  }
.fast2-sub-sub{ width: 60%; padding-top: 10px; float:left; padding-left: 10px}
.fast2-sub-sub navigator{ width: 10%; display: block;  float:left; text-align: center}
.title2{clear: both; display: block; width: 100%;font-weight: bold;}
.fast2-sub2{ text-align: left;  }
.fast-btn-list{ padding-bottom: 15px; padding-top: 15px}
.fast-btn-list navigator{ float: left; width: 33.33%; text-align: center; }
/*.fast-btn-list image{ display: block;  margin:0 auto;}*/


.title3{clear: both; display: block; width: 100%;font-size: 35rpx; }