微擎模块开发-微擎小程序商城会员中心页面布局详解（前端篇）

小康课堂

于 2020-07-19 16:10:30 发布

阅读量884

点赞数

分类专栏：前端文章标签：小程序 css 经验分享程序人生 php

本文链接：https://blog.csdn.net/dgtgihtyyvii/article/details/107446715

版权

会员中心主要分为会员信息状态、订单状态、商城功能列表。

微擎模块开发-微擎小程序商城会员中心页面布局详解(小康课堂)

微擎小程序商城会员中心页面member.wxml

<!--shangcheng_xk/pages/member/member.wxml-->
<view class="container">
	<view class="member">
		<view class="member-info">
			<view class="avatar">
				<image src="https://www.shancloudy.com/attachment/images/2/2020/07/wWPpueUj5r9ww9cWJrJPhCWhjC9hH9.jpg" mode="widthFix"></image>
			</view>
			<view class="member-name">
				<text>石小康</text>
				<text>12345678966</text>
			</view>
		</view>
		<view class="member-data">
			<view class="balance">
				<image src="http://www.shancloudy.com/attachment/images/2/2020/07/XWw5o9t4Sa46CW9mEFALOQcwWlcBC9.png" mode="widthFix"></image>
				<text>余额</text>
			</view>
			<view class="integal">
				<image src="http://www.shancloudy.com/attachment/images/2/2020/07/U58nmdnwANTwW8zZ5OtO8Tfhfj00to.png" mode="widthFix"></image>
				<text>积分</text>
			</view>
			<view class=