71 lines
1.7 KiB
Vue
71 lines
1.7 KiB
Vue
<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> |