yujialong 9 months ago
parent d1b480c097
commit 69b51cb86c
  1. BIN
      src/assets/images/contact-info.png
  2. 2
      src/layouts/header/index.vue
  3. 3
      src/layouts/navbar/index.vue
  4. 9
      src/pages/index/list/index.vue
  5. 44
      src/pages/supplier/index.vue

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 40 KiB

@ -38,7 +38,7 @@
v-show="modelType"> v-show="modelType">
<navbar ref="nav" <navbar ref="nav"
:isHome.sync="isHome" :isHome.sync="isHome"
:updateModelType="updateType"></navbar> @updateModelType="updateType"></navbar>
</div> </div>
</template> </template>

@ -30,7 +30,7 @@ import mixins from '@/mixins/article'
import { mapState, mapMutations, mapGetters } from 'vuex' import { mapState, mapMutations, mapGetters } from 'vuex'
import Setting from '@/setting' import Setting from '@/setting'
export default { export default {
props: ['isHome', 'isEstate', 'isIasf', 'updateModelType'], props: ['isHome', 'isEstate', 'isIasf'],
mixins: [mixins], mixins: [mixins],
data () { data () {
return { return {
@ -159,6 +159,7 @@ export default {
this.getPath(this.menus, id || this.menus[0].id) this.getPath(this.menus, id || this.menus[0].id)
this.columnTo(this.toItem) this.columnTo(this.toItem)
this.$parent.showSearch = false this.$parent.showSearch = false
this.$emit('updateModelType', false)
} }
} }
}; };

@ -931,12 +931,7 @@ export default {
.wrap { .wrap {
.carousel { .carousel {
.text-wrap { .text-wrap {
top: 47%; top: 49%;
flex-direction: column;
align-items: flex-start;
}
.qrcode-wrap {
margin: 0 0 20px 0;
} }
h6 { h6 {
font-size: 1.8rem; font-size: 1.8rem;
@ -977,7 +972,7 @@ export default {
.wrap { .wrap {
.carousel { .carousel {
.text-wrap { .text-wrap {
top: 47%; left: 20px;
} }
.qrcode { .qrcode {
width: 80px; width: 80px;

@ -113,6 +113,9 @@
<img class="love" <img class="love"
src="@/assets/images/love.png" src="@/assets/images/love.png"
alt=""> alt="">
<img class="contact-info"
src="@/assets/images/contact-info.png"
alt="">
</div> </div>
<el-dialog title="" <el-dialog title=""
@ -181,7 +184,7 @@ export default {
.i-title { .i-title {
position: relative; position: relative;
margin-bottom: 37px; margin-bottom: 37px;
font-size: 30px; font-size: 2rem;
text-align: center; text-align: center;
color: #0b1d30; color: #0b1d30;
} }
@ -313,6 +316,7 @@ export default {
} }
img { img {
width: 100%; width: 100%;
object-fit: cover;
} }
h6 { h6 {
margin: 15px 24px 10px; margin: 15px 24px 10px;
@ -329,9 +333,9 @@ export default {
.profit { .profit {
margin-bottom: 70px; margin-bottom: 70px;
text-align: center; text-align: center;
font-size: 30px;
.item1 { .item1 {
line-height: 250px; line-height: 250px;
font-size: 30px;
color: #fff; color: #fff;
background: url(../../assets/images/dev/profit-bg1.png) 0 0/100% 100% no-repeat; background: url(../../assets/images/dev/profit-bg1.png) 0 0/100% 100% no-repeat;
} }
@ -343,16 +347,21 @@ export default {
height: 202px; height: 202px;
padding: 0 30px; padding: 0 30px;
margin: -100px auto 0; margin: -100px auto 0;
font-size: 30px;
color: #0b1d30; color: #0b1d30;
background: url(../../assets/images/dev/profit-bg2.png) 0 0/100% 100% no-repeat; background: url(../../assets/images/dev/profit-bg2.png) 0 0/100% 100% no-repeat;
} }
} }
.contact { .contact {
position: relative; position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 250px; height: 250px;
background: url(../../assets/images/contact-info.png) center center/auto no-repeat, background: url(../../assets/images/contact-bg.png) 0 0/100% 100% no-repeat;
url(../../assets/images/contact-bg.png) 0 0/100% 100% no-repeat; .contact-info {
max-width: 100%;
object-fit: cover;
}
.love { .love {
position: absolute; position: absolute;
top: -45px; top: -45px;
@ -380,6 +389,16 @@ export default {
.inner { .inner {
width: 90%; width: 90%;
} }
.profit {
font-size: 24px;
.item1 {
background-size: cover;
}
.item2 {
width: 90%;
background-size: cover;
}
}
} }
} }
@media (max-width: 1000px) { @media (max-width: 1000px) {
@ -438,6 +457,21 @@ export default {
} }
@media (max-width: 600px) { @media (max-width: 600px) {
.wrap { .wrap {
.banner {
display: flex;
flex-direction: column;
align-items: center;
padding: 5rem 0 0 0;
color: #064791;
h6,
.text {
margin-bottom: 10px;
}
.dev {
position: static;
transform: translateX(0);
}
}
.progress { .progress {
padding-left: 0; padding-left: 0;
} }

Loading…
Cancel
Save