样式修复

master
yujialong 2 years ago
parent bb0eb5b164
commit 8e8625dcda
  1. 4
      src/pages/devHistory/index.vue
  2. 6
      src/pages/estate/event/index.vue
  3. 2
      src/pages/estate/index/index.vue
  4. 4
      src/pages/estate/location/index.vue
  5. 2
      src/pages/estate/survey/index.vue
  6. 22
      src/pages/org/index.vue
  7. 14
      src/pages/overview/index.vue
  8. 2
      src/pages/overviewDevHistory/index.vue

@ -66,14 +66,14 @@ export default {
.history { .history {
h6 { h6 {
position: relative; position: relative;
font-size: 2.4rem; font-size: 2.2rem;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #333333; color: #333333;
} }
.en { .en {
margin-top: -25px; margin-top: -25px;
font-size: 2.4rem; font-size: 2.2rem;
font-family: PingFangSC-Light, PingFang SC; font-family: PingFangSC-Light, PingFang SC;
font-weight: 300; font-weight: 300;
color: #E3E3E3; color: #E3E3E3;

@ -97,14 +97,14 @@ export default {
.history { .history {
h2 { h2 {
position: relative; position: relative;
font-size: 2.2rem; font-size: 2rem;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: #1C1C1C; color: #1C1C1C;
} }
.en { .en {
margin: -15px 0 40px; margin: -15px 0 40px;
font-size: 2.2rem; font-size: 2rem;
font-family: PingFangSC-Light, PingFang SC; font-family: PingFangSC-Light, PingFang SC;
font-weight: 300; font-weight: 300;
color: #E3E3E3; color: #E3E3E3;
@ -150,7 +150,7 @@ export default {
} }
.year { .year {
margin: 0 0 20px 20px; margin: 0 0 20px 20px;
font-size: 3.8rem; font-size: 3.2rem;
font-family: ToppanBunkyuMidashiGothicStdN-ExtraBold, ToppanBunkyuMidashiGothicStdN; font-family: ToppanBunkyuMidashiGothicStdN-ExtraBold, ToppanBunkyuMidashiGothicStdN;
font-weight: 800; font-weight: 800;
color: #1A81F4; color: #1A81F4;

@ -381,7 +381,7 @@ export default {
.des { .des {
height: 60px; height: 60px;
margin: 10px 0; margin: 10px 0;
font-size: 1.1rem; font-size: 1rem;
font-family: SFProDisplay; font-family: SFProDisplay;
font-weight: 500; font-weight: 500;
color: #333; color: #333;

@ -89,7 +89,7 @@ export default {
} }
.tab-content { .tab-content {
width: 80%; width: 70%;
max-width: 1504px; max-width: 1504px;
padding-bottom: 100px; padding-bottom: 100px;
margin: 30px auto 0; margin: 30px auto 0;
@ -131,7 +131,7 @@ export default {
} }
h6 { h6 {
margin-bottom: 24px; margin-bottom: 24px;
font-size: 2.4rem; font-size: 2rem;
font-family: PingFangSC-Light, PingFang SC; font-family: PingFangSC-Light, PingFang SC;
font-weight: 300; font-weight: 300;
} }

@ -83,7 +83,7 @@ export default {
h6 { h6 {
position: relative; position: relative;
margin-bottom: 30px; margin-bottom: 30px;
font-size: 1.4rem; font-size: 1.2rem;
font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi; font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
font-weight: bold; font-weight: bold;
color: #333; color: #333;

@ -1,5 +1,5 @@
<template> <template>
<div class="wrap"> <div class="wrap p-b-30">
<div class="single-banner single-banner-overview"> <div class="single-banner single-banner-overview">
<img class="banner-img" :src="modules[0].form.pic" alt=""> <img class="banner-img" :src="modules[0].form.pic" alt="">
<div class="texts"> <div class="texts">
@ -7,17 +7,15 @@
</div> </div>
</div> </div>
<div class="tab-content"> <div class="org">
<div class="org"> <div class="left">
<div class="left"> <h6>{{ modules[1].form.title }}</h6>
<h6>{{ modules[1].form.title }}</h6> <p class="text" v-html="modules[1].form.des"></p>
<p class="text" v-html="modules[1].form.des"></p>
</div>
<img class="pic" src="http://10.10.11.7/images/overviewSetup/1.png" alt="">
</div>
<div class="lg-bg">
<img width="100%" :src="modules[2].form.pic" alt="">
</div> </div>
<img class="pic" src="http://10.10.11.7/images/overviewSetup/1.png" alt="">
</div>
<div class="lg-bg">
<img width="100%" :src="modules[2].form.pic" alt="">
</div> </div>
</div> </div>
</template> </template>
@ -95,7 +93,7 @@ export default {
} }
} }
.lg-bg { .lg-bg {
width: 85%; width: 65%;
margin: 0 auto; margin: 0 auto;
} }
@media (max-width: 1200px) { @media (max-width: 1200px) {

@ -29,7 +29,7 @@
<div class="texts"> <div class="texts">
<h6>{{ modules[5].form.title }}</h6> <h6>{{ modules[5].form.title }}</h6>
<div class="text" v-html="modules[5].form.des"></div> <div class="text" v-html="modules[5].form.des"></div>
<img src="@/assets/images/arrow.png" alt="" class="arrow"> <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': isLink(modules[5].form.link.linkName)}" @click="openLink(modules[5].form)">
</div> </div>
</li> </li>
<li> <li>
@ -37,26 +37,26 @@
<div class="texts"> <div class="texts">
<h6>{{ modules[6].form.title }}</h6> <h6>{{ modules[6].form.title }}</h6>
<div class="text" v-html="modules[6].form.des"></div> <div class="text" v-html="modules[6].form.des"></div>
<img src="@/assets/images/arrow.png" alt="" class="arrow"> <img src="@/assets/images/arrow.png" alt="" :class="{'arrow': isLink(modules[6].form.link.linkName)}" @click="openLink(modules[6].form)">
</div> </div>
</li> </li>
</ul> </ul>
<ul class="l-card"> <ul class="l-card">
<li> <li :class="{'cursor-pointer': isLink(modules[7].form.link.linkName)}" @click="openLink(modules[7].form)">
<img :src="modules[7].form.pic" alt="" class="pic" /> <img :src="modules[7].form.pic" alt="" class="pic" />
<div class="texts"> <div class="texts">
<h6>{{ modules[7].form.title }}</h6> <h6>{{ modules[7].form.title }}</h6>
<div class="text" v-html="modules[7].form.des"></div> <div class="text" v-html="modules[7].form.des"></div>
</div> </div>
</li> </li>
<li> <li :class="{'cursor-pointer': isLink(modules[8].form.link.linkName)}" @click="openLink(modules[8].form)">
<img :src="modules[8].form.pic" alt="" class="pic" /> <img :src="modules[8].form.pic" alt="" class="pic" />
<div class="texts"> <div class="texts">
<h6>{{ modules[8].form.title }}</h6> <h6>{{ modules[8].form.title }}</h6>
<div class="text" v-html="modules[8].form.des"></div> <div class="text" v-html="modules[8].form.des"></div>
</div> </div>
</li> </li>
<li> <li :class="{'cursor-pointer': isLink(modules[9].form.link.linkName)}" @click="openLink(modules[9].form)">
<img :src="modules[9].form.pic" alt="" class="pic" /> <img :src="modules[9].form.pic" alt="" class="pic" />
<div class="texts"> <div class="texts">
<h6>{{ modules[9].form.title }}</h6> <h6>{{ modules[9].form.title }}</h6>
@ -230,7 +230,7 @@ export default {
} }
h6 { h6 {
margin-bottom: 15px; margin-bottom: 15px;
font-size: 2rem; font-size: 1.6rem;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
} }
.text { .text {
@ -284,7 +284,7 @@ export default {
font-size: 1rem; font-size: 1rem;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
color: #333; color: #333;
line-height: 2; line-height: 1.6;
@include mul-ellipsis(2); @include mul-ellipsis(2);
} }
} }

@ -149,7 +149,7 @@ export default {
} }
.year { .year {
margin: 0 0 20px 20px; margin: 0 0 20px 20px;
font-size: 3.8rem; font-size: 3.2rem;
font-family: ToppanBunkyuMidashiGothicStdN-ExtraBold, ToppanBunkyuMidashiGothicStdN; font-family: ToppanBunkyuMidashiGothicStdN-ExtraBold, ToppanBunkyuMidashiGothicStdN;
font-weight: 800; font-weight: 800;
color: #1A81F4; color: #1A81F4;

Loading…
Cancel
Save