3.29更新
This commit is contained in:
zoujiandong
@@ -0,0 +1,88 @@
|
||||
// healthyService/pages/healthyDetail/healthyDetail.js
|
||||
import {throttle} from "../../../utils/util"
|
||||
const app = getApp()
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
active:0,
|
||||
priceList:[{
|
||||
price:'180元/1月',
|
||||
id:1
|
||||
},{
|
||||
price:'500元/3月',
|
||||
id:2
|
||||
},{
|
||||
price:'1000元/6月',
|
||||
id:3
|
||||
},{
|
||||
price:'2000元/12月',
|
||||
id:4
|
||||
}],
|
||||
img_host:app.hostConfig().imghost
|
||||
},
|
||||
choosePrice(e){
|
||||
|
||||
let {id}=e.currentTarget.dataset;
|
||||
this.setData({
|
||||
active:id
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"nav":"../../../components/nav/nav"
|
||||
},
|
||||
"navigationStyle":"custom"
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
<!--healthyService/pages/healthyDetail/healthyDetail.wxml-->
|
||||
<nav navName="随访包服务详情"></nav>
|
||||
<view class="page">
|
||||
<image src="{{img_host+'/mybg.png'}}" mode="widthFix" class="dcimg" lazy-load/>
|
||||
<view class="servicebox">
|
||||
<view class="ser_title">请选择服务</view>
|
||||
<view class="row">
|
||||
<view class="moneyType {{active==item.id?'on':''}}" wx:for="{{ priceList}}" wx:key="id" bind:tap="choosePrice" data-id="{{item.id}}">{{item.price}}</view>
|
||||
<!-- <view class="moneyType">500元/3月</view>
|
||||
<view class="moneyType">1000元/6月</view>
|
||||
<view class="moneyType">2000元/12月</view> -->
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="moneyType">1000元/6月</view>
|
||||
<view class="moneyType">2000元/12月</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="detailbox">
|
||||
<view class="servicebox">
|
||||
|
||||
</view>
|
||||
<view class="quanyi">
|
||||
<image src="../../static/images/quanyi.png" class="quanyiImg"/>
|
||||
<view class="quanyiText">服务权益</view>
|
||||
</view>
|
||||
<view class="con">
|
||||
<view class="cell">
|
||||
<view class="celltitle">专属标识：</view>
|
||||
<view class="celldesc">享有特殊标识，获得医生全面照护</view>
|
||||
</view>
|
||||
|
||||
<view class="cell">
|
||||
<view class="celltitle">图文问诊<text class="red">10次/不限次</text></view>
|
||||
<view class="celldesc">服务期间，每次可持续48小时，图片、文字、语音形式，无限制的进行沟通
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="cell">
|
||||
<view class="celltitle">处方：</view>
|
||||
<view class="celldesc">一次问诊只可开具一个处方单
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="cell">
|
||||
<view class="celltitle">退费：</view>
|
||||
<view class="celldesc">1、未使用随时退;
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
<view class="celldesc">
|
||||
2、健康包开始使用后如需退款请联系客服，退款不收取任何服务费等额外费用，但不支持部分退款:
|
||||
</view>
|
||||
<view class="celldesc">
|
||||
|
||||
3、已接诊的订单，不再退款;
|
||||
|
||||
</view>
|
||||
<view class="celldesc">
|
||||
4、未消费服务包内容可退款，已消费服务的部分按原价计费，即:已发生的问诊按照问诊时互联网医院显示的价格结算。
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="buttonbox">
|
||||
<view class="btn">立即购买：￥XX.XX</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1,125 @@
|
||||
page{
|
||||
height:100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* healthyService/pages/healthyDetail/healthyDetail.wxss */
|
||||
.page{
|
||||
width:100%;
|
||||
height:calc(100% - 172rpx);
|
||||
margin-top: 172rpx;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
flex-direction: column;
|
||||
}
|
||||
.dcimg{
|
||||
width:100%;
|
||||
position: absolute;
|
||||
z-index:-1;
|
||||
}
|
||||
.detailbox{
|
||||
overflow: hidden;
|
||||
/* position: relative; */
|
||||
z-index:1;
|
||||
flex:1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top:30rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 32rpx 32rpx 0rpx 0rpx;
|
||||
}
|
||||
.con{
|
||||
flex:1;
|
||||
padding: 0 30rpx;
|
||||
overflow-y: scroll;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.quanyi{
|
||||
position: relative;
|
||||
width:260rpx;
|
||||
margin:0 auto;
|
||||
height:70rpx;
|
||||
}
|
||||
.quanyiImg{
|
||||
width:260rpx;
|
||||
height:70rpx;
|
||||
}
|
||||
.cell{
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.quanyiText{
|
||||
top:0;
|
||||
position: absolute;
|
||||
|
||||
font-size: 34rpx;
|
||||
width:260rpx;
|
||||
height:70rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.celltitle{
|
||||
font-weight: 550;
|
||||
font-size: 30rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.celldesc{
|
||||
margin-top: 15rpx;
|
||||
font-size: 30rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.buttonbox{
|
||||
width:100%;
|
||||
height:200rpx;
|
||||
}
|
||||
.btn{
|
||||
height: 94rpx;
|
||||
margin:35rpx 30rpx 0;
|
||||
background: #3CC7C0;
|
||||
border-radius: 47rpx;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
line-height: 50rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.red{
|
||||
color:red;
|
||||
}
|
||||
.servicebox{
|
||||
margin:0 30rpx;
|
||||
padding:27rpx 30rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.servicebox .ser_title{
|
||||
font-weight: 550;
|
||||
font-size: 30rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.row{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.moneyType{
|
||||
margin-top: 30rpx;
|
||||
width: 300rpx;
|
||||
height: 120rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 34rpx;
|
||||
color: #333333;
|
||||
border: 1rpx solid #CCCCCC;
|
||||
border-radius: 10rpx;
|
||||
|
||||
}
|
||||
.moneyType.on{
|
||||
background: #3CC7C0;
|
||||
color:#fff;
|
||||
border: 1rpx solid #3CC7C0;
|
||||
}
|
||||
Reference in New Issue
Block a user