Newer
Older
xinJiangMiniProgranm / packageMine / tortGuide / tortGuide.vue
dutingting on 29 Jun 2023 3 KB 细节优化
<template>
	<view class="tort-guide">
		<image src="http://111.198.10.15:11604/png/back_ts.png" style="position:absolute;top: -4rpx;left: 0;z-index: -999; width:100%;height: 460rpx;"></image>
		<view class="title">网络侵权信息举报指南</view>
		<view class="time">
			时间: 2022-05-16 12:28:34
		</view>
		<view class=" time source">
			来源:  新疆网信办举报中心
		</view>
		
		<view class="main">
			<!-- 1 -->
			<view class="main-title">一、受理范围</view>
			<view>
				<view class="content-text">
					境内公开互联网平台上涉嫌泄露个人隐私、侮辱谩骂、诋毁诽谤的违法和不良信息。超出范围的,不予受理。
				</view>
			</view>
			<!-- 2 -->
			<view class="main-title">二、举报受理条件</view>
			<view>
				<view class="content-text">
					举报网络侵权信息需符合以下条件,并提供相应举报材料:
				</view>
				<view class="content-text">
					1.实名举报。被侵权人举报网络侵权信息应实名举报,并提供联系方式,对举报事项的客观性、真实性负责。
				</view>
				<view class="content-text">
					2.信息准确。被侵权人需提供网络侵权信息样本、与举报事项相对应的侵权信息网址或者足以准确定位侵权信息的相关说明等材料。
				</view>
				<view class="content-text">
					3.要件齐全。被侵权人需提交举报信函和举报要件。举报信函内应当充分陈述举报事项,阐释侵权事实和处置理由,明确举报处置诉求;举报要件为能够证明该信息内容构成侵权的证明证据材料。
				</view>
			</view>
			<!-- 3 -->
			<view class="main-title">三、注意事项</view>
			<view>
				<view class="content-text">
					举报网络侵权信息,不得在举报内容中发表违反中华人民共和国宪法和法律的言论,举报人承担一切因违法留言行为而引起的法律责任。
				</view>
			</view>
		</view>
		<!-- 返回顶部 -->
		<u-back-top 
			:scroll-top="scrollTop" 
			icon="arrow-up" 
			customStyle="background: rgba(67, 144, 247, .7)"
			:iconStyle="{
					fontSize: '32rpx',
					color: '#fff',
					fontWeight: '600'
				}"
			duration="200"
		></u-back-top>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				scrollTop: 0,
			}
		},
		mounted(){
			uni.showShareMenu({
				withShareTicket: true,
				menus: ["shareAppMessage", "shareTimeline"]
			});
		},
		//分享好友
		onShareAppMessage() {
			return {
				title: '新疆网络举报',
				imageUrl: '../../static/share.png',
			};
		},
		//分享朋友圈
		onShareTimeline() {
			return {
				title: '新疆网络举报',
			}
		},
		// 监听滚动条位置
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.tort-guide {
		padding: 40rpx;
		padding-bottom: 60rpx;
		.title {
			color: #fff;
			font-size: 44rpx;
			font-weight: 600;
		}
		.time {
			color: #fff;
			font-size: 28rpx;
			margin-top: 32rpx;
		}
		.source {
			margin-top: 0;
		}
		.introducer {
			font-size: 34rpx;
			color: #333;
			text-align: justify;
		}
		.main {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 60rpx 40rpx;
			padding-top: 20rpx;
			background: linear-gradient(#eef1fd 0%, #bed5fe 100%);
			margin-top: 40rpx;
			border-radius: 20rpx;
			.main-title {
				width: fit-content;
				padding: 10rpx 40rpx;
				border: 10rpx solid #3b8bf8;
				font-size: 30rpx;
				font-weight: 600;
				color: #0a0a0d;
				margin: 20rpx 0;
			}
			.content-text {
				padding: 10rpx 20rpx;
				text-align: justify;
				line-height: 46rpx;
			}
		}
	}
</style>