|
|
@@ -0,0 +1,600 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+
|
|
|
+ <div class="box_1" v-if="componentStyle == 1">
|
|
|
+
|
|
|
+ <h4 class="ul_head">
|
|
|
+ <!-- <span class="ul_head_only">名优品牌</span>
|
|
|
+ <span class=" ">民生调研</span> -->
|
|
|
+
|
|
|
+ <span class="ul_head_only">{{name}}</span>
|
|
|
+
|
|
|
+ </h4>
|
|
|
+
|
|
|
+ <div class="box_1_in">
|
|
|
+ <div class="box_1_card">
|
|
|
+
|
|
|
+ <div class="img_ul">
|
|
|
+ <div class="img_ul_li" v-for="(item,index) in pageData.slice(0,3)">
|
|
|
+ <img class="" :src="item.src" title="" alt="">
|
|
|
+ <span class="img_ul_li_dot1"> {{ item.title }} </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="ul_box">
|
|
|
+
|
|
|
+ <div class="ul_li" v-for="(item,index) in pageData.slice(0,10)">
|
|
|
+ <a class=" " href="" title="">
|
|
|
+ <div class="ul_li_time"> {{ item.time }} </div>
|
|
|
+ <div class="ul_li_dot1"> {{ item.title }} </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="box_2" v-if="componentStyle == 2">
|
|
|
+
|
|
|
+ <h4 class="ul_head">
|
|
|
+ <!-- <span class="ul_head_only">名优品牌</span>
|
|
|
+ <span class=" ">民生调研</span> -->
|
|
|
+
|
|
|
+ <span class="ul_head_only">{{name}}</span>
|
|
|
+
|
|
|
+ </h4>
|
|
|
+
|
|
|
+ <div class="box_1_in">
|
|
|
+ <div class="box_1_card">
|
|
|
+
|
|
|
+ <div class="img_ul">
|
|
|
+ <div class="img_ul_li" v-for="(item,index) in pageData.slice(0,3)">
|
|
|
+ <img class="" :src="item.src" title="" alt="">
|
|
|
+ <span class="img_ul_li_dot1"> {{ item.title }} </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="ul_box">
|
|
|
+
|
|
|
+ <div class="ul_li" v-for="(item,index) in pageData.slice(0,10)">
|
|
|
+ <a class=" " href="" title="">
|
|
|
+ <div class="ul_li_time"> {{ item.time }} </div>
|
|
|
+ <div class="ul_li_dot1"> {{ item.title }} </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="box_3" v-if="componentStyle == 3">
|
|
|
+
|
|
|
+ <h4 class="ul_head">
|
|
|
+ <span class="ul_head_only">{{name}}</span>
|
|
|
+
|
|
|
+ </h4>
|
|
|
+
|
|
|
+ <div class="box_1_in">
|
|
|
+ <div class="box_1_card">
|
|
|
+
|
|
|
+ <div class="img_ul">
|
|
|
+ <div class="img_ul_li" v-for="(item,index) in pageData.slice(0,3)">
|
|
|
+ <img class="" :src="item.src" title="" alt="">
|
|
|
+ <span class="img_ul_li_dot1"> {{ item.title }} </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="ul_box">
|
|
|
+
|
|
|
+ <div class="ul_li" v-for="(item,index) in pageData.slice(0,10)">
|
|
|
+ <a class=" " href="" title="">
|
|
|
+ <div class="ul_li_time"> {{ item.time }} </div>
|
|
|
+ <div class="ul_li_dot1"> {{ item.title }} </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="box_4" v-if="componentStyle == 4">
|
|
|
+
|
|
|
+ <h4 class="ul_head">
|
|
|
+ <!-- <span class="ul_head_only">名优品牌</span>
|
|
|
+ <span class=" ">民生调研</span> -->
|
|
|
+
|
|
|
+ <span class="ul_head_only">{{name}}</span>
|
|
|
+
|
|
|
+ </h4>
|
|
|
+
|
|
|
+ <div class="box_1_in">
|
|
|
+ <div class="box_1_card">
|
|
|
+
|
|
|
+ <div class="img_ul">
|
|
|
+ <div class="img_ul_li" v-for="(item,index) in pageData.slice(0,3)">
|
|
|
+ <img class="" :src="item.src" title="" alt="">
|
|
|
+ <span class="img_ul_li_dot1"> {{ item.title }} </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="ul_box">
|
|
|
+
|
|
|
+ <div class="ul_li" v-for="(item,index) in pageData.slice(0,10)">
|
|
|
+ <a class=" " href="" title="">
|
|
|
+ <div class="ul_li_time"> {{ item.time }} </div>
|
|
|
+ <div class="ul_li_dot1"> {{ item.title }} </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="box_5" v-if="componentStyle == 5">
|
|
|
+
|
|
|
+
|
|
|
+ <h4 class="ul_head">
|
|
|
+ <!-- <span class="ul_head_only">名优品牌</span>
|
|
|
+ <span class=" ">民生调研</span> -->
|
|
|
+
|
|
|
+ <span :class="{ul_head_only: ul_head_only == 0}" @click="ul_head_only = 0">{{name1}}</span>
|
|
|
+ <span :class="{ul_head_only: ul_head_only == 1}" @click="ul_head_only = 1">{{name2}}</span>
|
|
|
+
|
|
|
+ </h4>
|
|
|
+
|
|
|
+ <div class="box_1_in">
|
|
|
+ <div class="box_1_card">
|
|
|
+
|
|
|
+ <div class="ul_box">
|
|
|
+
|
|
|
+ <div class="ul_li" v-for="(item,index) in pageData.slice(0,10)">
|
|
|
+ <a class=" " href="" title="">
|
|
|
+ <div class="ul_li_time"> {{ item.time }} </div>
|
|
|
+ <div class="ul_li_dot1"> {{ item.title }} </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="box_6" v-if="componentStyle == 6">
|
|
|
+
|
|
|
+
|
|
|
+ <h4 class="ul_head">
|
|
|
+ <!-- <span class="ul_head_only">名优品牌</span>
|
|
|
+ <span class=" ">民生调研</span> -->
|
|
|
+
|
|
|
+ <span :class="{ul_head_only: ul_head_only == 0}" @click="ul_head_only = 0">{{name1}}</span>
|
|
|
+ <span :class="{ul_head_only: ul_head_only == 1}" @click="ul_head_only = 1">{{name2}}</span>
|
|
|
+
|
|
|
+ </h4>
|
|
|
+
|
|
|
+ <div class="box_1_in">
|
|
|
+ <div class="box_1_card">
|
|
|
+
|
|
|
+ <div class="ul_box">
|
|
|
+
|
|
|
+ <div class="ul_li" v-for="(item,index) in pageData.slice(0,10)">
|
|
|
+ <a class=" " href="" title="">
|
|
|
+ <div class="ul_li_time"> {{ item.time }} </div>
|
|
|
+ <div class="ul_li_dot1"> {{ item.title }} </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ props: {
|
|
|
+ name:{
|
|
|
+ type:String,
|
|
|
+ default:""
|
|
|
+ },
|
|
|
+ componentStyle:{
|
|
|
+ type:Number,
|
|
|
+ default:0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeTab:0,
|
|
|
+ ul_head_only:0,
|
|
|
+ pageData:[
|
|
|
+ {year:"2024-05",day:"05",title:"国际观察：以对历史文明的敬重促进中美民心相通",time:"2025-02-17",text:"近日，中国驻美国使馆在华盛顿代表中方接收美方民间机构代表、莫里斯艺术法律事务所代为返还的虎型牌饰文物。此次返还 的虎型牌饰文物具有典型的鄂尔多斯青铜艺术风格，是春秋至战国时期中国北方草原文物的重要代表，对于研究中国古代草原 文化与族群交流具有重要意义。",src:"http://192.168.1.234:19000/pre/image/jpeg/20251223/1766485965938177.jpg"},
|
|
|
+ {year:"2019-10",day:"10",title:"津”彩上合｜各方高度评价天津峰会：推动构建“上合大家庭”更加美好的未来",time:"2025-02-17",text:"2025年上合组织峰会于8月31日至9月1日在天津市举行。这是中国第五次主办上合组织峰会，也是上合组织成立以来规模最 大的一次峰会。上合组织天津峰会吸引全球目光，获得各方高度关注和积极评价",src:"http://192.168.1.234:19000/pre/image/jpeg/20251223/1766479633372863.jpg"},
|
|
|
+ {year:"2020-01",day:"01",title:"习近平新时代中国特色社会主义思想教育培训走深走实的重大举措",time:"2025-02-21",text:"习近平新时代中国特色社会主义思想教育培训走深走实的重大举措习近平新时代中国特色社会主义思想教育培训走深走实的重大举措",src:"http://192.168.1.234:19000/pre/image/jpeg/20251223/17664691719166.jpg"},
|
|
|
+ {year:"2021-02",day:"02",title:"高市早苗内阁成立 兼顾力量平衡且保守色彩浓厚",time:"2025-02-20",text:"在主要岗位上，高市任命与其政治理念相近的保守派人士、前防卫大臣木原稔出任官房长官。自民党前干事长茂木敏充、前农林水产大臣小泉进次郎和前官房长官林芳正分别出任外务大臣、防卫大臣和总务大臣。他们此前在自民党总裁选举中曾与高市竞争。舆论认为，高市此举意在兼顾党内派阀平衡、促进内部团结，从而巩固自身的执政基础",src:"http://192.168.1.234:19000/pre/image/jpeg/20251223/1766477567550742.jpg"},
|
|
|
+ {year:"2022-03",day:"03",title:"中国援老医疗专家完成老挝首例FCB球囊视网膜脱离复位术",time:"2025-02-19",text:"人民网曼谷10月17日电 （记者杨一）万象消息：中国军队第十三批援老医疗队专家近日在老挝首都万象103医院，采用经中 老双方多人跨境传递带来的中国最新专利FCB球囊，成功为一名老挝患者实施了视网膜脱离复位手术。",src:"http://192.168.1.234:19000/pre/image/jpeg/20251223/1766478289365709.jpg"},
|
|
|
+ {year:"2023-04",day:"04",title:"美国高盛集团等研究报告显示——关税政策对美国消费者影响日渐凸显",time:"2025-02-18",text:"高盛集团的报告还指出，美国政府通过一系列关税及贸易限制措施打乱了全球贸易秩序，尽管美国政府官员坚称贸易伙伴会承 担关税成本，但实际情况是美国进口商需向美国海关及边境保护局缴纳关税，而当企业将关税成本转嫁时，消费者将面临更高 的商品价格。",src:"http://192.168.1.234:19000/pre/image/jpeg/20251223/1766479649422031.jpg"},
|
|
|
+ {year:"2025-06",day:"06",title:"中国式现代化是实干出来的现代化（国际论坛）",time:"2025-02-21",text:"每一个五年规划的制定与落实，都凝结了顶层设计、制度执行与社会动员的合力，使中国的现代化建设具有连续性与可预期性",src:""},
|
|
|
+ {year:"2016-07",day:"07",title:"国际观察：心手相连、命运与共，中拉妇女合作契若金兰",time:"2025-02-20",text:"30年前，北京世界妇女大会成功举行，“以行动谋求平等、发展与和平”的共识响彻会场、激荡世界。30年来，中国始终恪 守承诺、践行责任担当，在推动自身妇女事业取得历史性成就的同时，也为包括拉美和加勒比在内的全球妇女事业发展作出重 要贡献。时隔30年，全球妇女峰会再次回到北京，这既是世界对中国的肯定，也是对中国的期许。",src:""},
|
|
|
+ {year:"2017-08",day:"08",title:"严厉打击编造传播网络谣言！公安部公布5起典型案例",time:"2025-02-19",text:"严厉打击编造传播网络谣言！公安部公布5起典型案例",src:""},
|
|
|
+ {year:"2018-09",day:"09",title:"国际观察：全球发展倡议为重振全球发展事业注入新动能",time:"2025-02-18",text:"近日，中方在纽约联合国总部主办全球发展倡议高级别会议，宣布携手各方落实全球发展倡议的新举措。",src:""},
|
|
|
+ {year:"2012-11",day:"02",title:"美媒：“与维基百科竞争”，马斯克推出AI编写的百科全书Grokipedia",time:"2025-02-18",text:"美媒：“与维基百科竞争”，马斯克推出AI编写的百科全书Grokipedia",src:""},
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="less">
|
|
|
+ .tabsNewsBox{display:none;}
|
|
|
+
|
|
|
+ .box_1{
|
|
|
+
|
|
|
+ .ul_head{height:47px;border-bottom:solid 1px #93969A;border-top:solid 1px #DCDDDF;margin:0px;box-sizing:border-box;}
|
|
|
+
|
|
|
+ .ul_head *{float:left;height:100%;line-height:47px;box-sizing:border-box;
|
|
|
+ font-weight:bold;color:#333;font-size:20px;margin-right:30px;}
|
|
|
+
|
|
|
+ .ul_head .ul_head_only{color:#A72213;border-bottom:solid 2px #A72213;}
|
|
|
+
|
|
|
+ .box_1_in{}
|
|
|
+ .box_1_card{overflow:hidden;margin-top:19px;}
|
|
|
+ .img_ul{width:185px;float:left;}
|
|
|
+ .img_ul_li{width:100%;height:130px;position:relative;margin-bottom:20px;}
|
|
|
+ .img_ul_li:nth-last-of-type(1){margin-bottom:0px;}
|
|
|
+ .img_ul_li img{display:block;width:100%;height:100%;}
|
|
|
+ .img_ul_li_dot1{position:absolute;bottom:0px;left:0px;width:100%;
|
|
|
+ height:30px;line-height:30px;text-align:center;font-size:12px;
|
|
|
+ color:#fff; box-sizing:border-box;
|
|
|
+ padding:0px 21px;
|
|
|
+ background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));
|
|
|
+ word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ul_box{width:585px;float:right;}
|
|
|
+ .ul_li{ height:21px;margin-bottom:24px;}
|
|
|
+ .ul_li_time{ float:right;min-width:47px;height:21px;line-height:21px;font-size:16px;color:#999;margin-left:44px;}
|
|
|
+ .ul_li_dot1{ height:21px;line-height:21px;font-size:16px;color:#333;position:relative;text-indent:16px;
|
|
|
+ word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+ .ul_li:nth-last-of-type(1){margin-bottom:0px;}
|
|
|
+ .ul_li:nth-of-type(5n-4) *{font-weight:bold; }
|
|
|
+
|
|
|
+ .ul_li_dot1::before{content:"";position:absolute;top:7px;left:0px;width:6px;height:6px;
|
|
|
+ background-color:#F2F2F2;}
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_2{
|
|
|
+
|
|
|
+ .ul_head{height:47px;border-bottom:solid 1px #93969A;border-top:solid 1px #DCDDDF;margin:0px;box-sizing:border-box;}
|
|
|
+
|
|
|
+ .ul_head *{float:left;height:100%;line-height:47px;box-sizing:border-box;
|
|
|
+ font-weight:bold;color:#333;font-size:20px;margin-right:30px;}
|
|
|
+
|
|
|
+ .ul_head .ul_head_only{color:#A72213;border-bottom:solid 2px #A72213;}
|
|
|
+
|
|
|
+ .box_1_in{}
|
|
|
+ .box_1_card{overflow:hidden;margin-top:19px;}
|
|
|
+ .img_ul{width:185px;float:right;}
|
|
|
+ .img_ul_li{width:100%;height:130px;position:relative;margin-bottom:20px;}
|
|
|
+ .img_ul_li:nth-last-of-type(1){margin-bottom:0px;}
|
|
|
+ .img_ul_li img{display:block;width:100%;height:100%;}
|
|
|
+ .img_ul_li_dot1{position:absolute;bottom:0px;left:0px;width:100%;
|
|
|
+ height:30px;line-height:30px;text-align:center;font-size:12px;
|
|
|
+ color:#fff; box-sizing:border-box;
|
|
|
+ padding:0px 21px;
|
|
|
+ background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));
|
|
|
+ word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ul_box{width:585px;float:left;}
|
|
|
+ .ul_li{ height:21px;margin-bottom:24px;}
|
|
|
+ .ul_li_time{ float:right;min-width:47px;height:21px;line-height:21px;font-size:16px;color:#999;margin-left:44px;}
|
|
|
+ .ul_li_dot1{ height:21px;line-height:21px;font-size:16px;color:#333;position:relative;text-indent:16px;
|
|
|
+ word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+ .ul_li:nth-last-of-type(1){margin-bottom:0px;}
|
|
|
+ .ul_li:nth-of-type(5n-4) *{font-weight:bold; }
|
|
|
+ .ul_li_dot1::before{content:"";position:absolute;top:7px;left:0px;width:6px;height:6px;
|
|
|
+ background-color:#F2F2F2;}
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .box_3{
|
|
|
+ .ul_head{height:47px;border-bottom:solid 1px #93969A;border-top:solid 1px #DCDDDF;margin:0px;box-sizing:border-box;}
|
|
|
+
|
|
|
+ .ul_head *{float:left;height:100%;line-height:47px;box-sizing:border-box;
|
|
|
+ font-weight:bold;color:#333;font-size:20px;margin-right:30px;}
|
|
|
+
|
|
|
+ .ul_head .ul_head_only{color:#A72213;border-bottom:solid 2px #A72213;}
|
|
|
+
|
|
|
+ .box_1_in{}
|
|
|
+ .box_1_card{overflow:hidden;margin-top:19px;}
|
|
|
+ .img_ul{width:185px;float:left;}
|
|
|
+ .img_ul_li{width:100%;height:130px;position:relative;margin-bottom:20px;}
|
|
|
+ .img_ul_li:nth-last-of-type(1){margin-bottom:0px;}
|
|
|
+ .img_ul_li img{display:block;width:100%;height:100%;}
|
|
|
+ .img_ul_li_dot1{position:absolute;bottom:0px;left:0px;width:100%;
|
|
|
+ height:30px;line-height:30px;text-align:center;font-size:12px;
|
|
|
+ color:#fff; box-sizing:border-box;
|
|
|
+ padding:0px 21px;
|
|
|
+ background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));
|
|
|
+ word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ul_box{width:585px;float:right;}
|
|
|
+ .ul_li{ height:21px;margin-bottom:24px;}
|
|
|
+ .ul_li_time{ float:right;min-width:47px;height:21px;line-height:21px;font-size:16px;color:#999;margin-left:44px;}
|
|
|
+ .ul_li_dot1{ height:21px;line-height:21px;font-size:16px;color:#333;position:relative;text-indent:16px;
|
|
|
+ word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+ .ul_li:nth-last-of-type(1){margin-bottom:0px;}
|
|
|
+
|
|
|
+ .ul_li_dot1::before{content:"";position:absolute;top:7px;left:0px;width:6px;height:6px;
|
|
|
+ background-color:#F2F2F2;}
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .box_4{
|
|
|
+
|
|
|
+ .ul_head{height:47px;border-bottom:solid 1px #93969A;border-top:solid 1px #DCDDDF;margin:0px;box-sizing:border-box;}
|
|
|
+
|
|
|
+ .ul_head *{float:left;height:100%;line-height:47px;box-sizing:border-box;
|
|
|
+ font-weight:bold;color:#333;font-size:20px;margin-right:30px;}
|
|
|
+
|
|
|
+ .ul_head .ul_head_only{color:#A72213;border-bottom:solid 2px #A72213;}
|
|
|
+
|
|
|
+ .box_1_in{}
|
|
|
+ .box_1_card{overflow:hidden;margin-top:19px;}
|
|
|
+ .img_ul{width:185px;float:right;}
|
|
|
+ .img_ul_li{width:100%;height:130px;position:relative;margin-bottom:20px;}
|
|
|
+ .img_ul_li:nth-last-of-type(1){margin-bottom:0px;}
|
|
|
+ .img_ul_li img{display:block;width:100%;height:100%;}
|
|
|
+ .img_ul_li_dot1{position:absolute;bottom:0px;left:0px;width:100%;
|
|
|
+ height:30px;line-height:30px;text-align:center;font-size:12px;
|
|
|
+ color:#fff; box-sizing:border-box;
|
|
|
+ padding:0px 21px;
|
|
|
+ background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));
|
|
|
+ word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ul_box{width:585px;float:left;}
|
|
|
+ .ul_li{ height:21px;margin-bottom:24px;}
|
|
|
+ .ul_li_time{ float:right;min-width:47px;height:21px;line-height:21px;font-size:16px;color:#999;margin-left:44px;}
|
|
|
+ .ul_li_dot1{ height:21px;line-height:21px;font-size:16px;color:#333;position:relative;text-indent:16px;
|
|
|
+ word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+ .ul_li:nth-last-of-type(1){margin-bottom:0px;}
|
|
|
+
|
|
|
+ .ul_li_dot1::before{content:"";position:absolute;top:7px;left:0px;width:6px;height:6px;
|
|
|
+ background-color:#F2F2F2;}
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .box_5{
|
|
|
+
|
|
|
+ .ul_head{height:47px;border-bottom:solid 1px #93969A;border-top:solid 1px #DCDDDF;margin:0px;box-sizing:border-box;}
|
|
|
+
|
|
|
+ .ul_head *{float:left;height:100%;line-height:47px;box-sizing:border-box;
|
|
|
+ font-weight:bold;color:#333;font-size:20px;margin-right:30px;}
|
|
|
+
|
|
|
+ .ul_head .ul_head_only{color:#A72213;border-bottom:solid 2px #A72213;}
|
|
|
+
|
|
|
+ .box_1_in{}
|
|
|
+ .box_1_card{overflow:hidden;margin-top:19px;}
|
|
|
+
|
|
|
+ .ul_box{width:100%;}
|
|
|
+ .ul_li{ height:21px;margin-bottom:24px;}
|
|
|
+ .ul_li_time{ float:right;min-width:47px;height:21px;line-height:21px;font-size:16px;color:#999;margin-left:44px;}
|
|
|
+ .ul_li_dot1{ height:21px;line-height:21px;font-size:16px;color:#333;position:relative;text-indent:16px;
|
|
|
+ word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+ .ul_li:nth-last-of-type(1){margin-bottom:0px;}
|
|
|
+ .ul_li:nth-of-type(5n-4) *{font-weight:bold; }
|
|
|
+
|
|
|
+ .ul_li_dot1::before{content:"";position:absolute;top:7px;left:0px;width:6px;height:6px;
|
|
|
+ background-color:#F2F2F2;}
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_6{
|
|
|
+
|
|
|
+ .ul_head{height:47px;border-bottom:solid 1px #93969A;border-top:solid 1px #DCDDDF;margin:0px;box-sizing:border-box;}
|
|
|
+
|
|
|
+ .ul_head *{float:left;height:100%;line-height:47px;box-sizing:border-box;
|
|
|
+ font-weight:bold;color:#333;font-size:20px;margin-right:30px;}
|
|
|
+
|
|
|
+ .ul_head .ul_head_only{color:#A72213;border-bottom:solid 2px #A72213;}
|
|
|
+
|
|
|
+ .box_1_in{}
|
|
|
+ .box_1_card{overflow:hidden;margin-top:19px;}
|
|
|
+
|
|
|
+ .ul_box{width:100%;}
|
|
|
+ .ul_li{ height:21px;margin-bottom:24px;}
|
|
|
+ .ul_li_time{ float:right;min-width:47px;height:21px;line-height:21px;font-size:16px;color:#999;margin-left:44px;}
|
|
|
+ .ul_li_dot1{ height:21px;line-height:21px;font-size:16px;color:#333;position:relative;text-indent:16px;
|
|
|
+ word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
|
|
|
+ }
|
|
|
+ .ul_li:nth-last-of-type(1){margin-bottom:0px;}
|
|
|
+
|
|
|
+ .ul_li_dot1::before{content:"";position:absolute;top:7px;left:0px;width:6px;height:6px;
|
|
|
+ background-color:#F2F2F2;}
|
|
|
+ }
|
|
|
+
|
|
|
+//基本样式
|
|
|
+.tabsNewsBox {
|
|
|
+ .tabsNewsTitle {
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: flex-start;
|
|
|
+ border-bottom: 1px solid #999999;
|
|
|
+ height: 38px;
|
|
|
+ div {
|
|
|
+ height:35px;
|
|
|
+ width: 138px;
|
|
|
+ line-height: 32px;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ cursor: pointer;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ &.activeTab {
|
|
|
+ color: #3848A0;
|
|
|
+ background: url("https://img.bjzxtw.org.cn/pre/image/png/20251104/1762224944805589.png") bottom left no-repeat;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .tabsNewsContent {
|
|
|
+ .textTop{
|
|
|
+ display: flex;
|
|
|
+ height: 100px;
|
|
|
+ padding-left: 0;
|
|
|
+ div{
|
|
|
+ background: #fff;
|
|
|
+ padding-left: 0;
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+ .time{
|
|
|
+ display: block;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ background: #eaf3ff;
|
|
|
+ padding: 0 12px ;
|
|
|
+ div{
|
|
|
+ background-color: #eaf3ff;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .day{
|
|
|
+ width: 100%;
|
|
|
+ height: 57px;
|
|
|
+ line-height: 57px;
|
|
|
+ font-size: 38px;
|
|
|
+ color: #3848A0;
|
|
|
+ text-align: center;
|
|
|
+ border-bottom: 1px solid #3848A0;
|
|
|
+ }
|
|
|
+ .month{
|
|
|
+ width: 100%;
|
|
|
+ height: 43px;
|
|
|
+ line-height: 43px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #3848A0;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .text{
|
|
|
+ width: 615px;
|
|
|
+ height: 100px;
|
|
|
+ display: block;
|
|
|
+ margin-right: 50px;
|
|
|
+ .title{
|
|
|
+ width: 100%;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .content{
|
|
|
+ width: 100%;
|
|
|
+ max-height: 63px;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ div {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-top: 20px;
|
|
|
+ height: 21px;
|
|
|
+ line-height: 21px;
|
|
|
+ color: #333333;
|
|
|
+ cursor: pointer;
|
|
|
+ span {
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //样式1,2
|
|
|
+ .style1,
|
|
|
+ .style2 {
|
|
|
+ div {
|
|
|
+ padding-left: 16px;
|
|
|
+ background: url("https://img.bjzxtw.org.cn/pre/image/jpeg/20251104/1762226432153586.jpg") no-repeat left center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //样式3,4
|
|
|
+ .style3,
|
|
|
+ .style4 {
|
|
|
+ div {
|
|
|
+ padding-left: 16px;
|
|
|
+ background: url("https://img.bjzxtw.org.cn/pre/image/png/20251104/1762226842166040.png") no-repeat left center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 下边框为虚线
|
|
|
+ .dashed {
|
|
|
+ border:dashed 1px #999999;
|
|
|
+ }
|
|
|
+ //样式5,6
|
|
|
+ .style5,
|
|
|
+ .style6 {
|
|
|
+ div {
|
|
|
+ padding-left: 16px;
|
|
|
+ background: url("https://img.bjzxtw.org.cn/pre/image/jpeg/20251104/1762226432153586.jpg") no-repeat left center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //样式7,8
|
|
|
+ .style7,
|
|
|
+ .style8 {
|
|
|
+ div {
|
|
|
+ padding-left: 16px;
|
|
|
+ background: url("https://img.bjzxtw.org.cn/pre/image/png/20251104/1762226842166040.png") no-repeat left center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
