<!-- 举报指南 -->
<template>
	<view class="guide">
		<Title />
		
		<view class="title">
			<view class="left">
				<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
				<u-icon name="play-left-fill" color="#0096e0" size="12"></u-icon>
			</view>
			<text>遇到互联网违法和不良信息该怎么举报？</text>
			<view class="right">
				<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
				<u-icon name="play-right-fill" color="#0096e0" size="12"></u-icon>
			</view>
		</view>
		
		<view class="time">
			时间： 2022-08-18 17:42:00  
		</view>
		<view class=" time source">
			来源：  新疆网信办举报中心
		</view>
		<view class="time introducer" style="margin-top: 32rpx;">
			网络空间是亿万网民共同的精神家园，遇到违法和不良信息我们该如何举报？快来了解吧！
		</view>
		
		<view class="main">
			<view class="content">
				<!-- 1 -->
				<view class="title-text">一、互联网违法信息内容有哪些？</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 class="content-text">
					4.歪曲、丑化、亵渎、否定英雄烈士事迹和精神，以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉的；
				</view>
				<view class="content-text">
					5.宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动的；
				</view>
				<view class="content-text">
					6.煽动民族仇恨、民族歧视，破坏民族团结的；
				</view>
				<view class="content-text">
					7.破坏国家宗教政策，宣扬邪教和封建迷信的；
				</view>
				<view class="content-text">
					8.散布谣言，扰乱经济秩序和社会秩序的；
				</view>
				<view class="content-text">
					9.散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；
				</view>
				<view class="content-text">
					10.侮辱或者诽谤他人，侵害他人名誉、隐私和其他合法权益的；
				</view>
				<view class="content-text">
					11.法律、行政法规禁止的其他内容。
				</view>
				
				
				<!-- 2 -->
				<view class="title-text">二、互联网不良信息内容有哪些？</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 class="content-text">
					4.带有性暗示、性挑逗等易使人产生性联想的；
				</view>
				<view class="content-text">
					5.展现血腥、惊悚、残忍等致人身心不适的；
				</view>
				<view class="content-text">
					6.煽动人群歧视、地域歧视等的；
				</view>
				<view class="content-text">
					7.宣扬低俗、庸俗、媚俗内容的；
				</view>
				<view class="content-text">
					8.可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好等的；
				</view>
				<view class="content-text">
					9.其他对网络生态造成不良影响的内容。
				</view>
				
				<!-- 3 -->
				<view class="title-text">三、遇到上述信息内容该怎么举报？</view>
				<view class="content-text">
					1.电话举报：拨打24小时在线电话0991-2384777，进行举报；（各地、州、市网信部门举报电话见图一）
				</view>
				<view class="content-text">
					2.网站举报：登陆新疆互联网违法和不良信息举报中心官方网站：www.xjwljb.com进行举报；
				</view>
				<view class="content-text">
					3.邮箱举报：发送邮件至邮箱：jbzx@cax.gov.cn进行举报；
				</view>
				<view class="content-text">
					4.账号举报：在新浪微博、今日头条、一点资讯等平台，关注“新疆网络举报”账号并采取私信的方式进行举报；
				</view>
				<view class="content-text">
					5.使用新疆举报小程序进行举报
				</view>
				<view class="content-text">
					6.其他举报：关注“新疆网络举报”微信公众号进行举报。（详细操作流程见图二）
				</view>
				
				<image @click="preImage(imgList[0])" :show-menu-by-longpress="true" :src="imgList[0]" style="width: 100%;height: 560px;margin-top: 32rpx;"></image>
				<view style="margin: 20rpx 0 32rpx 0;text-align: center;">（图一）</view>
				<image @click="preImage(imgList[1])" :show-menu-by-longpress="true" :src="imgList[1]" style="width: 100%;height: 650px;margin-top: 20rpx;"></image>
				<view style="margin: 20rpx 0 32rpx 0;text-align: center;">（图二）</view>
				
				<!-- 4 -->
				<view class="title-text">四、举报上述信息内容有奖励吗？</view>
				<view class="content-text">
					有。根据《新疆维吾尔自治区网络安全管理条例》有关规定，将对举报有功人员予以奖励。
				</view>
				<view class="content-text">
					欢迎广大网民踊跃举报互联网违法和不良信息，共同维护清朗网络空间。
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import Title from '../../components/base/title.vue';
	export default {
		name: 'Guide',
		components: {
			Title
		},
		data() {
			return {
				imgList: [
					'https://www.xjwljb.com/pyimage/group11/M00/DD/C5/ChQeVGL1wW2AELpdAAAkce8AGK0866.png',
					'https://www.xjwljb.com/pyimage/group11/M00/DD/C5/ChQeVGL1wX2AF82RAAnLBv8XPkQ080.gif',
				]
			}
		},
		mounted(){
			uni.showShareMenu({
				withShareTicket: true,
				menus: ["shareAppMessage", "shareTimeline"]
			});
		},
		//分享好友
		onShareAppMessage() {
			return {
				title: '新疆网络举报',
				imageUrl: '../../static/share.png',
			};
		},
		//分享朋友圈
		onShareTimeline() {
			return {
				title: '新疆网络举报',
			}
		},
		methods: {
			preImage(src) {
				wx.previewImage({
					current: src, // 当前显示图片的http链接
					urls: this.imgList // 需要预览的图片http链接列表
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.guide {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 160rpx 0 260rpx 0;
		.time {
			padding: 0 20rpx;
			color: #6a6a6a;
			font-size: 28rpx;
			line-height: 46rpx;
			margin-top: 32rpx;
		}
		.source {
			margin-top: 0;
		}
		.introducer {
			font-size: 34rpx;
			color: #292828;
		}
		.title {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: row;
			width: 100%;
			padding: 46rpx 32rpx 0 32rpx;
			text-align: center;
			font-size: 42rpx;
			font-weight: 600;
			color: #0096e0;
			letter-spacing: 20rpx;
			box-sizing: border-box;
			.left {
				display: flex;
				margin-right: 20rpx;
			}
			.right {
				display: flex;
			}
		}
		.main {
			padding: 32rpx 20rpx;
			.content {
				background-color: #fff;
				border-radius: 10rpx;
				padding: 10rpx 0;
				box-sizing: border-box;
				.title-text {
					padding: 10rpx 20rpx;
					display: flex;
					align-items: center;
					justify-content: flex-start;
					color: #fff;
					font-size: 34rpx;
					font-weight: 600;
					margin: 20rpx;
					background: linear-gradient(to right, #007bca 0%, #17a6ec 100%);
					border-radius: 10rpx;
					box-sizing: border-box;
				}
				.content-text {
					padding: 10rpx 20rpx;
					color: #6a6a6a;
					text-align: justify;
					font-size: 32rpx;
					line-height: 46rpx;
				}
			}
		}
	}
</style>
<style lang="scss">
	.guide {
		.u-icon__icon {
			margin-right: -20rpx;
		}
	}
</style>
