From 3735567b364cd440d5ab953727963eb657450d22 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=A6=86=E9=92=B1=E8=90=BD=E5=B0=BD=E6=A7=BF=E8=8A=B1?= =?UTF-8?q?=E7=A8=80?= <2675540038@qq.com> Date: Tue, 8 Apr 2025 18:04:28 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=A7=E7=BB=AD=E5=88=B6=E4=BD=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .npmrc | 3 +- app.vue | 47 +- assets/css/about.css | 1289 +++++++++++++++++ assets/css/index.css | 57 +- assets/css/list.css | 7 +- components/AppFooter.vue | 102 +- components/AppHeader.vue | 128 +- nuxt.config.ts | 13 +- package-lock.json | 137 +- package.json | 1 + pages/about.vue | 99 ++ pages/index.vue | 259 +++- pages/info/[id].vue | 93 ++ pages/list/[id].vue | 124 +- pages/phone_about.vue | 116 ++ pages/phone_index.vue | 337 +++-- pages/phone_info/[id].vue | 107 ++ pages/phone_list/[id].vue | 189 ++- pages/phone_ys_info/[id].vue | 90 ++ pages/ys_info/[id].vue | 85 ++ .../59bd717c767388c5bff603b970a9c8f.jpg | Bin 972407 -> 0 bytes service/request.ts | 2 +- 22 files changed, 2860 insertions(+), 425 deletions(-) create mode 100644 assets/css/about.css create mode 100644 pages/about.vue create mode 100644 pages/info/[id].vue create mode 100644 pages/phone_about.vue create mode 100644 pages/phone_info/[id].vue create mode 100644 pages/phone_ys_info/[id].vue create mode 100644 pages/ys_info/[id].vue delete mode 100644 public/images/59bd717c767388c5bff603b970a9c8f.jpg diff --git a/.npmrc b/.npmrc index c483022..966f2f1 100644 --- a/.npmrc +++ b/.npmrc @@ -1 +1,2 @@ -shamefully-hoist=true \ No newline at end of file +shamefully-hoist=true +engine-strict=false \ No newline at end of file diff --git a/app.vue b/app.vue index 8121ae2..ffee78d 100644 --- a/app.vue +++ b/app.vue @@ -1,10 +1,15 @@ diff --git a/assets/css/about.css b/assets/css/about.css new file mode 100644 index 0000000..2e4c901 --- /dev/null +++ b/assets/css/about.css @@ -0,0 +1,1289 @@ +.page { + background-color: rgba(255, 255, 255, 1); + position: relative; + width: 1920px; + height: 1740px; + overflow: hidden; +} + +.group_1 { + background-color: rgba(255, 255, 255, 1); + width: 1920px; + height: 110px; +} + +.box_1 { + background-color: rgba(185, 185, 185, 1); + width: 64px; + height: 64px; + margin: 26px 0 0 710px; +} + +.text_1 { + width: 419px; + height: 38px; + overflow-wrap: break-word; + color: rgba(50, 50, 50, 1); + font-size: 38px; + font-family: Source Han Serif CN-Heavy; + font-weight: 900; + text-align: left; + white-space: nowrap; + line-height: 38px; + margin: 40px 710px 0 0; +} + +.group_2 { + background-image: linear-gradient(180deg, + rgba(31, 196, 194, 1) 0, + rgba(5, 190, 176, 1) 100%); + width: 1920px; + height: 60px; + justify-content: flex-center; +} + +.box_2 { + background-color: rgba(11, 175, 160, 1); + width: 109px; + height: 64px; + margin: -4px 0 0 360px; +} + +.text_2 { + width: 36px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 18px; + font-family: Source Han Serif CN-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin: 26px 0 0 37px; +} + +.box_3 { + background-color: rgba(255, 255, 255, 1); + width: 109px; + height: 2px; + margin-top: 18px; +} + +.box_4 { + height: 64px; + margin-top: -4px; + width: 109px; +} + +.text-wrapper_1 { + height: 64px; + width: 109px; +} + +.text_3 { + width: 72px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 18px; + font-family: Source Han Serif CN-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin: 26px 0 0 19px; +} + +.text-wrapper_2 { + height: 64px; + margin-top: -4px; + width: 109px; +} + +.text_4 { + width: 72px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 18px; + font-family: Source Han Serif CN-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin: 26px 0 0 19px; +} + +.text-wrapper_3 { + height: 64px; + margin-top: -4px; + width: 109px; +} + +.text_5 { + width: 72px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 18px; + font-family: Source Han Serif CN-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin: 26px 0 0 19px; +} + +.text-wrapper_4 { + height: 64px; + margin-top: -4px; + width: 109px; +} + +.text_6 { + width: 72px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 18px; + font-family: Source Han Serif CN-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 18px; + margin: 26px 0 0 23px; +} + +.text-wrapper_5 { + height: 64px; + margin-top: -4px; + width: 109px; +} + +.text_7 { + width: 72px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 18px; + font-family: Source Han Serif CN-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin: 26px 0 0 19px; +} + +.text-wrapper_6 { + height: 64px; + margin-top: -4px; + width: 109px; +} + +.text_8 { + width: 72px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 18px; + font-family: Source Han Serif CN-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin: 26px 0 0 19px; +} + +.text-wrapper_7 { + height: 64px; + margin-top: -4px; + width: 109px; +} + +.text_9 { + width: 72px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 18px; + font-family: Source Han Serif CN-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin: 26px 0 0 19px; +} + +.text-wrapper_8 { + height: 64px; + margin-top: -4px; + width: 109px; +} + +.text_10 { + width: 72px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 18px; + font-family: Source Han Serif CN-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin: 26px 0 0 19px; +} + +.text-wrapper_9 { + height: 64px; + margin-top: -4px; + width: 109px; +} + +.text_11 { + width: 72px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 18px; + font-family: Source Han Serif CN-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin: 26px 0 0 19px; +} + +.text-wrapper_10 { + height: 64px; + width: 109px; + margin: -4px 360px 0 1px; +} + +.text_12 { + width: 72px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 18px; + font-family: Source Han Serif CN-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin: 26px 0 0 19px; +} + +.group_3 { + background-color: rgba(230, 246, 246, 1); + height: 150px; + width: 100%; +} + +.section_1 { + width: 100%; + height: 150px; + background: url(public/images/ks2.png) 100% no-repeat; + background-size: 100% 100%; + padding: 30px 360px; +} + +.thumbnail_1 { + width: 20px; + height: 20px; +} + +.text_13 { + height: 18px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 14px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + white-space: nowrap; + line-height: 18px; +} + +.text_14 { + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 32px; + font-family: Microsoft YaHei-Bold; + font-weight: 700; + line-height: 18px; + margin-top: 30px; +} + +.box_9 { + width: 100%; + margin: 60px 0px; + gap: 150px; +} + +@media screen and (max-width: 1440px) { + .box_9 { + width: 95%; + margin: 30px; + } + .section_1 { + padding: 30px 30px; + } +} + +.group_8 { + width: 569px; + height: 302px; +} + +.group_9 { + width: 180px; + height: 38px; +} + +.image-wrapper_1 { + height: 38px; + width: 38px; +} + +.label_1 { + width: 33px; + height: 30px; + margin: 5px 0 0 3px; +} + +.text_15 { + width: 128px; + height: 18px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 32px; + font-family: Microsoft YaHei-Bold; + font-weight: 700; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin-top: 10px; +} + +.paragraph_1 { + color: rgba(61, 61, 61, 1); + font-size: 14px; + font-weight: 300; + text-align: left; + line-height: 22px; + margin-top: 40px; +} + +.block_2 { + background-color: rgba(24, 194, 189, 1); + width: 528px; + height: 349px; + margin-top: 16px; +} + +.text_16 { + width: 128px; + height: 18px; + overflow-wrap: break-word; + color: rgba(61, 61, 61, 1); + font-size: 32px; + font-family: Microsoft YaHei-Bold; + font-weight: 700; + text-align: center; + white-space: nowrap; + line-height: 18px; + margin: 60px 0 0 906px; +} + +.group_5 { + height: 510px; + background: url(./img/MasterDDSSlicePNG278b04b9e9fdc72ba64f970cc06d4cd4.png) 100% no-repeat; + background-size: 100% 100%; + width: 1200px; + margin: 50px 0 0 360px; +} + +.box_7 { + background-color: rgba(24, 194, 189, 1); + height: 256px; + margin-left: 48px; + width: 354px; +} + +.text-wrapper_11 { + width: 354px; + height: 256px; + background: url(./img/MasterDDSSlicePNG090114875b599ab757383c158b5435a4.png) 100% no-repeat; + background-size: 100% 100%; + justify-content: flex-center; +} + +.text_17 { + width: 198px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 22px; + font-family: Microsoft YaHei-Bold; + font-weight: 700; + text-align: left; + white-space: nowrap; + line-height: 18px; + margin: 50px 0 0 30px; +} + +.text_18 { + width: 286px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 18px; + margin: 40px 0 0 30px; +} + +.text_19 { + width: 198px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 18px; + margin: 22px 0 0 30px; +} + +.text_20 { + width: 138px; + height: 18px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 18px; + margin: 22px 0 50px 30px; +} + +.group_6 { + background-color: rgba(11, 121, 143, 1); + height: 309px; + border: 1px solid rgba(112, 112, 112, 1); + width: 1920px; + margin: 48px 0 0 -10px; +} + +.box_8 { + background-color: rgba(26, 172, 162, 1); + width: 1920px; + height: 309px; +} + +.text-wrapper_19 { + position: relative; + width: 538px; + height: 22px; + margin: 38px 0 0 358px; +} + +.text_21 { + width: 88px; + height: 22px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 22px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 22px; +} + +.text_22 { + width: 88px; + height: 22px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 22px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 22px; + margin-left: 212px; +} + +.text_23 { + width: 88px; + height: 22px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 22px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 22px; + margin-left: 62px; +} + +.text_24 { + position: absolute; + left: 0; + top: 0; + width: 88px; + height: 22px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 22px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 22px; +} + +.text_25 { + position: absolute; + left: 300px; + top: 0; + width: 88px; + height: 22px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 22px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 22px; +} + +.text_26 { + position: absolute; + left: 450px; + top: 0; + width: 88px; + height: 22px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 22px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: center; + white-space: nowrap; + line-height: 22px; +} + +.block_3 { + background-color: rgba(255, 255, 255, 1); + width: 1200px; + height: 1px; + margin: 22px 0 0 358px; +} + +.group_10 { + width: 1183px; + height: 111px; + margin: 23px 0 0 358px; +} + +.text-wrapper_20 { + position: relative; + width: 258px; + height: 98px; + margin-top: 8px; +} + +.text_27 { + width: 258px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_28 { + width: 168px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-top: 25px; +} + +.text_29 { + width: 228px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-top: 25px; +} + +.text_30 { + position: absolute; + left: 0; + top: 0; + width: 258px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_31 { + position: absolute; + left: 0; + top: 41px; + width: 168px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_32 { + position: absolute; + left: 0; + top: 82px; + width: 228px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text-wrapper_21 { + position: relative; + width: 96px; + height: 98px; + margin: 8px 0 0 42px; +} + +.text_33 { + width: 96px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_34 { + width: 96px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-top: 25px; +} + +.text_35 { + width: 64px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-top: 25px; +} + +.text_36 { + position: absolute; + left: 0; + top: 0; + width: 96px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_37 { + position: absolute; + left: 0; + top: 41px; + width: 96px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_38 { + position: absolute; + left: 0; + top: 82px; + width: 64px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text-wrapper_22 { + position: relative; + width: 96px; + height: 98px; + margin: 8px 0 0 54px; +} + +.text_39 { + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_40 { + width: 96px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-top: 25px; +} + +.text_41 { + width: 64px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-top: 25px; +} + +.text_42 { + position: absolute; + left: 0; + top: 0; + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_43 { + position: absolute; + left: 0; + top: 41px; + width: 96px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_44 { + position: absolute; + left: 0; + top: 82px; + width: 64px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text-wrapper_23 { + position: relative; + width: 80px; + height: 98px; + margin: 8px 0 0 54px; +} + +.text_45 { + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_46 { + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-top: 24px; +} + +.text_47 { + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-top: 26px; +} + +.text_48 { + position: absolute; + left: 0; + top: 0; + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_49 { + position: absolute; + left: 0; + top: 40px; + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_50 { + position: absolute; + left: 0; + top: 82px; + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text-wrapper_24 { + position: relative; + width: 80px; + height: 98px; + margin: 8px 0 0 70px; +} + +.text_51 { + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_52 { + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-top: 24px; +} + +.text_53 { + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-top: 26px; +} + +.text_54 { + position: absolute; + left: 0; + top: 0; + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_55 { + position: absolute; + left: 0; + top: 40px; + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_56 { + position: absolute; + left: 0; + top: 82px; + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.section_2 { + background-color: rgba(255, 255, 255, 1); + width: 111px; + height: 111px; + border: 1px solid rgba(112, 112, 112, 1); + margin-left: 93px; +} + +.section_3 { + background-color: rgba(255, 255, 255, 1); + width: 111px; + height: 111px; + border: 1px solid rgba(112, 112, 112, 1); + margin-left: 38px; +} + +.text-wrapper_25 { + position: relative; + width: 852px; + height: 19px; + margin: 20px 0 53px 658px; +} + +.text_57 { + width: 64px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_58 { + width: 64px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-left: 86px; +} + +.text_59 { + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-left: 86px; +} + +.text_60 { + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin-left: 70px; +} + +.text_61 { + width: 48px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin: 3px 0 0 125px; +} + +.text_62 { + width: 48px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; + margin: 3px 0 0 101px; +} + +.text_63 { + position: absolute; + left: 0; + top: 0; + width: 64px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_64 { + position: absolute; + left: 150px; + top: 0; + width: 64px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_65 { + position: absolute; + left: 300px; + top: 0; + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_66 { + position: absolute; + left: 450px; + top: 0; + width: 80px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_67 { + position: absolute; + left: 655px; + top: 3px; + width: 48px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.text_68 { + position: absolute; + left: 804px; + top: 3px; + width: 48px; + height: 16px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 16px; + font-family: Microsoft YaHei-Regular; + font-weight: NaN; + text-align: left; + white-space: nowrap; + line-height: 16px; +} + +.image_1 { + position: absolute; + left: 959px; + top: 376px; + width: 580px; + height: 349px; +} \ No newline at end of file diff --git a/assets/css/index.css b/assets/css/index.css index 4a0be5a..8ffa17f 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -392,13 +392,11 @@ } .text-group_13 { - width: 136px; height: 18px; - margin: 12px 0 0 9px; + margin: 12px 5px 0 9px; } .text_14 { - width: 54px; height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); @@ -406,13 +404,10 @@ font-family: Source Han Serif CN-Heavy; font-weight: 900; text-align: center; - white-space: nowrap; line-height: 18px; } .text_15 { - width: 70px; - height: 14px; overflow-wrap: break-word; color: rgba(87, 209, 200, 1); font-size: 14px; @@ -422,6 +417,8 @@ white-space: nowrap; line-height: 14px; margin-top: 4px; + margin-left: 10px; + } .text_16 { @@ -1685,7 +1682,7 @@ .image_16 { width: 50px; height: 50px; - margin:0 auto + margin: 0 auto } .text_64 { @@ -1816,8 +1813,9 @@ font-family: Source Han Serif CN-Regular; font-weight: NaN; text-align: left; - line-height: 20px; - margin: 16px 0 34px 30px; + line-height: 22px; + margin: 16px; + text-indent: 2em; } .box_27 { @@ -1962,7 +1960,7 @@ } .block_9 { - width: 1183px; + width: 70%; height: 111px; margin: 23px 0 0 358px; } @@ -2476,6 +2474,10 @@ margin: 20px 0 53px 658px; } +.text-wrapper_63 span { + cursor: pointer; +} + @media screen and (max-width: 1440px) { .text-wrapper_63 { margin: 20px 0 0 349px; @@ -2736,14 +2738,29 @@ button:active { display: flex; align-items: flex-end; } -.group_6 .swiper-slide img{ - width:100%; + +.group_6 .swiper-slide img { + width: 100%; height: 500px; - height:auto; - transition:1s linear 2s; - transform:scale(1.1,1.1); - } -.group_6 .swiper-slide-active img,.swiper-slide-duplicate-active img{ - transition:6s linear; - transform:scale(1,1); - } \ No newline at end of file + height: auto; + transition: 1s linear 2s; + transform: scale(1.1, 1.1); +} + +.group_6 .swiper-slide-active img, +.swiper-slide-duplicate-active img { + transition: 6s linear; + transform: scale(1, 1); +} + +.left-my-news { + height: 800px; +} + +.my_text_3{ + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; /* 限制为两行 */ + overflow: hidden; + text-overflow: ellipsis; /* 超出部分显示省略号 */ +} \ No newline at end of file diff --git a/assets/css/list.css b/assets/css/list.css index e568869..c0f2fa6 100644 --- a/assets/css/list.css +++ b/assets/css/list.css @@ -370,7 +370,7 @@ } .image-text_7 { - width: 948px; + width: 72%; height: 135px; margin: 38px 152px 0 41px; } @@ -397,20 +397,17 @@ .text_15 { width: 537px; - height: 18px; overflow-wrap: break-word; color: rgba(50, 50, 50, 1); font-size: 20px; font-family: Microsoft YaHei-Regular; font-weight: NaN; text-align: left; - white-space: nowrap; line-height: 18px; } .text_16 { width: 708px; - height: 38px; overflow-wrap: break-word; color: rgba(153, 153, 153, 1); font-size: 14px; @@ -439,7 +436,7 @@ } .text-wrapper_11 { - width: 100%; + width: 126px; height: 210px; justify-content: flex-center; } diff --git a/components/AppFooter.vue b/components/AppFooter.vue index 7f30d1f..dfbc55d 100644 --- a/components/AppFooter.vue +++ b/components/AppFooter.vue @@ -52,22 +52,24 @@ 中医科门诊 妇产科门诊 -
-
+
+
+ + 服务号 + +
{{ item.title }}
+
+
来院路线 内科病区 妇产科门诊 妇产科门诊 - 服务号 - 订阅号 来院路线 内科病区 妇产科门诊 妇产科门诊 - 服务号 - 订阅号
ICP备2025118630号 @@ -89,7 +91,7 @@