Skip to content
GitLab
Commit 864d2553 authored by usgeek's avatar usgeek Committed by linlinjava
Browse files

个人中心界面调整

parent 990cb1c8
Hide whitespace changes
Inline Side-by-side
litemall-wx/pages/ucenter/index/index.js
View file @ 864d2553
...@@ -51,6 +51,21 @@ Page({ ...@@ -51,6 +51,21 @@ Page({
url: "/pages/auth/login/login" url: "/pages/auth/login/login"
}); });
} }
},
goOrderIndex(e) {
let tab = e.currentTarget.dataset.index
let route = e.currentTarget.dataset.route
try {
wx.setStorageSync('tab', tab);
} catch (e) {
}
wx.navigateTo({
url: route,
success: function(res) {},
fail: function(res) {},
complete: function(res) {},
})
}, },
goCoupon() { goCoupon() {
if (app.globalData.hasLogin) { if (app.globalData.hasLogin) {
...@@ -85,6 +100,17 @@ Page({ ...@@ -85,6 +100,17 @@ Page({
}); });
}; };
}, },
goFeedback(e) {
if (app.globalData.hasLogin) {
wx.navigateTo({
url: "/pages/ucenter/feedback/feedback"
});
} else {
wx.navigateTo({
url: "/pages/auth/login/login"
});
};
},
goFootprint() { goFootprint() {
if (app.globalData.hasLogin) { if (app.globalData.hasLogin) {
wx.navigateTo({ wx.navigateTo({
......
litemall-wx/pages/ucenter/index/index.wxml
View file @ 864d2553
...@@ -6,78 +6,90 @@ ...@@ -6,78 +6,90 @@
</view> </view>
</view> </view>
<view class="user-menu"> <view class='separate'></view>
<view class="item">
<view class="a" bindtap="goOrder"> <view class='user_area'>
<text class="icon order"></text> <view class='user_row' bindtap='goOrder'>
<text class="txt">我的订单</text> <view class='user_row_left'>我的订单</view>
</view> <image class='user_row_right' src='/static/images/goright.png'></image>
</view> </view>
<view class="item"> <view class='user_column'>
<view class="a" bindtap="goCoupon"> <view class='user_column_item' bindtap='goOrderIndex' data-index='1' data-route='/pages/ucenter/order/order'>
<text class="icon coupon"></text> <image class='user_column_item_image' src='/static/images/pendpay.png'></image>
<text class="txt">优惠券</text> <view class='user_column_item_text'>待付款</view>
</view> </view>
</view> <view class='user_column_item' bindtap='goOrderIndex' data-index='2' data-route='/pages/ucenter/order/order'>
<view class="item no-border" bindtap="goGroupon"> <image class='user_column_item_image' src='/static/images/send.png'></image>
<view class="a"> <view class='user_column_item_text'>待发货</view>
<text class="icon gift"></text>
<text class="txt">团购</text>
</view> </view>
</view> <view class='user_column_item' bindtap='goOrderIndex' data-index='3' data-route='/pages/ucenter/order/order'>
<view class="item"> <image class='user_column_item_image' src='/static/images/receive.png'></image>
<view class="a" bindtap="goCollect"> <view class='user_column_item_text'>待收货</view>
<image class="user-menu .icon.collect" src="/static/images/icon_collect.png"></image>
<text class="txt">我的收藏</text>
</view> </view>
</view> <view class='user_column_item' bindtap='goOrderIndex' data-index='4' data-route='/pages/ucenter/order/order'>
<view class="item"> <image class='user_column_item_image' src='/static/images/comment.png'></image>
<view class="a" bindtap="goFootprint"> <view class='user_column_item_text'>待评价</view>
<image class="user-menu .icon.collect" src="/static/images/foot.png"></image>
<text class="txt">我的足迹</text>
</view> </view>
</view> </view>
<!-- <view class="item no-border"> </view>
<view class="a">
<text class="icon kefu"></text> <view class='separate'></view>
<text class="txt">会员福利</text>
</view> <view class='user_row'>
</view> --> <view class='user_row_left'>核心服务</view>
<view class="item"> </view>
<view class="a" bindtap="goAddress"> <view class='user_column'>
<text class="icon address"></text>
<text class="txt">地址管理</text> <view class='user_column_item' bindtap='goCoupon' data-route='/pages/ucenter/order/order'>
</view> <image class='user_column_item_image' src='/static/images/coupon.png'></image>
<view class='user_column_item_text'>优惠卷</view>
</view> </view>
<!-- <view class="item"> <view class='user_column_item' bindtap='goCollect' data-route='/pages/ucenter/order/order'>
<view class="a"> <image class='user_column_item_image' src='/static/images/icon_collect.png'></image>
<text class="icon security"></text> <view class='user_column_item_text'>商品收藏</view>
<text class="txt">账号安全</text> </view>
</view> <view class='user_column_item' bindtap='goFootprint' data-route='/pages/ucenter/order/order'>
</view> --> <image class='user_column_item_image' src='/static/images/footprint.png'></image>
<!-- 开发环境看不到效果，但是线上环境可以正常使用--> <view class='user_column_item_text'>浏览足迹</view>
<!-- 开发者参考以下文档自行测试，建议直接采用文档中的网页版客服工具 --> </view>
<!-- https://developers.weixin.qq.com/miniprogram/introduction/custom.html#功能介绍 --> <view class='user_column_item' bindtap='goGroupon' data-route='/pages/ucenter/order/order'>
<button class="item" open-type="contact" size="20" session-from="weapp"> <image class='user_column_item_image' src='/static/images/group.png'></image>
<view class="a"> <view class='user_column_item_text'>我的拼团</view>
<text class="icon kefu"></text> </view>
<text class="txt">联系客服</text> <view class='user_column_item' bindtap='goOrderIndex' data-route='/pages/ucenter/order/order'>
</view> <image class='user_column_item_image' src='/static/images/aftersale.png'></image>
</button> <view class='user_column_item_text'>退款/售后</view>
<button class="item" open-type="getPhoneNumber" bindgetphonenumber="bindPhoneNumber">
<view class="a">
<image class="user-menu .icon.phone" src="/static/images/mobile.png"></image>
<text class="txt">绑定手机号码</text>
</view>
</button>
<view class="item">
<view class="a" bindtap="aboutUs">
<image class="user-menu .icon.collect" src="/static/images/about_us.png"></image>
<text class="txt">关于我们</text>
</view>
</view> </view>
</view> </view>
<view class='separate'></view>
<view class='user_row'>
<view class='user_row_left'>必备工具</view>
</view>
<view class='user_tool_area'>
<view class='user_tool_item' bindtap='goAddress'>
<image class='user_tool_item_image' src='/static/images/address.png'></image>
<view class='user_tool_item_text'>地址管理</view>
</view>
<button class="user_tool_item_phone" open-type="getPhoneNumber" bindgetphonenumber="bindPhoneNumber">
<image class='user_tool_item_image' src='/static/images/mobile.png'></image>
<view class='user_tool_item_text'>绑定手机</view>
</button>
<view class='user_tool_item' bindtap='goFeedback'>
<image class='user_tool_item_image' src='/static/images/feedback.png'></image>
<view class='user_tool_item_text'>意见反馈</view>
</view>
<view class='user_tool_item'>
<contact-button style="opacity:0;position:absolute;" type="default-dark" session-from="weapp" size="27">
</contact-button>
<image class='user_tool_item_image' src='/static/images/customer.png'></image>
<view class='user_tool_item_text'>联系客服</view>
</view>
<view class='user_tool_item' bindtap='aboutUs'>
<image class='user_tool_item_image' src='/static/images/about_us.png'></image>
<view class='user_tool_item_text'>关于我们</view>
</view>
</view>
<!--<view class="logout" bindtap="exitLogin">退出登录</view>--> <!--<view class="logout" bindtap="exitLogin">退出登录</view>-->
</view> </view>
\ No newline at end of file
litemall-wx/pages/ucenter/index/index.wxss
View file @ 864d2553
...@@ -12,14 +12,12 @@ page { ...@@ -12,14 +12,12 @@ page {
} }
.profile-info { .profile-info {
width: 100%; background-color: #ab956d;
height: 280rpx; color: #fff;
display: flex; display: flex;
flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: flex-start; padding: 30rpx;
padding: 0 30.25rpx; font-size: 28rpx;
background: #333;
} }
.profile-info .avatar { .profile-info .avatar {
...@@ -52,126 +50,147 @@ page { ...@@ -52,126 +50,147 @@ page {
font-size: 30rpx; font-size: 30rpx;
} }
.user-menu { .user_area {
/* border: 1px solid black; */
width: 100%; width: 100%;
height: auto; height: 226rpx;
overflow: hidden; /* margin: 0 auto; */
margin-top: -8rpx;
background: #fff; background: #fff;
/* border-top: 1px solid #f4f4f4; */
} }
.user-menu .item { .user_row {
float: left; /* border: 1px solid black; */
width: 33.33333%; height: 86rpx;
height: 187.5rpx; line-height: 86rpx;
border-right: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid #fafafa;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
text-align: center;
} }
.user-menu .item .a { .user_row_left {
/* border: 1px solid #757575; */
float: left;
height: 86rpx;
font-weight: 550;
line-height: 86rpx;
margin-left: 35rpx;
font-size: 26rpx;
letter-spacing: 1rpx;
}
.user_row_right {
/* border: 1px solid #757575; */
float: right;
height: 40rpx;
width: 40rpx;
font-weight: 550;
line-height: 86rpx;
margin-top: 28rpx;
margin-right: 30rpx;
}
.user_column {
/* border: 1px solid black; */
height: 140rpx;
display: flex; display: flex;
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center; justify-content: center;
align-items: center;
} }
.user-menu .item.no-border { .user_column_item {
border-right: 0; width: 30%;
} height: 140rpx;
/* background: #757575; */
.user-menu .item.item-bottom { text-align: center;
border-bottom: none;
}
.user-menu .icon {
margin: 0 auto;
display: block;
height: 52.803rpx;
width: 52.803rpx;
margin-bottom: 16rpx;
}
.user-menu .icon.order {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -437.5rpx no-repeat;
background-size: 52.803rpx;
}
.user-menu .icon.coupon {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -62.4997rpx no-repeat;
background-size: 52.803rpx;
} }
.user-menu .icon.phone { .user_column_item_image {
display: block; width: 50rpx;
height: 55rpx; height: 50rpx;
width: 55rpx; margin-top: 30rpx;
background-size: 52.803rpx;
} }
.user-menu .icon.gift { .user_column_item_text {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -187.5rpx no-repeat; /* border: 1px solid black; */
background-size: 52.803rpx; margin-top: 5rpx;
font-size: 24rpx;
color: #555;
} }
.user-menu .icon.address { .separate {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 0 no-repeat; background: #e0e3da;
background-size: 52.803rpx; width: 100%;
height: 6rpx;
} }
.user-menu .icon.security { .box_bottom_area {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -500rpx no-repeat; /* border: 1px solid black; *//* margin-top: 32rpx; */
background-size: 52.803rpx; height: auto;
background: #fff;
} }
.user-menu .icon.kefu { .user_tool_item {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -312.5rpx no-repeat; width: 187.5rpx;
background-size: 52.803rpx; height: 142rpx;
/* border: 1px solid #757575; */
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
float: left;
background: #fff;
border-bottom: 1px solid #fafafa;
} }
.user-menu .icon.help { .user_tool_item_image {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -250rpx no-repeat; /* border: 1px solid #757575; */
background-size: 52.803rpx; width: 50rpx;
} height: 50rpx;
.user-menu .icon.about { margin-top: 23rpx;
/* background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -62.4997rpx no-repeat; */
display: block;
height: 55rpx;
width: 55rpx;
background-size: 52.803rpx;
} }
.user-menu .icon.feedback { .user_tool_item_text {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -125rpx no-repeat; /* border: 1px solid #757575; */
background-size: 52.803rpx; width: 187.5rpx;
margin-bottom: 12rpx;
height: 42rpx;
line-height: 42rpx;
font-size: 23rpx;
color: #555;
} }
.user-menu .txt { .user_tool_item {
display: block; width: 187.5rpx;
height: 24rpx; height: 142rpx;
width: 100%; /* border: 1px solid #757575; */
font-size: 24rpx; text-align: center;
color: #333; display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
float: left;
background: #fff;
border-bottom: 1px solid #fafafa;
} }
.logout { .user_tool_item_phone {
margin-top: 50rpx; background: none !important;
height: 101rpx; font-size: 32rpx;
width: 100%; color: #fff !important;
line-height: 101rpx; border-radius: 0%;
width: 187.5rpx;
height: 142rpx;
/* border: 1px solid #757575; */
text-align: center; text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
float: left;
background: #fff; background: #fff;
color: #333; border-bottom: 0px solid #fafafa;
font-size: 30rpx;
} }
.user_tool_item_phone::after{
.about { border: none;
width: 100%;
background: url(https://cdn.it120.cc/images/weappshop/arrow-right.png) no-repeat 750rpx center;
background-size: 16rpx auto, 750rpx auto;
margin: 20rpx 0;
height: 80rpx;
line-height: 80rpx;
padding-left: 100rpx;
} }
Supports Markdown
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