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

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

parent 761457c2
Show 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
...@@ -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>
</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>
<!--<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{
.container {
background: #f4f4f4; background: #f4f4f4;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
} }
.profile-info{
.profile-info {
width: 100%; width: 100%;
height: 280rpx; height: 280rpx;
display: flex; display: flex;
...@@ -20,19 +22,19 @@ page{ ...@@ -20,19 +22,19 @@ page{
background: #333; background: #333;
} }
.profile-info .avatar{ .profile-info .avatar {
height: 148rpx; height: 148rpx;
width: 148rpx; width: 148rpx;
border-radius: 50%; border-radius: 50%;
} }
.profile-info .info{ .profile-info .info {
flex: 1; flex: 1;
height: 85rpx; height: 85rpx;
padding-left: 31.25rpx; padding-left: 31.25rpx;
} }
.profile-info .name{ .profile-info .name {
display: block; display: block;
height: 45rpx; height: 45rpx;
line-height: 45rpx; line-height: 45rpx;
...@@ -41,7 +43,7 @@ page{ ...@@ -41,7 +43,7 @@ page{
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.profile-info .level{ .profile-info .level {
display: block; display: block;
height: 30rpx; height: 30rpx;
line-height: 30rpx; line-height: 30rpx;
...@@ -50,23 +52,23 @@ page{ ...@@ -50,23 +52,23 @@ page{
font-size: 30rpx; font-size: 30rpx;
} }
.user-menu{ .user-menu {
width: 100%; width: 100%;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
background: #fff; background: #fff;
} }
.user-menu .item{ .user-menu .item {
float: left; float: left;
width: 33.33333%; width: 33.33333%;
height: 187.5rpx; height: 187.5rpx;
border-right: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0, 0, 0, 0.15);
border-bottom: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15);
text-align: center; text-align: center;
} }
.user-menu .item .a{ .user-menu .item .a {
display: flex; display: flex;
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -83,7 +85,7 @@ page{ ...@@ -83,7 +85,7 @@ page{
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;
...@@ -91,61 +93,69 @@ page{ ...@@ -91,61 +93,69 @@ page{
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;
height: 55rpx;
width: 55rpx;
background-size: 52.803rpx; 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 {
.user-menu .txt{
display: block; display: block;
height: 24rpx; height: 24rpx;
width: 100%; width: 100%;
font-size: 24rpx; font-size: 24rpx;
color:#333; color: #333;
} }
.logout{ .logout {
margin-top: 50rpx; margin-top: 50rpx;
height: 101rpx; height: 101rpx;
width: 100%; width: 100%;
...@@ -155,3 +165,13 @@ page{ ...@@ -155,3 +165,13 @@ page{
color: #333; color: #333;
font-size: 30rpx; font-size: 30rpx;
} }
.about {
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