小程序提交

pages/ucenter/ucenter.vue

@@ -0,0 +1,102 @@
+<template>
+	<view class="center">
+		<view class="userInfo" @click.capture="toUserInfo">
+
+			<view class="defaultAvatarUrl">
+				<uni-icons color="#ffffff" size="50" type="person-filled" />
+			</view>
+
+			<view class="logo-title">
+				<text class="uer-name">{{userInfo.sName}}</text>
+			</view>
+		</view>
+		<u-cell-group :customStyle="style">
+			<u-cell title="我的表单" :isLink="true" url="/pages/form/list"></u-cell>
+			<!-- <u-cell title="我的收益" :isLink="true"></u-cell> -->
+		</u-cell-group>
+	</view>
+</template>
+
+<script>
+	import {
+		request
+	} from '@/utils/request';
+	export default {
+		data() {
+			return {
+				userInfo: {},
+				style: {
+					"background-color": "#f9f9f9",
+				}
+			}
+		},
+		onShow() {
+			request({
+				url: '/v1/backend/system/sysuser/profile/info',
+				data: {},
+				// ...
+			}).then((response) => {
+				this.userInfo = response.data.data
+			}).catch((error) => {
+				// 处理错误
+			});
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	view {
+		display: flex;
+		box-sizing: border-box;
+		flex-direction: column;
+	}
+
+	page {
+		background-color: #f8f8f8;
+	}
+
+	.center {
+		flex: 1;
+		flex-direction: column;
+		background-color: #f8f8f8;
+	}
+
+	.userInfo {
+		// padding: 20rpx;
+		padding-top: 60px;
+		background-image: url(@/static/headers.png);
+		flex-direction: column;
+		align-items: center;
+		margin-bottom: 30rpx;
+	}
+
+	.defaultAvatarUrl {
+		width: 150rpx;
+		height: 150rpx;
+		background-color: #007aff;
+		border-radius: 100%;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.uer-name {
+		height: 100rpx;
+		line-height: 100rpx;
+		font-size: 38rpx;
+		color: #FFFFFF;
+	}
+
+	.center-list {
+		margin-bottom: 30rpx;
+		background-color: #f9f9f9;
+	}
+
+	.center-list-cell {
+		width: 750rpx;
+		background-color: #007AFF;
+		height: 40rpx;
+	}
+</style>