From 2d1e485d56fbc736b2156347a0e6d602cd048547 Mon Sep 17 00:00:00 2001 From: tanghaolin <1723298894@qq.com> Date: 星期三, 23 四月 2025 17:42:58 +0800 Subject: [PATCH] 修改主页新闻列表 --- src/views/CompanyDeclare.vue | 875 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 875 insertions(+), 0 deletions(-) diff --git a/src/views/CompanyDeclare.vue b/src/views/CompanyDeclare.vue new file mode 100644 index 0000000..4418994 --- /dev/null +++ b/src/views/CompanyDeclare.vue @@ -0,0 +1,875 @@ +<template> + <div class="flex flex-col"> + <div class="flex box_1 flex-col"> + <div class="text_1 "><span class="text-[#000] text-[16px]" style="cursor: pointer" @click="router.go(-1)">棣栭〉</span><span class="text-[16px]"> > 鍗忓姪浼佷笟鐢虫姤琛ヨ创娴佺▼</span></div> + <span class="text_2">骞冲彴鐢虫姤娴佺▼</span> + <div class="text-wrapper_1"> + <span class="text_3">2025骞达紝涓婃捣甯傚伐涓氶�氫俊涓氱敤鑳借澶囨洿鏂颁笓椤规壎鎸佽祫閲戦」鐩紑濮嬪疄鏂斤紝绗﹀悎鏉′欢鐨勪紒涓氭渶楂樺彲鑾�</span> + <span class="text_4">1000</span> + <span class="text_5">涓囧厓璁惧琛ヨ创銆�</span> + </div> + <span + class="paragraph_1">鈥滃伐鏁堟眹鑱氬钩鍙扳�濇槸涓婃捣甯傜粡淇″鍙戝竷鐨勪笓鐢ㄥ伐涓氬搧渚涘簲閾惧钩鍙颁箣涓�锛�<br />鐜颁负鏈�缁堢敤鎴蜂紒涓氭彁渚涙湁鍏充笂娴峰競宸ヤ笟閫氫俊涓氱敤鑳借澶囨洿鏂颁笓椤规壎鎸佽祫閲戦」鐩敵鎶ョ殑鏈嶅姟銆�</span> + <div class="box_2 flex-row justify-between"> + <div class="group_1 flex-col"> + <div class="text-wrapper_2 flex-col"> + <span class="text_6">娉ㄥ唽\鐧诲叆</span> + </div> + </div> + <div class="group_2 flex-col"> + <div class="text-wrapper_3 flex-col"> + <span class="text_7">閫夋嫨鐢ㄦ埛韬唤</span> + </div> + </div> + </div> + <span class="text_8">鍙墠寰�浜嗚В瀹為檯杩涚▼</span> + <div class="box_3 flex-col"> + <div class="box_4 flex-row"> + <div class="group_3 flex-col"></div> + <div class="group_4 flex-col"> + <div class="box_5 flex-row"> + <div class="text-group_3 flex-col justify-between"> + <span class="text_21">绗洓姝�</span> + <span class="paragraph_4">骞冲彴杈呭鐢ㄦ埛瀹屽杽鏉愭枡锛�<br />杩涜鏀垮簻鐢虫姤</span> + </div> + </div> + <div class="image-wrapper_1 flex-col"> + <img class="image_2" referrerpolicy="no-referrer" + src="/static/img/declareIcon/shenqing_step4.png" /> + </div> + </div> + <div class="group_5 flex-col"> + <div class="section_1 flex-row"> + <div class="text-group_3 flex-col justify-between"> + <span class="text_21">绗簲姝�</span> + <span class="paragraph_4">鏀跨瓥琛ヨ创鍒颁綅锛�<br />骞冲彴鏀跺彇鏈嶅姟璐�</span> + </div> + </div> + <div class="image-wrapper_2 flex-col"> + <img class="image_3" referrerpolicy="no-referrer" + src="/static/img/declareIcon/shenqing_step5.png" /> + </div> + </div> + </div> + <div class="box_6 flex-row"> + <div class="group_6 flex-col"> + <div class="block_1 flex-col"></div> + </div> + </div> + </div> + <span class="text_12">鐢宠琛ㄦ牸鍐呭</span> + <span + class="text_13">骞冲彴鏍规嵁涓婃捣甯傜粡娴庡拰淇℃伅鍖栧鍛樹細鍙戝竷鐨勩�婁笂娴峰競缁忔祹淇℃伅鍖栧鍏充簬寮�灞� 2025 骞村害涓婃捣甯傚伐涓氶�氫俊涓氱敤鑳借澶囨洿鏂颁笓椤规壎鎸佽祫閲戦」鐩敵鎶ュ伐浣滅殑閫氱煡銆嬭璁′簡绠�娲佹槑浜嗙殑鐢宠琛ㄦ牸锛屼績杩涚敤鎴峰拰骞冲彴楂樻晥鍚堜綔</span> + <div class="box_7 flex-row justify-between"> + <img class="image_4" referrerpolicy="no-referrer" + src="/static/img/declareIcon/shenqing_QR_Code.png" /> + <div class="box_8 flex-col justify-between"> + <div class="text-wrapper_4 flex-col"> + <span class="text_14">鈥滀紒涓氫富浣撳熀鏈儏鍐碘�濋儴鍒�</span> + <span class="text_15">鍙渶濉啓涓�娆★紝鐢ㄦ埛闇�纭鎵�濉啓鍐呭涓庡疄闄呮儏鍐典竴鑷淬��</span> + </div> + <div class="text-wrapper_5 flex-col"> + <span class="text_16">鈥滅敤鑳借澶囧熀鏈儏鍐碘�濋儴鍒�</span> + <span class="text_17">鏍规嵁鐢ㄦ埛闇�姹傚彲濉啓澶氫唤锛岀敤鎴烽渶纭鎵�濉啓鍐呭涓庡疄闄呮儏鍐典竴鑷淬��</span> + </div> + </div> + </div> + <div class="box_9 flex-col"> + <span class="text_18">鐢宠琛ㄦ彁浜ゆ柟寮�</span> + <div class="text-wrapper_6"> + <span + class="paragraph_3">1.鐢靛瓙閭<br /> eventech@163.com<br /> 閭欢涓婚璇峰懡鍚嶄负鈥滀紒涓氬悕绉�+鐢宠琛ヨ创鈥�<br /><br />2.绾夸笅閭瘎鎴栭潰璁紙鑱旂郴鍦板潃鍙婅仈绯绘柟寮忚瑙佲��</span> + <span @click="clickContcatUs" class="text_19">鑱旂郴鎴戜滑鈥�</span> <span class="text_20">锛�</span> + </div> + </div> + <div class="box_10 flex-col"></div> + <div class="box_11 flex-row"> + <div class="text-group_3 flex-col justify-between"> + <span class="text_21">绗竴姝�</span> + <span class="paragraph_4">鐢ㄦ埛涓嬭浇骞跺~鍐欒〃鏍硷紝<br />鍙戦�佽嚦骞冲彴鏂�</span> + </div> + </div> + <div class="box_12 flex-row"> + <div class="text-group_3 flex-col justify-between"> + <span class="text_21">绗簩姝�</span> + <span class="paragraph_4">骞冲彴鍐呴儴瀹℃牳鐢宠琛紝<br />鍒嗘瀽鐢ㄦ埛琛ヨ创鐢宠闅惧害</span> + </div> + </div> + <div class="box_13 flex-row"> + <div class="text-group_3 flex-col justify-between"> + <span class="text_21">绗笁姝�</span> + <span class="paragraph_4">骞冲彴鍐冲畾鍙楃悊锛屼笌鐢ㄦ埛<br />绛捐鍚堝悓銆佸鎺ユ潗鏂�</span> + </div> + </div> + <div class="image-wrapper_3 flex-col"> + <img class="image_5" referrerpolicy="no-referrer" + src="/static/img/declareIcon/shenqing_step1.png" /> + </div> + <div class="image-wrapper_4 flex-col"> + <img class="image_6" referrerpolicy="no-referrer" + src="/static/img/declareIcon/shenqing_step2.png" /> + </div> + <div class="image-wrapper_5 flex-col"> + <img class="image_7" referrerpolicy="no-referrer" + src="/static/img/declareIcon/shenqing_step3.png" /> + </div> + </div> + </div> +</template> + +<script setup> +import { useRoute,useRouter } from 'vue-router'; +const router = useRouter(); +const route = useRoute(); + +const clickContcatUs = ()=>{ + router.push('/contact-us') +} +</script> + +<style lang="scss" scoped> +.flex-row { + display: flex; + flex-direction: row; +} + +.page { + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 1); + position: relative; + width: 1920px; + height: 3558px; + border-width: 1px; + border: 1px solid rgba(0, 0, 0, 1); + overflow: hidden; +} + +.image_1 { + width: 1920px; + height: 141px; +} + +.box_1 { + position: relative; + width: 1920px; + height: 3136px; +} + +.text_1 { + width: 326px; + height: 36px; + overflow-wrap: break-word; + color: rgba(137, 137, 137, 1); + font-size: 25px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 36px; + margin: 32px 0 0 250px; +} + +.text_2 { + width: 330px; + height: 80px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 55px; + font-family: Source Han Sans-Heavy; + font-weight: 900; + text-align: left; + white-space: nowrap; + line-height: 80px; + margin: 55px 0 0 795px; +} + +.text-wrapper_1 { + width: 1270px; + height: 52px; + overflow-wrap: break-word; + font-size: 0; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + line-height: 35px; + margin: 13px 0 0 329px; +} + +.text_3 { + width: 1270px; + height: 52px; + overflow-wrap: break-word; + color: rgba(101, 101, 101, 1); + font-size: 24px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + line-height: 35px; +} + +.text_4 { + width: 1262px; + height: 52px; + overflow-wrap: break-word; + color: rgba(207, 100, 100, 1); + font-size: 36px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + white-space: nowrap; + line-height: 52px; +} + +.text_5 { + width: 1262px; + height: 52px; + overflow-wrap: break-word; + color: rgba(101, 101, 101, 1); + font-size: 24px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + line-height: 35px; +} + +.paragraph_1 { + width: 960px; + height: 70px; + overflow-wrap: break-word; + color: rgba(101, 101, 101, 1); + font-size: 24px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + line-height: 35px; + margin-left: 480px; +} + +.box_2 { + width: 771px; + height: 92px; + margin: 60px 0 0 575px; +} + +.group_1 { + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); + height: 92px; + width: 350px; + border-radius: 10px; +} + +.text-wrapper_2 { + background-color: rgba(1, 57, 143, 1); + border-radius: 10px; + height: 92px; + width: 350px; + display: flex; + justify-content: center; + align-items: center; +} + +.text_6 { + width: 184px; + height: 58px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 36px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + white-space: nowrap; + line-height: 52px; +} + +.group_2 { + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); + height: 92px; + width: 350px; + border-radius: 10px; +} + +.text-wrapper_3 { + background-color: rgba(216, 216, 216, 1); + border-radius: 10px; + height: 92px; + width: 350px; + display: flex; + justify-content: center; + align-items: center; +} + +.text_7 { + width: 232px; + height: 58px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 36px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + white-space: nowrap; + line-height: 52px; +} + +.text_8 { + width: 222px; + height: 42px; + overflow-wrap: break-word; + color: rgba(98, 111, 176, 1); + font-size: 24px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: left; + white-space: nowrap; + line-height: 35px; + margin: 13px 0 0 1060px; +} + +.box_3 { + background-color: rgba(1, 57, 143, 1); + height: 723px; + width: 1599px; + margin: 235px 0 0 161px; +} + +.box_4 { + width: 1079px; + height: 374px; + margin: 242px 0 0 201px; +} + +.group_3 { + width: 34px; + height: 53px; + margin-top: 52px; +} + +.group_4 { + position: relative; + width: 449px; + height: 369px; + margin: 5px 0 0 90px; +} + +.box_5 { + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 1); + width: 449px; + height: 285px; + margin-top: 84px; +} + +.text-group_1 { + width: 274px; + height: 140px; + margin: 81px 0 0 88px; +} + +.text_9 { + width: 108px; + height: 52px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 36px; + font-family: Source Han Sans-Heavy; + font-weight: 900; + text-align: left; + white-space: nowrap; + line-height: 52px; + margin-left: 83px; +} + +.text_10 { + width: 274px; + height: 70px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 25px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + line-height: 36px; + margin-top: 18px; +} + +.image-wrapper_1 { + background-color: rgba(72, 116, 183, 1); + border-radius: 50%; + height: 148px; + width: 148px; + position: absolute; + left: 151px; + top: 0; +} + +.image_2 { + width: 62px; + height: 62px; + margin: 43px 0 0 43px; +} + +.group_5 { + position: relative; + width: 449px; + height: 374px; + margin-left: 57px; +} + +.section_1 { + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 1); + width: 449px; + height: 285px; + margin-top: 89px; +} + +.text-group_2 { + width: 274px; + height: 140px; + margin: 76px 0 0 88px; +} + +.text_11 { + width: 108px; + height: 52px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 36px; + font-family: Source Han Sans-Heavy; + font-weight: 900; + text-align: left; + white-space: nowrap; + line-height: 52px; + margin-left: 83px; +} + +.paragraph_2 { + width: 274px; + height: 70px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 25px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + line-height: 36px; + margin-top: 18px; +} + +.image-wrapper_2 { + background-color: rgba(72, 116, 183, 1); + border-radius: 50%; + height: 148px; + width: 148px; + position: absolute; + left: 151px; + top: 0; +} + +.image_3 { + width: 62px; + height: 62px; + margin: 43px 0 0 43px; +} + +.box_6 { + width: 34px; + height: 53px; + margin: 0 0 54px 1402px; +} + +.group_6 { + height: 53px; + width: 34px; +} + +.block_1 { + width: 34px; + height: 53px; +} + +.text_12 { + width: 334px; + height: 80px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 55px; + font-family: Source Han Sans-Heavy; + font-weight: 900; + text-align: left; + white-space: nowrap; + line-height: 80px; + margin: 107px 0 0 780px; +} + +.text_13 { + width: 1267px; + height: 70px; + overflow-wrap: break-word; + color: rgba(101, 101, 101, 1); + font-size: 24px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + line-height: 35px; + margin: 24px 0 0 313px; +} + +.box_7 { + width: 1261px; + height: 452px; + margin: 91px 0 0 347px; +} + +.image_4 { + width: 250px; + height: 250px; + margin-top: 102px; +} + +.box_8 { + width: 815px; + height: 452px; +} + +.text-wrapper_4 { + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 1); + border-radius: 16px; + width: 815px; + height: 203px; +} + +.text_14 { + display: inline-flex; + width: 432px; + height: 52px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 36px; + font-family: Source Han Sans-Heavy; + font-weight: 900; + text-align: left; + white-space: nowrap; + line-height: 52px; + margin: 38px 0 0 32px; +} + +.text_15 { + display: inline-flex; + width: 604px; + height: 52px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 24px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: left; + line-height: 35px; + margin: 25px 0 36px 50px; +} + +.text-wrapper_5 { + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 1); + border-radius: 16px; + width: 815px; + height: 203px; + margin-top: 46px; +} + +.text_16 { + display: inline-flex; + width: 432px; + height: 52px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 36px; + font-family: Source Han Sans-Heavy; + font-weight: 900; + text-align: left; + white-space: nowrap; + line-height: 52px; + margin: 42px 0 0 32px; +} + +.text_17 { + display: inline-flex; + width: 722px; + height: 52px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 24px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: left; + line-height: 35px; + margin: 24px 0 33px 50px; +} + +.box_9 { + width: 1447px; + height: 458px; + background: url('/static/img/declareIcon/shenqing_bg1.png') 100% no-repeat; + background-size: 100% 100%; + margin: 175px 0 176px 236px; +} + +.text_18 { + width: 403px; + height: 68px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 45px; + font-family: Source Han Sans-Heavy; + font-weight: 900; + text-align: left; + white-space: nowrap; + line-height: 65px; + margin: 55px 0 0 120px; +} + +.text-wrapper_6 { + width: 870px; + height: 282px; + overflow-wrap: break-word; + font-size: 0; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: left; + line-height: 46px; + margin: 23px 0 30px 179px; +} + +.paragraph_3 { + width: 870px; + height: 282px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 32px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: left; + line-height: 46px; +} + +.text_19 { + width: 870px; + height: 282px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 32px; + font-family: Source Han Sans-Regular; + text-decoration: underline; + font-weight: normal; + text-align: left; + line-height: 46px; + cursor: pointer; +} + +.text_20 { + width: 870px; + height: 282px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 32px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: left; + line-height: 46px; +} + +.box_10 { + position: absolute; + left: -47px; + top: 1244px; + width: 446px; + height: 446px; +} + +.box_11 { + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 1); + position: absolute; + left: 220px; + top: 695px; + width: 468px; + height: 285px; +} + +.text-group_3 { + width: 100%; + height: 135px; + margin: 103px 0 0 0px; +} + +.text_21 { + display: inline-flex; + width: 100%; + height: 52px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 36px; + font-family: Source Han Sans-Heavy; + font-weight: 900; + text-align: left; + white-space: nowrap; + line-height: 52px; + justify-content: center; +} + +.paragraph_4 { + display: inline-flex; + width: 100%; + height: 70px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 25px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + line-height: 36px; + margin-top: 13px; + justify-content: center; +} + +.box_12 { + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 1); + position: absolute; + left: 737px; + top: 695px; + width: 449px; + height: 285px; +} + +.text-group_4 { + width: 274px; + height: 140px; + margin: 98px 0 0 87px; +} + +.text_22 { + width: 108px; + height: 52px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 36px; + font-family: Source Han Sans-Heavy; + font-weight: 900; + text-align: left; + white-space: nowrap; + line-height: 52px; + margin-left: 83px; +} + +.text_23 { + width: 274px; + height: 70px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 25px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + line-height: 36px; + margin-top: 18px; +} + +.box_13 { + box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 1); + position: absolute; + left: 1239px; + top: 695px; + width: 449px; + height: 285px; +} + +.text-group_5 { + width: 274px; + height: 140px; + margin: 98px 0 0 88px; +} + +.text_24 { + width: 108px; + height: 52px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 36px; + font-family: Source Han Sans-Heavy; + font-weight: 900; + text-align: left; + white-space: nowrap; + line-height: 52px; + margin-left: 83px; +} + +.text_25 { + width: 274px; + height: 70px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 25px; + font-family: Source Han Sans-Regular; + font-weight: normal; + text-align: center; + line-height: 36px; + margin-top: 18px; +} + +.image-wrapper_3 { + background-color: rgba(72, 116, 183, 1); + border-radius: 50%; + height: 148px; + width: 148px; + position: absolute; + left: 379px; + top: 633px; +} + +.image_5 { + width: 62px; + height: 62px; + margin: 43px 0 0 44px; +} + +.image-wrapper_4 { + background-color: rgba(72, 116, 183, 1); + border-radius: 50%; + height: 148px; + width: 148px; + position: absolute; + left: 887px; + top: 628px; +} + +.image_6 { + width: 62px; + height: 62px; + margin: 43px 0 0 43px; +} + +.image-wrapper_5 { + background-color: rgba(72, 116, 183, 1); + border-radius: 50%; + height: 148px; + width: 148px; + position: absolute; + left: 1390px; + top: 628px; +} + +.image_7 { + width: 62px; + height: 62px; + margin: 43px 0 0 43px; +} + +.image_8 { + width: 1920px; + height: 282px; + margin: -1px 0 0 1px; +} +</style> \ No newline at end of file -- Gitblit v1.9.3