style: 调整页面样式间距和字体大小

- 在 `phone_index.vue` 中,将间距从 30px 调整为 10px
- 在 `phone_societyDutyNew.vue` 中,将字体大小从 14px 调整为 16px
- 在 `phone_proServices_con.vue` 中,调整图片位置以优化布局
This commit is contained in:
王创世 2025-05-24 11:51:49 +08:00
parent 9bf2ef8ed5
commit 625cf4a0e2
3 changed files with 7 additions and 6 deletions

View File

@ -265,7 +265,7 @@
</div> </div>
</swiper-slide> </swiper-slide>
</swiper> </swiper>
<div class="flex-row justify-center align-center w-full" style="gap: 30px;height:40px;"> <div class="flex-row justify-center align-center w-full" style="gap: 10px;height:40px;">
<div v-for="(_, index) in 3" :key="index" style="width: 20px; height: 5px;" <div v-for="(_, index) in 3" :key="index" style="width: 20px; height: 5px;"
:style="{ backgroundColor: activeSlideIndex === index ? '#fc7428' : '#C1C1C1' }"> :style="{ backgroundColor: activeSlideIndex === index ? '#fc7428' : '#C1C1C1' }">
</div> </div>

View File

@ -171,9 +171,7 @@
<div class="flex justify-center align-center bottom-3s" <div class="flex justify-center align-center bottom-3s"
style="padding-top: 50px;z-index: 30;background-color: #f8f8f8;height: 100%;flex-wrap: wrap;"> style="padding-top: 50px;z-index: 30;background-color: #f8f8f8;height: 100%;flex-wrap: wrap;">
<div>
<img :src="`${cdnUrl}/img/media/leftpeo.png`" alt="">
</div>
<div class="flex-col"> <div class="flex-col">
<div class="flex-col"> <div class="flex-col">
<span class="mediat1">线上线下活动策划</span> <span class="mediat1">线上线下活动策划</span>
@ -195,6 +193,9 @@
</div> </div>
</div> </div>
</div> </div>
<div>
<img :src="`${cdnUrl}/img/media/leftpeo.png`" alt="">
</div>
</div> </div>
<div class="flex justify-center align-center bottom-3s" <div class="flex justify-center align-center bottom-3s"
style="flex-direction: column;padding-top: 50px;z-index: 30;background-color: #ffffff;"> style="flex-direction: column;padding-top: 50px;z-index: 30;background-color: #ffffff;">

View File

@ -51,8 +51,8 @@
</div> </div>
<div style="width: 100%;padding-top: 10px;"> <div style="width: 100%;padding-top: 10px;">
<div style="font-size: 24px;color: #3D3D3D;font-weight: 700;margin: 10px 0px;">青年企业家岳崇霄:招商引智为洛阳注入创新活水</div> <div style="font-size: 24px;color: #3D3D3D;font-weight: 700;margin: 10px 0px;">青年企业家岳崇霄:招商引智为洛阳注入创新活水</div>
<div style="color: #FC7428;font-size: 14px;font-weight: 900;margin: 10px 0px;">灵睿网络创始人岳崇霄</div> <div style="color: #FC7428;font-size: 16px;font-weight: 900;margin: 10px 0px;">灵睿网络创始人岳崇霄</div>
<div style="font-size: 14px;font-weight: 400;color: #3D3D3D;"> <div style="font-size: 16px;font-weight: 400;color: #3D3D3D;">
<div>岳崇霄2020年4月荣获2020年全国向上向善好青年扶贫助困好青年 </div> <div>岳崇霄2020年4月荣获2020年全国向上向善好青年扶贫助困好青年 </div>
<div>洛阳灵睿网络技术有限公司 创始人</div> <div>洛阳灵睿网络技术有限公司 创始人</div>
<div>河南灵睿科技集团有限公司 董事长</div> <div>河南灵睿科技集团有限公司 董事长</div>