Skip to content

W
wxapp
Commit 35340d5a by LiuJunYi
Options

我的

parent c3b6faa2
Showing with 198 additions and 16 deletions
app.wxss
......@@ -36,3 +36,7 @@ button.form-button::after {
display: none;
background-color: transparent;
}
.text-gray{
color: rgb(191, 191, 191);
}
components/banners/index.wxss
......@@ -4,7 +4,7 @@
width: 100%;
position: relative;
box-shadow: 0px 0px 15px #c6c6c6;
border-radius: 6px;
border-radius: 0px;
}
.banners-swipper {
......
pages/index/index.wxss
/* pages/index.wxss */
\ No newline at end of file
/* pages/index.wxss */
.v-page{
}
\ No newline at end of file
pages/me/index.json
{}
\ No newline at end of file
{
"navigationBarTitleText": "个人中心",
"backgroundColor": "#f5f5f5",
"usingComponents": {
"i-avatar": "/iview/avatar/index",
"i-cell-group": "/iview/cell-group/index",
"i-cell": "/iview/cell/index"
}
}
\ No newline at end of file
pages/me/index.wxml
<!--pages/me/index.wxml-->
<text>pages/me/index.wxml</text>
<view class='v-page'>
<!-- 头部 -->
<view class='head-map'>
<image src='/images/personal_center/info_background.png'></image>
<view class='avatar_box'>
<image src='/images/personal_center/avatar.jpg'></image>
</view>
<view class='user-info-box'>
<image src='/images/personal_center/vip.png'></image>
<text>小熊</text>
</view>
</view>
<!-- 我的订单 -->
<i-cell-group>
<i-cell title="我的订单" is-link url="/pages/dashboard/index">
<text slot="footer" class='text-gray'>全部</text>
</i-cell>
<view class='order-status-box'>
<view class='order-items'>
<view class='order-item'>
<image src='/images/personal_center/icon_be_in_progress.png'></image>
<text>进行中</text>
</view>
<view class='order-item'>
<image src='/images/personal_center/icon_to_be_evaluated.png'></image>
<text>待评价</text>
</view>
<view class='order-item'>
<image src='/images/personal_center/icon_completed.png'></image>
<text>已完成</text>
</view>
</view>
</view>
</i-cell-group>
<i-cell-group i-class='vip'>
<i-cell title="VIP会员" is-link url="/pages/dashboard/index">
<text slot="footer" class='text-gray'>全部</text>
</i-cell>
<i-cell title="我的收藏" is-link url="/pages/dashboard/index"></i-cell>
</i-cell-group>
<i-cell-group>
<i-cell title="商家合作" is-link url="/pages/dashboard/index"></i-cell>
<i-cell title="官方客服" is-link url="/pages/dashboard/index"></i-cell>
</i-cell-group>
</view>
\ No newline at end of file
pages/me/index.wxss
/* pages/me/index.wxss */
\ No newline at end of file
/* pages/me/index.wxss */
page{
background-color: #f5f5f5;
height: 100%;
}
.v-page {
background-color: #f5f5f5;
height: 100%;
}
.head-map {
width: 100%;
height: 360rpx;
margin-bottom: 20rpx;
position: relative;
}
.head-map > image {
width: 100%;
height: 360rpx;
position: absolute;
left: 0;
top: 0;
}
.avatar_box {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
position: absolute;
top: 95rpx;
left: 50%;
transform: translateX(-50%);
}
.avatar_box>image {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
}
.user-info-box {
position: absolute;
top: 233rpx;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
}
.user-info-box>text {
color: #fff;
font-size: 30rpx;
}
.user-info-box>image {
width: 20rpx;
height: 17rpx;
margin-right: 7rpx;
}
/* 我的订单 */
.order-status-box {
background-color: #fff;
height: 182rpx;
margin-bottom: 20rpx;
width: 100%;
}
.order-items {
background-color: #fff;
padding: 32rpx 0 0 0;
margin: auto;
display: flex;
width: 480rpx;
justify-content: space-between;
}
.order-item {
display: flex;
flex-direction: column;
font-size: 24rpx;
justify-content: space-between;
align-items:center ;
height: 85rpx;
color: rgb(191, 191, 191);
}
.order-item > image {
width: 40rpx;
height: 44rpx;
}
.vip{
margin-bottom: 20rpx;
}
pages/me/order/index.json
{}
\ No newline at end of file
{
"navigationBarTitleText": "我的订单",
"backgroundColor": "#f5f5f5",
"usingComponents": {
"i-tabs": "/iview/tabs/index",
"i-tab": "/iview/tab/index"
}
}
\ No newline at end of file
pages/me/order/index.wxml
<!--pages/me/order/index.wxml-->
<text>pages/me/order/index.wxml</text>
<view class='v-page'>
<i-tabs current="tab1" bindchange="handleChange" >
<i-tab key="tab1" title="进行中"></i-tab>
<i-tab key="tab2" title="待评价"></i-tab>
<i-tab key="tab3" title="已完成"></i-tab>
</i-tabs>
</view>
\ No newline at end of file
pages/me/order/index.wxss
/* pages/me/order/index.wxss */
\ No newline at end of file
project.config.json
......@@ -37,12 +37,25 @@
"list": []
},
"miniprogram": {
"current": 0,
"current": 2,
"list": [
{
"id": -1,
"name": "logs",
"pathName": "pages/logs/logs"
"pathName": "pages/logs/logs",
"query": ""
},
{
"id": 1,
"name": "我的",
"pathName": "pages/me/index",
"query": ""
},
{
"id": 2,
"name": "下单",
"pathName": "pages/me/order/index",
"query": ""
}
]
}
......
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