优化

pages.json

@@ -126,6 +126,12 @@
 			"style": {
 				"navigationBarTitleText": "支付状态-谛宝多多商城"
 			}
+		},
+		{
+			"path": "pages/setaccount/setaccount",
+			"style": {
+				"navigationBarTitleText": "账号设置-谛宝多多商城"
+			}
 		}
   ],
 	"globalStyle": {

pages/setaccount/setaccount.vue

+<template>
+	<view style="padding-top: 80rpx;">
+		<view class="main_content">
+			<TopBar title="账号设置"/>
+			<view class="account_base_info flex">
+				<view class="flex flex_center">
+					<image class="portrait" :src="$defaultPortrait"></image>
+					<view class="flex flex_center base_info">
+						<text class="customer_name">谛宝多多_北京测试</text>
+						<text class="custommer_integral">总积分:121…</text>
+					</view>
+				</view>
+				<text class="eosfont right_icon">&#xe608;</text>
+			</view>
+			<view>
+				
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import TopBar from '../../components/TopBar/TopBar'
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		components: {
+			TopBar
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+	.flex {
+		display: flex;
+	}
+	.flex_center {
+		justify-content: center;
+	}
+	.right_icon {
+		font-size: 24rpx;
+		color: #7C7C7C;
+	}
+	.main_content {
+		.account_base_info {
+			height: 160rpx;
+			align-items: center;
+			justify-content: space-between;
+			border-bottom: 1Px solid #ECECEC;
+			padding: 0 24rpx;
+			.base_info {
+				flex-direction: column;
+			}
+			.portrait {
+				width: 100rpx;
+				height: 100rpx;
+				border-radius: 50%;
+				margin-right: 20rpx;
+			}
+			.customer_name {
+				color: #16171C;
+				font-size: 28rpx;
+				line-height: 40rpx;
+			}
+			.custommer_integral {
+				color: #7C7C7C;
+				font-size: 22rpx;
+				line-height: 32rpx;
+			}
+		}
+	}
+	
+</style>