配套的后台有jsp版本、php版本、asp版本
wxml代码
<view class='toubu'>
<image class="toubu-img" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
<view class='two-line-text'>
<text class='txt1'>{{userInfo.nickName}}</text>
<text class="txt2">等级:普通会员</text>
<text class="txt3">手机:【绑定手机号码】</text>
</view>
</view>
<navigator url='/pages/huiyuan/order/order_list2'>
<view class="wx-cell">
<image class="wx-cell-icon" src="/images/sys01.png"></image>
<text class="wx-cell-text">我的订单</text>
<image class="wx-cell-arrow" src="/images/right.png"></image>
</view>
</navigator>
<navigator url='/pages/huiyuan/addr/index'>
<view class="wx-cell">
<image class="wx-cell-icon" src="/images/sys02.png"></image>
<text class="wx-cell-text">收货地址管理</text>
<image class="wx-cell-arrow" src="/images/right.png"></image>
</view>
</navigator>
<navigator url='/pages/huiyuan/qita/01-shoucang'>
<view class="wx-cell">
<image class="wx-cell-icon" src="/images/sys03.png"></image>
<text class="wx-cell-text">我的收藏</text>
<image class="wx-cell-arrow" src="/images/right.png"></image>
</view>
</navigator>
<navigator url='/pages/huiyuan/qita/02-wenti'>
<view class="wx-cell">
<image class="wx-cell-icon" src="/images/sys06.png"></image>
<text class="wx-cell-text">常见问题</text>
<image class="wx-cell-arrow" src="/images/right.png"></image>
</view>
</navigator>
<navigator url='/pages/huiyuan/qita/03-kefu'>
<view class="wx-cell">
<image class="wx-cell-icon" src="/images/sys05.png"></image>
<text class="wx-cell-text">联系客服</text>
<image class="wx-cell-arrow" src="/images/right.png"></image>
</view>
</navigator>
<view class="wx-cell">
<image class="wx-cell-icon" src="/images/sys04.png"></image>
<text class="wx-cell-text">退出登陆</text>
<image class="wx-cell-arrow" src="/images/right.png"></image>
</view>
wxss代码
/*头部样式*/
.toubu{
display: flex;
margin: 1rpx;
border: #ddd solid 1px;
padding: 10rpx;
background-color: crimson;
}
.toubu-img{
width: 80px;
height: 80px;
margin: 20rpx;
border-radius: 50%;
}
.two-line-text{
padding: 3px;
display: flex;
flex-direction: column;
}
.txt1{
margin: 3px 3px;
font-size: 16px;
font-weight: bold;
white-space: nowrap; color: white;
}
.txt2{
margin: 5px 3px 5px;
font-size: 14px;
color: white;
white-space: nowrap; background-color: darkorange;
}
.txt3{
margin: 3px 3px;
font-size: 15px;
color: white;
white-space: nowrap;
}
/*会员首页菜单样式*/
.wx-cell {
width: 100%;
margin-top: 15rpx;
font-size: 34rpx;
border-top: 1rpx solid #d9d9d9;
border-bottom: 1rpx solid #d9d9d9;
background-color: #fff;
padding: 20rpx 25rpx;
display: flex;
flex-direction: row;
align-items: center;
}
.wx-cell-icon{
width: 56rpx;
height: 56rpx;
}
.wx-cell-text{
flex: 1;
margin-left: 30rpx;
}
.wx-cell-arrow{
width: 30rpx;
height: 30rpx;
margin-right:30rpx;
}