Skip to content

W
wxapp
Commit d61900b3 by ArronYR
Options

Merge branch 'master' of 123.56.28.111:qz-tour/wxapp

parents b9ff60c4 9a622e56
Showing with 196 additions and 17 deletions
pages/me/order/index.json
......@@ -5,6 +5,7 @@
"i-tabs": "/iview/tabs/index",
"i-tab": "/iview/tab/index",
"i-row": "/iview/row/index",
"i-col": "/iview/col/index"
"i-col": "/iview/col/index",
"i-button": "/iview/button/index"
}
}
\ No newline at end of file
pages/me/order/index.wxml
......@@ -11,15 +11,51 @@
<i-col span="24" offset='2' i-class="col-class text">
<text>2018-08-9 12:30</text>
</i-col>
<i-col span="20" offset='2' i-class="col-class text order-content">
<i-row>
<i-col span="8" offset='1' i-class='order-info'>
<image class='order-image' src='/images/personal_center/info_background.png'></image>
</i-col>
<i-col span="9" offset='1' i-class='order-info'>
<view>亲子游泳体验</view>
<view>￥420.00</view>
</i-col>
<i-col span="2" offset='2' i-class='order-info'>
<image class='order-right' src='/images/icon_right.png'></image>
</i-col>
</i-row>
</i-col>
<i-col span="5" offset='17' i-class="col-class text order-button">
<button class='button button-orange'>申请退款</button>
</i-col>
</i-row>
</view>
<view class='order-item'>
<i-row>
<i-col span="20" offset='2' i-class="col-class text order-content">
<i-col span="24" offset='2' i-class="col-class text">
<text>2018-08-9 12:30</text>
</i-col>
<i-col span="20" offset='2' i-class="col-class text order-content">
<i-row>
<i-col span="8" offset='1' i-class='order-info'>
<image class='order-image' src='/images/personal_center/info_background.png'></image>
</i-col>
<i-col span="9" offset='1' i-class='order-info'>
<view>亲子游泳体验</view>
<view>￥420.00</view>
</i-col>
<i-col span="2" offset='2' i-class='order-info'>
<image class='order-right' src='/images/icon_right.png'></image>
</i-col>
</i-row>
</i-col>
<i-col span="6" offset='16' i-class="col-class text order-button">
<button class='button button-gray'>退款申请中</button>
</i-col>
</i-row>
</view>
</view>
......
pages/me/order/index.wxss
page{
background-color:#F5F5F5;
page {
background-color: #f5f5f5;
}
.margin-bottom{
.margin-bottom {
margin-bottom: 20rpx;
}
.order-item{
.order-item {
background-color: #fff;
margin-bottom: 20rpx;
}
.text{
.text {
width: 100%;
height: 70rpx;
font-size: 30rpx;
line-height: 70rpx;
color:#7F7F7F;
color: #7A7A7A;
}
.order-content {
background-color: #f7f7f7;
border-radius: 10rpx;
height: 200rpx;
margin-bottom: 20rpx;
}
.order-button {
height: 60rpx;
margin-bottom: 20rpx;
}
.button {
font-size: 20rpx;
border-radius: 50rpx;
background-color: #fff;
line-height: 60rpx;
}
.order-content{
background-color: #F7F7F7;
border-radius: 5rpx;
width:
.order-info{
height: 170rpx;
margin-top: 15rpx;
font-size: 25rpx;
}
.button-orange {
border: 1px solid #ff6900;
color: #ff6900;
}
.button-gray {
border: 1px solid #A1A1A1;
color: #A1A1A1;
}
.order-right{
height: 18rpx;
width:11rpx;
margin-top: 76rpx;
}
.order-image{
width: 100%;
height:100%;
}
pages/me/vip/index.js
......@@ -5,7 +5,20 @@ Page({
* 页面的初始数据
*/
data: {
value1: 1,
value2: 0.1
},
handleChange1({ detail }) {
this.setData({
value1: detail.value
})
},
handleChange2({ detail }) {
this.setData({
value2: detail.value
})
},
/**
......
pages/me/vip/index.json
{}
\ No newline at end of file
{
"navigationBarTitleText": "会员VIP",
"backgroundColor": "#f5f5f5",
"usingComponents": {
"i-row": "/iview/row/index",
"i-col": "/iview/col/index",
"i-input-number": "/iview/input-number/index",
"i-button": "/iview/button/index"
}
}
\ No newline at end of file
pages/me/vip/index.wxml
<!--pages/me/vip/index.wxml-->
<text>pages/me/vip/index.wxml</text>
<view class='card-box'>
<image src='/images/background-vip.png'></image>
</view>
<view class='calculation-box'>
<i-row class='height'>
<i-col span="6" offset='1' i-class="col-class">续费会员</i-col>
<i-col span="6" i-class="col-class color-orange">￥ 49.00</i-col>
<i-col span="9" offset='1' i-class="col-class">
<i-input-number value="{{ value1 }}" min="0" max="100" bindchange="handleChange1" />
</i-col>
</i-row>
</view>
<view class='vip_intro'>
会员卡说明:用户购买一次会员卡后,增加一年的会员时限,多次购买则在先有的基础上延长时间,单词以1年为标准。
</view>
<i-row class='height'>
<i-col span="20" offset='2' i-class="col-class">
<i-button bind:click="handleClick" type="primary" shape="circle" size="small">立即续费</i-button>
</i-col>
</i-row>
\ No newline at end of file
pages/me/vip/index.wxss
/* pages/me/vip/index.wxss */
page {
background-color: #f7f7f7;
}
.card-box {
width: 690rpx;
height: 385rpx;
margin: 40rpx auto;
}
.card-box image {
width: 100%;
height: 100%;
}
.calculation-box {
width: 690rpx;
height: 100rpx;
margin: auto;
background-color: #fff;
margin-bottom: 30rpx;
}
.vip_intro {
width: 690rpx;
margin: auto;
font-size: 25rpx;
color: #969696;
margin-bottom: 30rpx;
}
.height {
height: 100rpx;
line-height: 100rpx;
color: #969696;
font-size: 30rpx;
}
.color-orange {
color: #ff4200;
}
project.config.json
......@@ -37,7 +37,7 @@
"list": []
},
"miniprogram": {
"current": 4,
"current": 6,
"list": [
{
"id": 0,
......@@ -68,6 +68,17 @@
"name": "授权",
"pathName": "pages/auth/index",
"query": ""
},
{
"id": -1,
"name": "个人信息",
"pathName": "pages/me/profile/index",
"query": ""
},
{
"id": -1,
"name": "vip",
"pathName": "pages/me/vip/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