Skip to content

W
wechat_lung
Commit 4178e9d6 by hanpeng
Options

-mark- 治疗方式；医生主页

parent 977d1672
Showing with 663 additions and 16 deletions
wechat_lung_push_doctor/css/doctorHomePage.css 0 → 100644
body {
background: #F6F6FC;
padding-bottom:0.32rem;
}
#content {
width: 100%;
font-size: 0.32rem;
}
.doctor_info_warp {
background: #FFFFFF;
padding: 0.4rem 0.32rem 0 0.32rem;
}
.doctor_info_warp .doctor_profile {
float: left;
width: 1.12rem;
height: 1.12rem;
border-radius: 50%;
}
.doctor_info_warp .info_line {
float: left;
width: 4.5rem;
margin-left: 0.32rem;
}
.doctor_info_warp .doctor_hospital {
font-size: 0.28rem;
color: #999;
}
.doctor_info_warp .doctor_name {
font-size: 0.4rem;
font-family: PingFangSC;
font-weight: 600;
}
.doctor_info_warp .doctor_professional {
margin-left: 0.16rem;
color: #444444;
}
.doctor_info_warp .doctor_hospital {
display: inline-block;
margin-top: 0.14rem;
}
.top_btn_warp {
background: #fff;
padding-bottom: 0.5rem;
padding-left: 1.76rem;
padding-top: 0.3rem;
}
.top_btn_warp .top_btn_item {
display: inline-block;
width: 1.84rem;
height: 0.64rem;
line-height: 0.64rem;
text-align: center;
color: #fff;
font-size: 0.28rem;
background: #20CD99;
border-radius: 0.08rem;
}
.top_btn_warp .regard {
margin-left: 0.32rem;
background: #FF9E00;
}
.doctor_info_close {
padding: 0 0.4rem;
background: #FFFFFF;
display: none;
}
.doctor_info_close .doctor_info_tag {
display: inline-block;
width: 0.72rem;
height: 0.36rem;
line-height: 0.36rem;
color: #FFFFFF;
font-size: 0.24rem;
background: #37D488;
text-align: center;
float: left;
border-radius: 0.01rem;
}
.doctor_info_close .doctor_info_tag2 {
font-size: 0.28rem;
float: left;
font-family: PingFangSC;
font-weight: 600;
color: #111111;
margin-top: 0.02rem;
}
.doctor_info_close .doctor_goodAt {
display: inline-block;
width: 5.82rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.32rem;
color: #666;
float: left;
margin-left: 0.16rem;
}
.doctor_info_close .doctor_diseases {
color: #666;
font-size: 0.28rem;
float: left;
margin-left: 0.16rem;
width: 5.3rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.doctor_info_close .doctor_intoduce {
color: #666;
font-size: 0.28rem;
float: left;
margin-left: 0.16rem;
width: 5.3rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.show_more_btn {
width: 100%;
height: 0.76rem;
line-height: 0.76rem;
text-align: center;
font-size: 0.28rem;
color: #1D8AEF;
border-top: 0.01rem solid #f1f1f1;
background: #fff;
}
.doctor_info_open {
background: #fff;
padding: 0 0.4rem;
}
.doctor_info_open .doctor_goodAt_bg {
position: relative;
border-top: 0.01rem solid #f1f1f1;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
border-bottom: 0.01rem solid #f1f1f1;
}
.doctor_info_open .doctor_goodAt_bg img {
width: 0.2rem;
height: 0.2rem;
position: absolute;
}
.doctor_info_open .doctor_goodAt_bg .left_img {
left: 0;
top: 0.2rem;
}
.doctor_info_open .doctor_goodAt_bg .right_img {
right: 0;
bottom: 0.2rem;
}
.doctor_info_open .doctor_goodAt_info {
margin-left: 0.4rem;
width: 5.9rem;
}
.doctor_info_item {
padding-top: 0.3rem;
border-bottom:0.01rem solid #f1f1f1;
}
.doctor_info_item .doctor_info_header {
font-size: 0.32rem;
font-family: PingFangSC;
font-weight: 600;
color: #111;
padding-bottom: 0.24rem;
}
.doctor_info_item .doctor_info_content {
font-size:0.28rem;
font-family: PingFangSC;
font-weight: 400;
color:#444;
padding-bottom:0.2rem;
}
.service_warp{
width:100%;
padding-top:0.2rem;
}
.service_warp .service_banner{
text-align:center;
}
.service_warp .service_banner img{
width:6.86rem;
height:1.32rem;
}
.service_card_pmd{
margin-top:0.2rem;
background:#fff;
border-radius:0.08rem;
width:6.86rem;
margin-left:0.32rem;
padding:0.32rem 0.32rem 0.24rem 0.32rem;
}
.service_card_pmd img{
width:0.64rem;
height:0.64rem;
float:left;
}
.service_card_pmd .service_card_title{
float:left;
margin-left:0.24rem;
font-size:0.32rem;
font-weight:600;
margin-top:0.1rem;
}
.service_card_pmd .service_card_price{
float:right;
color:#F45E19;
font-size:0.28rem;
margin-top:0.1rem;
font-weight:600;
}
.service_card_pmd .txt_gray{
color:#999999;
margin-left:0.1rem
}
.service_card_pmd .service_card_introduce{
width:6.22rem;
float:left;
margin-top:0.3rem;
border-top:0.01rem solid #f1f1f1;
padding-top:0.24rem;
position:relative;
}
.service_card_pmd .service_card_introduce p{
color:#333;
font-size:0.28rem;
margin-bottom:0.1rem;
width:2.92rem;
}
.service_card_pmd .service_card_status{
position:absolute;
width:1.68rem;
height:0.56rem;
line-height:0.56rem;
text-align:center;
color:#fff;
background:#37D488;
font-size:0.32rem;
right:0;
top:0.96rem;
border-radius:0.04rem
}
.service_card{
width:3.32rem;
border-radius:0.08rem;
padding:0.28rem 0.3rem 0.32rem 0.3rem;
background:#fff;
float:left;
}
.service_card .service_card_icon{
width:0.64rem;
height:0.64rem;
float:left;
margin-right:0.16rem;
}
.service_card .service_card_title{
font-weight:600;
color:#111;
font-size:0.3rem
}
.service_card .service_card_price{
font-size:0.28rem;
color:#F45E19;
}
.service_card .txt_gray{
color:#999999
}
.service_card .service_card_status{
width:1.68rem;
height:0.56rem;
line-height:0.56rem;
text-align:center;
color:#fff;
background:#37D488;
border-radius:0.04rem;
margin-top:0.32rem;
margin-left:0.5rem;
}
.service_tel_consulation{
margin-left:0.2rem;
}
\ No newline at end of file
wechat_lung_push_doctor/css/treamentWay.css
body{
background:#F6F6FC;
body {
background: #F6F6FC;
}
#content{
width:100%;
font-size:0.32rem;
#content {
width: 100%;
font-size: 0.32rem;
}
.select_warp {
background: #ffffff;
height: 1.2rem;
line-height: 1.2rem;
padding: 0 0.32rem;
}
.select_warp .select_title{
margin-right:1.98rem;
}
.select_warp .select_item {
width: 1.18rem;
height: 0.56rem;
display: inline-block;
line-height: 0.56rem;
text-align: center;
font-size: 0.28rem;
border: 0.01rem solid #DDDDDD;
border-radius: 0.28rem;
}
.select_warp .select{
background:#37D488;
color:#fff;
border:none
}
.select_btn_list{
margin-top:0.2rem;
}
.select_warp{
background:#ffffff;
height:1.2rem;
line-height:1.2rem;
.select_btn {
font-size: 0.32rem;
font-family: PingFangSC;
font-weight: 600;
height:0.96rem;
line-height:0.96rem;
border-bottom:0.01rem solid #f1f1f1;
padding:0 0.32rem;
background:#FFF;
}
.select_btn .btn_name{
float:left;
}
.select_btn .btn_icon{
float:right;
width:0.8rem;
text-align:right;
}
.select_btn .btn_icon img{
width:0.4rem;
height:0.4rem;
}
.more_way_list{
margin-top:0.2rem;
background:#FFFFFF;
}
.more_way_list .more_way_title{
width:100%;
height:0.9rem;
line-height:0.9rem;
border:0.01rem solid #f1f1f1;
font-family: PingFangSC;
font-weight: 600;
padding-left:0.32rem;
}
.more_way_list .more_way_item_header{
margin-left:0.32rem;
border-bottom:0.01rem solid #f1f1f1;
height:0.9rem;
line-height:0.9rem;
}
.select_warp .select_item{
width:1.18rem;
height:0.56rem;
.more_way_list .db{
border-top:0.01rem solid #f1f1f1;
margin-top:0.46rem;
}
.more_way_list .more_way_item_header .green_line{
width:0.08rem;
height:0.32rem;
background:#2CBCA0;
float:left;
margin-top:0.28rem;
}
.more_way_list .more_way_item_header .more_way_item_name{
margin-left:0.16rem;
float:left;
}
.more_way_list .more_way_item_header_title{
width:100%;
text-align:center;
padding-top:0.32rem;
font-size:0.28rem
}
.more_way_list .mr_3{
margin-top:0.2rem;
}
.more_way_list .more_way_item_btn{
padding-left:0.32rem;
}
.more_way_list .more_way_item_btn .more_way_btn{
display:inline-block;
line-height:0.56rem;
width:3.36rem;
height:0.64rem;
line-height:0.64rem;
text-align:center;
font-size:0.28rem;
border:0.01rem solid #DDDDDD;
border-radius:0.28rem;
color:#999999;
border:0.01rem solid #DDD;
border-radius:0.32rem;
margin-top:0.24rem
}
.more_way_list .more_way_item_btn .rl{
margin-left:0.12rem;
}
.more_way_list .more_way_item_btn .btnOn{
border:0.01rem solid #2CBCA0;
color:#2CBCA0;
background:#EEFBF7;
}
.footer_btn{
width:100%;
height:0.96rem;
text-align:center;
line-height:0.96rem;
font-size:0.32rem;
color:#fff;
background:#2CBCA0;
margin-top:0.2rem;
}
\ No newline at end of file
wechat_lung_push_doctor/javaScript/treamentWay.js 0 → 100644
define(['zepto','medtap'],function($,medtap){
var way ={
}
})
\ No newline at end of file
wechat_lung_push_doctor/pages/doctorHomePage.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<link rel="stylesheet" type="text/css" href="https://review-formal.iplusmed.com/Common/css/wechat_Reset.min.css" />
<link rel="stylesheet" type="text/css" href="../css/doctorHomePage.css"/>
<script src="https://review-formal.iplusmed.com/Common/javaScript/calRem.js" type="text/javascript" charset="utf-8"></script>
<title></title>
<script src="https://review-formal.iplusmed.com/Common/javaScript/require.min.js"></script>
<script type="text/javascript">
require.config({
baseUrl: "./",
paths: {
"zepto": "https://review-formal.iplusmed.com/Common/javaScript/zepto.min",
"medtap": "https://review-formal.iplusmed.com/Common/javaScript/medtap_core_wx",
"md5": "https://review-formal.iplusmed.com/Common/javaScript/md5.min"
},
shim: {
"zepto": {
exports: "$"
}
}
});
</script>
</head>
<body>
<div id="content">
<div class="doctor_info_warp clearfix">
<img src="../images/post_title_bg@2x.png" class="doctor_profile">
<p class="info_line">
<span class="doctor_name">孔祥鸣</span>
<span class="doctor_professional">主任医师</span><br>
<span class="doctor_hospital">浙江大学附属第一医院 血液病科</span>
</p>
</div>
<div class="top_btn_warp">
<span class="top_btn_item">加关注</span>
<span class="top_btn_item regard">表心意</span>
</div>
<div class="doctor_info_close">
<div class="clearfix" style="margin-bottom:0.3rem;">
<span class="doctor_info_tag">擅长</span>
<span class="doctor_goodAt">掌握内科血液病以及造血干细胞dasda移植的…</span>
</div>
<div class="clearfix" style="margin-bottom:0.16rem;">
<span class="doctor_info_tag2">收治疾病:</span>
<span class="doctor_diseases">肺癌/大肠癌/膀胱癌</span>
</div>
<div class="clearfix" style="padding-bottom:0.3rem;">
<span class="doctor_info_tag2">个人简介:</span>
<span class="doctor_intoduce">掌握内科血液病以及造血干细胞移植的…</span>
</div>
</div>
<div class="doctor_info_open">
<div class="doctor_goodAt_bg">
<img src="../images/referral_text_left@2x.png" class="left_img">
<img src="../images/referral_text_right@2x.png" class="right_img">
<div class="doctor_goodAt_info">
掌握内科血液病以及造血干细胞移植的专业技术。长期从事肿瘤外科，对肺癌，食管癌，贲门癌，胃癌，纵膈肿瘤手术治疗等综合治疗有较深的造诣。
</div>
</div>
<div class="doctor_info_item">
<div class="doctor_info_header">收治疾病</div>
<div class="doctor_info_content">
肺癌、食管癌、乳腺癌、乳腺纤维瘤、胃癌、结直肠癌、小肠肿瘤、胃肠间质瘤、肝癌、胰腺癌...
</div>
</div>
<div class="doctor_info_item" style="border:none">
<div class="doctor_info_header">个人简介</div>
<div class="doctor_info_content">
主任医师、博士生导师，1995年毕业于原浙江医科大学医学系，获医学学士学位。2000年毕业于浙江大学医学院内科血液学，获医学博士学位。
</div>
</div>
</div>
<div class="show_more_btn">
展开
</div>
<div class="service_warp">
<div class="service_banner">
<img src="../images/banner_mini_mf@2x.png" >
</div>
<div class="service_card_pmd clearfix">
<img src="../images/doctor_icon_png@2x.png" class="service_card_icon">
<p class="service_card_title">私人医生服务</p>
<p class="service_card_price">500元<span class="txt_gray">/3个月</span></p>
<div class="service_card_introduce clearfix">
<p>服务内容:</p>
<p>1.享受不限次图文咨询</p>
<p>2.享受3次电话咨询</p>
<p>3.专属小助手实时相应</p>
<div class="service_card_status">
立即开通
</div>
</div>
</div>
<div class="clearfix" style="margin-top:0.2rem;padding:0 0.32rem;">
<div class="service_card service_consulation clearfix">
<img src="../images/imtext_icon_png@2x.png" class="service_card_icon" >
<div class="service_card_introduce">
<p class="service_card_title">单次图文咨询</p>
<p class="service_card_price">50元<span class="txt_gray">/次</span></p>
</div>
<div class="service_card_status">
立即申请
</div>
</div>
<div class="service_card service_tel_consulation clearfix">
<img src="../images/phone_icon_png@2x.png" class="service_card_icon" >
<div class="service_card_introduce">
<p class="service_card_title">单次电话</p>
<p class="service_card_price">150元<span class="txt_gray">/15分钟</span></p>
</div>
<div class="service_card_status">
立即申请
</div>
</div>
</div>
</div>
</div>
</body>
</html>
wechat_lung_push_doctor/pages/treamentWay.html
......@@ -8,7 +8,7 @@
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<link rel="stylesheet" type="text/css" href="https://review-formal.iplusmed.com/Common/css/wechat_Reset.min.css" />
<link rel="stylesheet" type="text/css" href="../css/treamentWay.css"/>
<link rel="stylesheet" type="text/css" href="../css/treamentWay.css" />
<script src="https://review-formal.iplusmed.com/Common/javaScript/calRem.js" type="text/javascript" charset="utf-8"></script>
<title>治疗项目</title>
<script src="https://review-formal.iplusmed.com/Common/javaScript/require.min.js"></script>
......@@ -35,6 +35,99 @@
<span class="select_item has">有</span>
<span class="select_item no">无</span>
</div>
<div class="common_btn">
<div class="select_btn_list">
<div class="select_btn clearfix">
<div class="btn_name">化疗</div>
<div class="btn_icon">
<img src="../images/select_default@2x.png">
</div>
</div>
<div class="select_btn clearfix">
<div class="btn_name">手术</div>
<div class="btn_icon">
<img src="../images/select_default@2x.png">
</div>
</div>
<div class="select_btn clearfix">
<div class="btn_name">放疗</div>
<div class="btn_icon">
<img src="../images/select_default@2x.png">
</div>
</div>
<div class="select_btn clearfix">
<div class="btn_name">PD-1/PD-L1</div>
<div class="btn_icon">
<img src="../images/select_default@2x.png">
</div>
</div>
<div class="select_btn clearfix">
<div class="btn_name">中药治疗</div>
<div class="btn_icon">
<img src="../images/select_default@2x.png">
</div>
</div>
</div>
<div class="more_way_list">
<div class="more_way_title">靶向治疗</div>
<div class="more_way_item_header clearfix">
<div class="green_line"></div>
<div class="more_way_item_name">EGFR突变</div>
</div>
<div class="more_way_item_header_title">一代</div>
<div class="more_way_item_btn">
<span class="more_way_btn btnOn">易瑞沙(吉非替尼片)</span>
<span class="more_way_btn rl">特罗凯(厄洛替尼片)</span>
<span class="more_way_btn">凯美纳(埃克替尼片)</span>
<span class="more_way_btn rl">伊瑞可(国产吉非替尼片)</span>
<span class="more_way_btn">其他</span>
</div>
<div class="more_way_item_header_title mr_3">二代</div>
<div class="more_way_item_btn">
<span class="more_way_btn btnOn">吉泰瑞(阿法替尼)</span>
<span class="more_way_btn rl">其他</span>
</div>
<div class="more_way_item_header_title mr_3">三代</div>
<div class="more_way_item_btn">
<span class="more_way_btn btnOn">泰瑞沙(奥希替尼片)</span>
<span class="more_way_btn rl">其他</span>
</div>
<div class="more_way_item_header clearfix db">
<div class="green_line"></div>
<div class="more_way_item_name">ALK突变</div>
</div>
<div class="more_way_item_header_title"></div>
<div class="more_way_item_btn">
<span class="more_way_btn btnOn">赛可瑞(克唑替尼)</span>
<span class="more_way_btn rl">赛可瑞(克唑替尼)</span>
<span class="more_way_btn">安圣莎(阿来替尼)</span>
<span class="more_way_btn rl">其他</span>
</div>
<div class="more_way_item_header clearfix db">
<div class="green_line"></div>
<div class="more_way_item_name">VEGFR</div>
</div>
<div class="more_way_item_header_title"></div>
<div class="more_way_item_btn">
<span class="more_way_btn btnOn">福可维(安罗替尼)</span>
<span class="more_way_btn rl">艾坦(阿帕替尼)</span>
<span class="more_way_btn">安维汀(贝伐单抗)</span>
<span class="more_way_btn rl">其他</span>
</div>
</div>
<div class="select_btn clearfix" style="margin-top:0.2rem;">
<div class="btn_name">其他</div>
<div class="btn_icon">
<img src="../images/select_default@2x.png">
</div>
</div>
</div>
<div class="footer_btn">
确定
</div>
</div>
</body>
<script type="text/javascript">
require(['../javaScript/treamentWay.js'])
</script>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment