<template>
	<view class="content column">


		<view class="row" style="width: 90%; margin: 100rpx auto 0; justify-content: space-between;">
			<image src="/static/back.png" style="width: 40rpx; height: 40rpx;" @click="goBack()" mode=""></image>
			<text style="font-size: 30rpx;">黑名单</text>
			<view style="width: 40rpx;"></view>
		</view>


		<view class="" style=" overflow-y: auto; margin-top: 30rpx;">

			<view class="column" style="width: 90%; margin: 0 auto 0;">

				<view class="column" v-for="(item,index) in 10"
					style="width: 100%; background-color: #E9E9E9; border-radius: 10rpx; margin-bottom: 10rpx;">

					<view class="row" style="align-items: center;">
						<image src=""
							style="width: 130rpx; height: 130rpx; background-color: burlywood; border-radius: 50%; margin: 20rpx;"
							mode="">
						</image>

						<view class="column" style="font-size: 24rpx; margin-left: 30rpx;">
							<text>苏嘉辉</text>
							<text style="margin-top: 20rpx;">UID：123456</text>
						</view>

						<view class="center"
							style="width: 180rpx; height: 80rpx; background-color: #1989FA; font-size: 26rpx; border-radius: 10rpx; margin-left: auto; margin-right: 20rpx;">
							取消拉黑
						</view>
					</view>

					<text
						style="margin-top: 20rpx; font-size: 24rpx; margin-left: 20rpx; margin-bottom: 20rpx;">拉黑时间：2025/08/13
						13：56</text>

				</view>

			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goBack() {
				// 返回上一页
				uni.navigateBack({
					delta: 1
				});
			},
		}
	}
</script>

<style lang="scss">
	.content {
		width: 100%;
		height: 100vh;
	}
</style>