style: 调整页面样式间距和字体大小
- 在 `phone_index.vue` 中,将间距从 30px 调整为 10px - 在 `phone_societyDutyNew.vue` 中,将字体大小从 14px 调整为 16px - 在 `phone_proServices_con.vue` 中,调整图片位置以优化布局
This commit is contained in:
parent
9bf2ef8ed5
commit
625cf4a0e2
@ -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>
|
||||||
|
@ -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;">
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user