<!-- 组件：事件列表 -->
<template>
<!-- <view style="white-space: pre-wrap">
{{data}}
</view> -->
<view class="egersis-list">
<view class="egersis-item" v-for="(item, index) in list" :key="index" @click="handleClick(item)">
<view class="left">
<text class="title">{{item.title}}</text>
<text class="time">{{item.time}}</text>
</view>
<image :src="item.img" style="width: 280rpx;height: 200rpx;flex-shrink: 0;" mode=""></image>
</view>
</view>
</template>
<script>
export default {
name: 'Egersis',
props: {
list: Array,
default: () => []
},
data() {
return {
data: '<p style=\"text-align: center\"><img src=\"https://www.xjwljb.com/newpyimage/group3/M00/00/E3/CgoKIGQIUyaAcRWjAADdNm-YKHc390.png\" title=\"1678267304665.png\" alt=\"640.png\"/></p><p style=\"margin: 0px 0px 16px; padding: 0px; outline: currentcolor none 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em; color: rgb(34, 34, 34); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; background-color: rgb(255, 255, 255); text-indent: 2em; visibility: visible;\"><span style=\"margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(51, 51, 51); visibility: visible;\">2023年2月，中央网信办举报中心指导全国各级网信举报工作部门、主要网站平台受理网民举报色情、赌博、侵权、谣言等违法和不良信息1459.9万件，环比增长10.4%、同比增长18.4%。其中，中央网信办举报中心受理举报57.4万件，环比下降0.7%、同比增长81.1%；各地网信举报工作部门受理举报62.5万件，环比下降6.1%、同比下降17.7%；全国主要网站平台受理举报1339.9万件，环比增长11.9%、同比增长19.0%。</span></p><p><section style=\"margin: 0px 0px 16px; padding: 0px; outline: currentcolor none 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(34, 34, 34); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; background-color: rgb(255, 255, 255); text-indent: 2em; visibility: visible;\"><span style=\"margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(51, 51, 51); visibility: visible;\">在全国主要网站平台受理的举报中，主要商业网站平台受理量占46.6%，达624.6万件。</span></section><section style=\"margin: 0px 0px 16px; padding: 0px; outline: currentcolor none 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(34, 34, 34); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; background-color: rgb(255, 255, 255); text-indent: 2em; visibility: visible;\"><span style=\"margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(51, 51, 51); visibility: visible;\">目前全国各主要网站平台不断畅通举报渠道、受理处置网民举报。欢迎广大网民积极参与网络综合治理，共同维护清朗网络空间。</span></section><section style=\"margin: 0px 0px 16px; padding: 0px; outline: currentcolor none 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(34, 34, 34); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; background-color: rgb(255, 255, 255); text-indent: 2em; visibility: visible;\"><span style=\"margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(51, 51, 51); visibility: visible;\">举报电话：12377</span></section><section style=\"margin: 0px 0px 16px; padding: 0px; outline: currentcolor none 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(34, 34, 34); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; background-color: rgb(255, 255, 255); text-indent: 2em; visibility: visible;\"><span style=\"margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(51, 51, 51); visibility: visible;\">举报网址：www.12377.cn</span></section><section style=\"margin: 0px 0px 16px; padding: 0px; outline: currentcolor none 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(34, 34, 34); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; background-color: rgb(255, 255, 255); text-indent: 2em; visibility: visible;\"><span style=\"margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(51, 51, 51); visibility: visible;\">官方微博、微信公众号：中央网信办举报中心</span></section><section style=\"margin: 0px 0px 16px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(34, 34, 34); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; background-color: rgb(255, 255, 255); text-indent: 2em; visibility: visible;\"><span style=\"margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(51, 51, 51); visibility: visible;\">举报客户端：网络举报</span></section></p>'
}
},
methods: {
handleClick(val) {
wx.navigateTo({
url: '/packageB/messageDetail/messageDetail'
})
// const url = 'https://www.xjwljb.com/bulletin/newInfo'
// const url = 'https://www.xjwljb.com/hotspot/newInfo?id=431bdce525f4dc995629c55988512fb4&catalogId=5fb0f6d7e66cdabaa70ad18465462a6e'
// wx.navigateTo({
// url: '/packageC/rumorWebView/rumorWebView?url=' + encodeURIComponent(url)
// })
}
}
}
</script>
<style lang="scss" scoped>
@import '../../common/variables.scss';
.egersis-list {
width: 100%;
box-sizing: border-box;
.egersis-item {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 240rpx;
padding: 20rpx 32rpx;
background-color: #fff;
box-sizing: border-box;
margin-top: 32rpx;
border-radius: 16rpx;
box-shadow: 2rpx 2rpx 8rpx rgba(0, 0, 0, 0.2);
.left {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-right: 20rpx;
.title {
font-size: 32rpx;
color: #000;
font-weight: 600;
@include exceeding-line-overflow(3);
}
.time {
font-size: 28rpx;
color: #c1c1c1;
}
}
.right {
width: 100rpx;
height: 100rpx;
}
}
}
</style>
