upload file

2020-07-10 09:03:19 +08:00
parent 9ffdfa652a
commit a5b83f31a8
15 changed files with 183 additions and 84 deletions
--- a/pageE/setting/ShieldUsers.vue
+++ b/pageE/setting/ShieldUsers.vue
@@ -0,0 +1,59 @@
+<template>
+	<view class="shield">
+		<view class="shield-list" v-for="(item, index) in 5" :key="index">
+			<view class="infomation">
+				<u-avatar :src="src" size="80"></u-avatar>
+				<view class="nickname u-line-1">神的温柔</view>
+			</view>
+			<view class="btn">取消屏蔽</view>
+		</view>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {
+			src: 'https://dmmall.sdbairui.com/uploads/home/avatar/avatar_19.jpg'
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.shield {
+	min-height: calc(100vh - var(--window-top));
+	background-color: #ECECEC;
+	padding-top: 1rpx;
+	.shield-list {
+		background-color: #FFF;;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 10rpx 30rpx;
+		color:rgba(51,51,51,1);
+		margin-bottom: 2rpx;
+		.infomation {
+			display: flex;
+			align-items: center;
+			.nickname {
+				width: 300rpx;
+				font-size: 28rpx;
+				margin-left: 20rpx;
+			}
+		}
+		.btn {
+			font-size: 24rpx;
+			position: relative;
+			&::before {
+				position: absolute;
+				left: -30rpx;
+				top: 50%;
+				transform: translate(0, -50%);
+				content: '';
+				width: 1rpx;
+				height: 38rpx;
+				background: rgba(236,236,236,1);
+			}
+		}
+	}
+}
+</style>