Skip to content
GitLab
Commit 6b3a05dc authored by usgeek's avatar usgeek
Browse files

个人模块页面调整，添加联系客服、绑定手机号码以及关于我们功能

parent 761457c2
Hide whitespace changes
Inline Side-by-side
litemall-wx/pages/ucenter/index/index.js
View file @ 6b3a05dc
...@@ -80,6 +80,23 @@ Page({ ...@@ -80,6 +80,23 @@ Page({
wx.navigateTo({ url: "/pages/auth/login/login" }); wx.navigateTo({ url: "/pages/auth/login/login" });
}; };
}, },
aboutUs: function () {
// wx.navigateTo({
// url: '/page/about/index',
// })
wx.navigateTo({
url: '../../about/index',//页面跳转相对路径要写清楚且准确
success: function (res) {
console.log('跳转到news页面成功')// success
},
fail: function () {
console.log('跳转到news页面失败') // fail
},
complete: function () {
console.log('跳转到news页面完成') // complete
}
})
},
exitLogin: function () { exitLogin: function () {
wx.showModal({ wx.showModal({
title: '', title: '',
......
litemall-wx/pages/ucenter/index/index.wxml
View file @ 6b3a05dc
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<view class="profile-info" bindtap="goLogin"> <view class="profile-info" bindtap="goLogin">
<image class="avatar" src="{{userInfo.avatarUrl}}"></image> <image class="avatar" src="{{userInfo.avatarUrl}}"></image>
<view class="info"> <view class="info">
<text class="name">{{userInfo.nickName}}</text> <text class="name">{{userInfo.nickName}}</text>
</view> </view>
</view> </view>
...@@ -27,13 +27,13 @@ ...@@ -27,13 +27,13 @@
</view> --> </view> -->
<view class="item"> <view class="item">
<view class="a" bindtap="goCollect"> <view class="a" bindtap="goCollect">
<text class="icon collect"></text> <image class="user-menu .icon.collect" src="/static/images/icon_collect.png"></image>
<text class="txt">我的收藏</text> <text class="txt">我的收藏</text>
</view> </view>
</view> </view>
<view class="item"> <view class="item">
<view class="a" bindtap="goFootprint"> <view class="a" bindtap="goFootprint">
<text class="icon security"></text> <image class="user-menu .icon.collect" src="/static/images/foot.png"></image>
<text class="txt">我的足迹</text> <text class="txt">我的足迹</text>
</view> </view>
</view> </view>
...@@ -55,19 +55,27 @@ ...@@ -55,19 +55,27 @@
<text class="txt">账号安全</text> <text class="txt">账号安全</text>
</view> </view>
</view> --> </view> -->
<!-- <view class="item no-border"> <!-- 能力有限，此添加方式开发环境看不到效果，但是线上环境可以正常使用-->
<button class="item no-border" open-type="contact" size="20" session-from="weapp">
<view class="a"> <view class="a">
<text class="icon kefu"></text> <text class="icon kefu"></text>
<text class="txt">联系客服</text> <text class="txt">联系客服</text>
</view> </view>
</view> --> </button>
<!-- <view class="item item-bottom"> <button view class="item" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">
<view class="a"> <view class="a">
<text class="icon help"></text> <image class="user-menu .icon.phone" src="/static/images/mobile.png"></image>
<text class="txt">帮助中心</text> <text class="txt">绑定手机号码</text>
</view> </view>
</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 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 @ 6b3a05dc
page{ page {
height: 100%; height: 100%;
width: 100%; width: 100%;
background: #f4f4f4; background: #f4f4f4;
} }
.container{
background: #f4f4f4; .container {
height: auto; background: #f4f4f4;
overflow: hidden; height: auto;
width: 100%; overflow: hidden;
} width: 100%;
.profile-info{ }
width: 100%;
height: 280rpx; .profile-info {
display: flex; width: 100%;
flex-wrap: wrap; height: 280rpx;
align-items: center; display: flex;
justify-content: flex-start; flex-wrap: wrap;
padding: 0 30.25rpx; align-items: center;
background: #333; justify-content: flex-start;
} padding: 0 30.25rpx;
background: #333;
.profile-info .avatar{ }
height: 148rpx;
width: 148rpx; .profile-info .avatar {
border-radius: 50%; height: 148rpx;
} width: 148rpx;
border-radius: 50%;
.profile-info .info{ }
flex: 1;
height: 85rpx; .profile-info .info {
padding-left: 31.25rpx; flex: 1;
} height: 85rpx;
padding-left: 31.25rpx;
.profile-info .name{ }
display: block;
height: 45rpx; .profile-info .name {
line-height: 45rpx; display: block;
color: #fff; height: 45rpx;
font-size: 37.5rpx; line-height: 45rpx;
margin-bottom: 10rpx; color: #fff;
} font-size: 37.5rpx;
margin-bottom: 10rpx;
.profile-info .level{ }
display: block;
height: 30rpx; .profile-info .level {
line-height: 30rpx; display: block;
margin-bottom: 10rpx; height: 30rpx;
color: #7f7f7f; line-height: 30rpx;
font-size: 30rpx; margin-bottom: 10rpx;
} color: #7f7f7f;
font-size: 30rpx;
.user-menu{ }
width: 100%;
height: auto; .user-menu {
overflow: hidden; width: 100%;
background: #fff; height: auto;
} overflow: hidden;
background: #fff;
.user-menu .item{ }
float: left;
width: 33.33333%; .user-menu .item {
height: 187.5rpx; float: left;
border-right: 1px solid rgba(0,0,0,.15); width: 33.33333%;
border-bottom: 1px solid rgba(0,0,0,.15); height: 187.5rpx;
text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.15);
} border-bottom: 1px solid rgba(0, 0, 0, 0.15);
text-align: center;
.user-menu .item .a{ }
.user-menu .item .a {
display: flex; display: flex;
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -76,82 +78,100 @@ page{ ...@@ -76,82 +78,100 @@ page{
} }
.user-menu .item.no-border { .user-menu .item.no-border {
border-right: 0; border-right: 0;
} }
.user-menu .item.item-bottom { .user-menu .item.item-bottom {
border-bottom: none; border-bottom: none;
} }
.user-menu .icon{ .user-menu .icon {
margin: 0 auto; margin: 0 auto;
display: block; display: block;
height: 52.803rpx; height: 52.803rpx;
width: 52.803rpx; width: 52.803rpx;
margin-bottom: 16rpx; margin-bottom: 16rpx;
} }
.user-menu .icon.order{ .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: 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; background-size: 52.803rpx;
} }
.user-menu .icon.coupon{ .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: 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; background-size: 52.803rpx;
} }
.user-menu .icon.collect{ .user-menu .icon.phone {
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;
background-size: 52.803rpx; height: 55rpx;
width: 55rpx;
background-size: 52.803rpx;
} }
.user-menu .icon.gift{ .user-menu .icon.gift {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -187.5rpx no-repeat; background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -187.5rpx no-repeat;
background-size: 52.803rpx; background-size: 52.803rpx;
} }
.user-menu .icon.address{ .user-menu .icon.address {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 0 no-repeat; background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 0 no-repeat;
background-size: 52.803rpx; background-size: 52.803rpx;
} }
.user-menu .icon.security{ .user-menu .icon.security {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -500rpx no-repeat; background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -500rpx no-repeat;
background-size: 52.803rpx; background-size: 52.803rpx;
} }
.user-menu .icon.kefu{ .user-menu .icon.kefu {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -312.5rpx no-repeat; background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -312.5rpx no-repeat;
background-size: 52.803rpx; background-size: 52.803rpx;
} }
.user-menu .icon.help{ .user-menu .icon.help {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -250rpx no-repeat; background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -250rpx no-repeat;
background-size: 52.803rpx; background-size: 52.803rpx;
}
.user-menu .icon.about {
/* 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-menu .icon.feedback {
background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -125rpx no-repeat; background: url(http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/sprites/ucenter-sdf6a55ee56-f2c2b9c2f0.png) 0 -125rpx no-repeat;
background-size: 52.803rpx; background-size: 52.803rpx;
} }
.user-menu .txt {
display: block;
height: 24rpx;
width: 100%;
font-size: 24rpx;
color: #333;
}
.user-menu .txt{ .logout {
display: block; margin-top: 50rpx;
height: 24rpx; height: 101rpx;
width: 100%; width: 100%;
font-size: 24rpx; line-height: 101rpx;
color:#333; text-align: center;
background: #fff;
color: #333;
font-size: 30rpx;
} }
.logout{ .about {
margin-top: 50rpx; width: 100%;
height: 101rpx; background: url(https://cdn.it120.cc/images/weappshop/arrow-right.png) no-repeat 750rpx center;
width: 100%; background-size: 16rpx auto, 750rpx auto;
line-height: 101rpx; margin: 20rpx 0;
text-align: center; height: 80rpx;
background: #fff; line-height: 80rpx;
color: #333; padding-left: 100rpx;
font-size: 30rpx;
} }
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