zhibo/pages_shopping/live/complaintList.vue

<template>
	<view class="bg">
		<view class="title">请选择投诉原因</view>
		<view class="list">
			<view class="item" @click="toComplaint(item)" v-for="(item,index) in list" :key="index">
				<view>{{item}}</view>
				<image class="w16" src="/static/images/arrow_gray.png" mode="widthFix"></image>
			</view>

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

<script>
	export default {
		data() {
			return {
				list: ['广告诈骗', '反动政治', '侮辱谩骂', '直播侵权', '违法违规', '低俗恶俗', '暴力色情', '其他问题'],

			};
		},
		methods: {
			toComplaint(item) {
				uni.navigateTo({
					url: '/pages_shopping/live/complaint?selectText=' + item
				})
			}
		}
	};
</script>

<style scoped lang="scss">
	.bg {
		background-color: #ececec;
		padding-top: 100rpx;
		height: 100%;

		.title {
			text-align: center;
			font-size: 40rpx;
			font-weight: 500;
		}

		.list {
			margin: 60rpx 20rpx 0;
			border-radius: 16rpx;
			padding: 24rpx;
			background-color: #fff;

			.item {
				padding: 24rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				border-bottom: #efefef 1rpx solid;

				&:last-child {
					border: none;
				}

			}

		}
	}
</style>