Skip to content

W
wxapp
Commit f2d2711c by LiuJunYi
Options

预约

parent 45c2d2cc
Showing with 647 additions and 43 deletions
app.json
......@@ -12,7 +12,9 @@
"pages/me/vip/index",
"pages/me/collection/index",
"pages/guide/index",
"pages/detail/index"
"pages/detail/index",
"pages/detail/enroll/index",
"pages/detail/appointment/index"
],
"window": {
"backgroundTextStyle": "light",
......
pages/detail/appointment/index.js 0 → 100644
// pages/detail/appointment/index.js
Page({
/**
* 页面的初始数据
*/
data: {
date: '2016-09-01',
},
bindDateChange: function(e) {
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
date: e.detail.value
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function() {
}
})
\ No newline at end of file
pages/detail/appointment/index.json 0 → 100644
{
"navigationBarTitleText": "预约下次",
"usingComponents": {
"i-input-number": "/iview/input-number/index",
"i-row": "/iview/row/index",
"i-col": "/iview/col/index",
"i-button": "/iview/button/index"
}
}
\ No newline at end of file
pages/detail/appointment/index.wxml 0 → 100644
<!--pages/detail/appointment/index.wxml-->
<view class='page-wrapper'>
<view class='project-title'>
<text>预约项目</text>
</view>
<!-- 报名详情 -->
<view class='project_info-box'>
<view class='project_info'>
<image class='project_info_image' src='/images/personal_center/info_background.png'></image>
<view class='info-box'>
<text>亲子体验游泳</text>
<view>
<text class='text-price'>￥980.00</text>
<text class='text-vip-price'>￥968.00</text>
<image class='vip-img' src='/images/icon_vip_price.png'></image>
</view>
</view>
</view>
</view>
<view class='project-title'>
<text>预约信息</text>
</view>
<!-- 报名信息 -->
<view class='project-input'>
<i-row i-class='border-bottom'>
<i-col span="6" i-class="col-class">
<text class='input-label'>姓名</text>
</i-col>
<i-col span="15" i-class="col-class">
<input class='input' type='text' value='张三' placeholder='请输入您的姓名'></input>
</i-col>
</i-row>
<i-row i-class='border-bottom'>
<i-col span="6" i-class="col-class">
<text class='input-label'>手机号</text>
</i-col>
<i-col span="15" i-class="col-class">
<input class='input' type='number' value='18685850590'></input>
</i-col>
</i-row>
<i-row i-class='border-bottom'>
<i-col span="6" i-class="col-class">
<text class='input-label'>期望活动时间</text>
</i-col>
<i-col span="15" i-class="col-class">
<picker class='input' mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
<view class="picker">
{{date}}
</view>
</picker>
</i-col>
</i-row>
<i-row i-class='border-bottom'>
<i-col span="6" i-class="col-class">
<text class='input-label'>备注</text>
</i-col>
<i-col span="15" i-class="col-class">
<input class='input' type='text' value='' placeholder='备注(可选)'></input>
</i-col>
</i-row>
</view>
<i-row>
<i-col span="20" offset='2' i-class="col-class">
<i-button bind:click="handleClick" type="primary" shape="circle">支付</i-button>
</i-col>
</i-row>
</view>
\ No newline at end of file
pages/detail/appointment/index.wxss 0 → 100644
/* pages/detail/appointment/index.wxss */
page {
background-color: #f7f7f7;
}
/* 报名详情 */
.project-title {
height: 80rpx;
line-height: 80rpx;
}
.project-title > text {
margin-left: 30px;
font-size: 26rpx;
color: #9c9c9c;
}
.project_info-box {
background-color: #fff;
height: 230rpx;
font-size: 26rpx;
display: flex;
align-items: center;
}
.project_info {
height: 160rpx;
width: 100%;
margin-left: 30rpx;
display: flex;
}
.project_info_image {
width: 220rpx;
height: 100%;
}
.vip-img {
width: 30rpx;
height: 18rpx;
}
.info-box {
margin: 47rpx 0 47rpx 20rpx;
display: flex;
flex-direction: column;
}
.info-box>text {
font-size: 28rpx;
margin-bottom: 15rpx;
}
.text-price {
font-size: 34rpx;
color: rgb(255, 68, 0);
}
.text-vip-price {
margin-left: 10rpx;
font-size: 24rpx;
margin-right: 4rpx;
color: rgb(60, 54, 29);
}
.project-input {
background-color: #fff;
}
.input-label {
height: 90rpx;
line-height: 90rpx;
color: #7c7c7c;
font-size: 25rpx;
}
.input {
height: 90rpx;
line-height: 90rpx;
text-align: right;
float: right;
color: #b2b2b2;
font-size: 25rpx;
}
.input-image-box {
height: 90rpx;
display: flex;
align-items: center;
justify-content: center;
}
.input-image-box>image {
width: 11rpx;
height: 18rpx;
}
.margin-bottom {
margin-bottom: 20rpx;
}
.border-bottom {
border-bottom: 1rpx solid #e9e9e9;
margin-left: 30rpx;
}
pages/detail/enroll/index.js 0 → 100644
// pages/me/collection/index.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function() {
}
})
\ No newline at end of file
pages/detail/enroll/index.json 0 → 100644
{
"navigationBarTitleText": "立即报名",
"usingComponents": {
"i-input-number": "/iview/input-number/index",
"i-row": "/iview/row/index",
"i-col": "/iview/col/index",
"i-button": "/iview/button/index"
}
}
\ No newline at end of file
pages/detail/enroll/index.wxml 0 → 100644
<!--pages/detail/enroll/index.wxml-->
<view class='page-wrapper'>
<view class='project-title'>
<text>报名项目</text>
</view>
<!-- 报名详情 -->
<view class='project_info-box'>
<view class='project_info'>
<image class='project_info_image' src='/images/personal_center/info_background.png'></image>
<view class='info-box'>
<text>亲子体验游泳</text>
<view>
<text class='text-price'>￥980.00</text>
<text class='text-vip-price'>￥968.00</text>
<image class='vip-img' src='/images/icon_vip_price.png'></image>
</view>
</view>
</view>
</view>
<view class='project-title'>
<text>报名信息</text>
</view>
<!-- 报名信息 -->
<view class='project-input margin-bottom'>
<i-row i-class='border-bottom'>
<i-col span="6" i-class="col-class">
<text class='input-label'>家庭组数</text>
</i-col>
<i-col span="15" i-class="col-class">
<input class='input' type='number' value='1'></input>
</i-col>
<i-col span="1" offset='1' i-class="col-class">
<view class='input-image-box'>
<image src='/images/icon_right.png'></image>
</view>
</i-col>
</i-row>
</view>
<view class='project-input'>
<i-row i-class='border-bottom'>
<i-col span="6" i-class="col-class">
<text class='input-label'>姓名</text>
</i-col>
<i-col span="15" i-class="col-class">
<input class='input' type='text' value='张三' placeholder='请输入您的姓名'></input>
</i-col>
</i-row>
<i-row i-class='border-bottom'>
<i-col span="6" i-class="col-class">
<text class='input-label'>手机号</text>
</i-col>
<i-col span="15" i-class="col-class">
<input class='input' type='number' value='18685850590'></input>
</i-col>
</i-row>
<i-row i-class='border-bottom'>
<i-col span="6" i-class="col-class">
<text class='input-label'>成人人数</text>
</i-col>
<i-col span="15" i-class="col-class">
<input class='input' type='number' value='1'></input>
</i-col>
<i-col span="1" offset='1' i-class="col-class">
<view class='input-image-box'>
<image src='/images/icon_right.png'></image>
</view>
</i-col>
</i-row>
<i-row i-class='border-bottom'>
<i-col span="6" i-class="col-class">
<text class='input-label'>孩子人数</text>
</i-col>
<i-col span="15" i-class="col-class">
<input class='input' type='number' value='1'></input>
</i-col>
<i-col span="1" offset='1' i-class="col-class">
<view class='input-image-box'>
<image src='/images/icon_right.png'></image>
</view>
</i-col>
</i-row>
<i-row i-class='border-bottom'>
<i-col span="6" i-class="col-class">
<text class='input-label'>孩子年龄</text>
</i-col>
<i-col span="15" i-class="col-class">
<input class='input' type='text' value='' placeholder='如5岁、八岁'></input>
</i-col>
</i-row>
<i-row i-class='border-bottom'>
<i-col span="6" i-class="col-class">
<text class='input-label'>备注</text>
</i-col>
<i-col span="15" i-class="col-class">
<input class='input' type='text' value='' placeholder='备注(可选)'></input>
</i-col>
</i-row>
</view>
<i-row>
<i-col span="20" offset='2' i-class="col-class">
<i-button bind:click="handleClick" type="primary" shape="circle">支付</i-button>
</i-col>
</i-row>
</view>
\ No newline at end of file
pages/detail/enroll/index.wxss 0 → 100644
/* pages/detail/enroll/index.wxss */
page {
background-color: #f7f7f7;
}
/* 报名详情 */
.project-title {
height: 80rpx;
line-height: 80rpx;
}
.project-title > text {
margin-left: 30px;
font-size: 26rpx;
color: #9c9c9c;
}
.project_info-box {
background-color: #fff;
height: 230rpx;
font-size: 26rpx;
display: flex;
align-items: center;
}
.project_info {
height: 160rpx;
width: 100%;
margin-left: 30rpx;
display: flex;
}
.project_info_image {
width: 220rpx;
height: 100%;
}
.vip-img {
width: 30rpx;
height: 18rpx;
}
.info-box {
margin: 47rpx 0 47rpx 20rpx;
display: flex;
flex-direction: column;
}
.info-box>text {
font-size: 28rpx;
margin-bottom: 15rpx;
}
.text-price {
font-size: 34rpx;
color: rgb(255, 68, 0);
}
.text-vip-price {
margin-left: 10rpx;
font-size: 24rpx;
margin-right: 4rpx;
color: rgb(60, 54, 29);
}
.project-input {
background-color: #fff;
}
.input-label {
height: 90rpx;
line-height: 90rpx;
color: #7c7c7c;
font-size: 25rpx;
}
.input {
height: 90rpx;
line-height: 90rpx;
text-align: right;
float: right;
color: #b2b2b2;
font-size: 25rpx;
}
.input-image-box {
height: 90rpx;
display: flex;
align-items: center;
justify-content: center;
}
.input-image-box>image {
width: 11rpx;
height: 18rpx;
}
.margin-bottom {
margin-bottom: 20rpx;
}
.border-bottom {
border-bottom: 1rpx solid #e9e9e9;
margin-left: 30rpx;
}
pages/me/profile/index.wxml
<!--pages/me/profile/index.wxml-->
<view class='page-wrapper'>
<view class='plane'>
<i-row i-class='plane-item'>
<i-col span="8" i-class="col-class input ">头像</i-col>
<i-col span="16" i-class="col-class avatar-box">
<image class='avatar-image' src='https://i.loli.net/2017/08/21/599a521472424.jpg'></image>
</i-col>
</i-row>
<view class='plane'>
<i-row i-class='plane-item'>
<i-col span="8" i-class="col-class input ">头像</i-col>
<i-col span="16" i-class="col-class avatar-box">
<image class='avatar-image' src='https://i.loli.net/2017/08/21/599a521472424.jpg'></image>
</i-col>
</i-row>
<i-row i-class='plane-item'>
<i-col span="8" i-class="col-class input ">名字</i-col>
<i-col span="16" i-class="col-class">
<input class='input input-text ' placeholder="请输入您的昵称"></input>
</i-col>
</i-row>
<i-row i-class='plane-item'>
<i-col span="8" i-class="col-class input ">名字</i-col>
<i-col span="16" i-class="col-class">
<input class='input input-text ' placeholder="请输入您的昵称"></input>
</i-col>
</i-row>
<i-row i-class='plane-item'>
<i-col span="8" i-class="col-class input ">性别</i-col>
<i-col span="16" i-class="col-class">
<picker bindchange="bindPickerChange" value="0" range="{{array}}">
<view class="picker input input-text">
{{array[0]}} >
</view>
</picker>
</i-col>
</i-row>
</view>
<i-row i-class='plane-item'>
<i-col span="8" i-class="col-class input ">性别</i-col>
<i-col span="16" i-class="col-class">
<picker bindchange="bindPickerChange" value="0" range="{{array}}">
<view class="picker input input-text">
{{array[0]}} >
</view>
</picker>
</i-col>
</i-row>
</view>
<view class='plane'>
<i-row i-class='plane-item'>
<i-col span="8" i-class="col-class input ">手机号</i-col>
<i-col span="16" i-class="col-class">
<input class='input input-text ' placeholder="立即授权 >" disabled='false'></input>
</i-col>
</i-row>
<view class='plane'>
<i-row i-class='plane-item'>
<i-col span="8" i-class="col-class input ">手机号</i-col>
<i-col span="16" i-class="col-class">
<input class='input input-text ' placeholder="立即授权 >" disabled='false'></input>
</i-col>
</i-row>
<i-row i-class='plane-item'>
<i-col span="8" i-class="col-class input ">手机号</i-col>
<i-col span="16" i-class="col-class">
<input class='input input-text ' value='18685850590' disabled='false'></input>
</i-col>
</i-row>
</view>
<i-row i-class='plane-item'>
<i-col span="8" i-class="col-class input ">手机号</i-col>
<i-col span="16" i-class="col-class">
<input class='input input-text ' value='18685850590' disabled='false'></input>
</i-col>
</i-row>
</view>
<view class='saveBtn'>
<i-button type="primary" bind:click="handleClick" shape="circle">保存</i-button>
<view class='saveBtn'>
<i-button type="primary" bind:click="handleClick" shape="circle">保存</i-button>
</view>
</view>
\ No newline at end of file
project.config.json
......@@ -37,7 +37,7 @@
"list": []
},
"miniprogram": {
"current": 8,
"current": 14,
"list": [
{
"id": 0,
......@@ -92,6 +92,41 @@
"name": "详情",
"pathName": "pages/detail/index",
"query": "id=1"
},
{
"id": -1,
"name": "报名",
"pathName": "pages/detail/enroll/index",
"query": ""
},
{
"id": -1,
"name": "报名",
"pathName": "pages/detail/enroll/index",
"query": ""
},
{
"id": -1,
"name": "报名",
"pathName": "pages/detail/enroll/index",
"query": ""
},
{
"id": -1,
"name": "报名",
"pathName": "pages/detail/enroll/index",
"query": ""
},
{
"id": -1,
"name": "报名",
"pathName": "pages/detail/enroll/index",
"query": ""
},
{
"id": -1,
"name": "预约下次",
"pathName": "pages/detail/appointment/index"
}
]
}
......
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