Skip to content

W
wxapp
Commit c96013bd by LiuJunYi
Options

我的VIP 订单

parent 8812f050
Showing with 190 additions and 17 deletions
pages/me/order/index.json
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
"i-tabs": "/iview/tabs/index", "i-tabs": "/iview/tabs/index",
"i-tab": "/iview/tab/index", "i-tab": "/iview/tab/index",
"i-row": "/iview/row/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 @@ ...@@ -11,15 +11,51 @@
<i-col span="24" offset='2' i-class="col-class text"> <i-col span="24" offset='2' i-class="col-class text">
<text>2018-08-9 12:30</text> <text>2018-08-9 12:30</text>
</i-col> </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-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-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> <text>2018-08-9 12:30</text>
</i-col> </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> </i-row>
</view> </view>
</view> </view>
......
pages/me/order/index.wxss
page{ page {
background-color:#F5F5F5; background-color: #f5f5f5;
} }
.margin-bottom{ .margin-bottom {
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.order-item{ .order-item {
background-color: #fff; background-color: #fff;
margin-bottom: 20rpx;
} }
.text{ .text {
width: 100%; width: 100%;
height: 70rpx; height: 70rpx;
font-size: 30rpx; font-size: 30rpx;
line-height: 70rpx; 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{ .order-info{
background-color: #F7F7F7; height: 170rpx;
border-radius: 5rpx; margin-top: 15rpx;
width: 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({ ...@@ -5,7 +5,20 @@ Page({
* 页面的初始数据 * 页面的初始数据
*/ */
data: { 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--> <!--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 */ /* 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 @@ ...@@ -37,7 +37,7 @@
"list": [] "list": []
}, },
"miniprogram": { "miniprogram": {
"current": 0, "current": 3,
"list": [ "list": [
{ {
"id": 0, "id": 0,
...@@ -56,6 +56,11 @@ ...@@ -56,6 +56,11 @@
"name": "下单", "name": "下单",
"pathName": "pages/me/order/index", "pathName": "pages/me/order/index",
"query": "" "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