From 7ab906c6c29886ac88cddc0b8dbfcbf4fc1364ad Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 27 八月 2019 11:21:36 +0800
Subject: [PATCH] 2019-08-27update
---
src/views/productCenter/index.vue | 39 ++++++++++++++++++++++++++-------------
1 files changed, 26 insertions(+), 13 deletions(-)
diff --git a/src/views/productCenter/index.vue b/src/views/productCenter/index.vue
index 3e42350..0fd5c81 100644
--- a/src/views/productCenter/index.vue
+++ b/src/views/productCenter/index.vue
@@ -3,11 +3,11 @@
<div class="banner"><img :src="url" alt=""></div>
<div v-for="(item, index) in details" :key="index">
<div v-if="item.type === 'WLongText'" class="wrapper platform">
- <div class="content_title"><span v-text="item.title"></span></div>
+ <div class="content_title"><span v-if="item.title" v-text="item.title"></span></div>
<p v-text="item.longText"></p>
</div>
<div v-else-if="item.type === 'Wimages'" class="wrapper scene">
- <div class="content_title"><span v-text="item.title"></span></div>
+ <div class="content_title"><span v-if="item.title" v-text="item.title"></span></div>
<div class="content_scene">
<span class="scene scene-img" v-for="(img, index) in item.imglist" :key="index">
<img :src="img.url" alt="">
@@ -19,7 +19,7 @@
</div>
</div>
<div v-else-if="item.type === 'Wico'" class="wrapper skill">
- <div class="content_title"><span v-text="item.title"></span></div>
+ <div class="content_title"><span v-if="item.title" v-text="item.title"></span></div>
<div class="content_skill">
<div class="content_skill_item" v-for="(icon, index) in item.iconlist" :key="index">
<div><img :src="icon.url" alt=""></div>
@@ -28,7 +28,7 @@
</div>
</div>
<div v-else-if="item.type === 'Wcontent'" class="wrapper industry">
- <div class="content_title"><span v-text="item.title"></span></div>
+ <div class="content_title"><span v-if="item.title" v-text="item.title"></span></div>
<div class="content_industry" v-for="(m, n) in Math.ceil(item.sublist.length / 2)" :key="n">
<div class="content_industry_card" v-if="index >= n * 2 && index < (n + 1) * 2" v-for="(cell, index) in item.sublist" :key="index">
<h3 v-text="cell.title"></h3>
@@ -157,9 +157,9 @@
margin: 0.1rem 0 0.38rem;
}
p {
- font-size: 0.12rem;
+ font-size: 0.14rem;
color: #676767;
- line-height: .18rem;
+ line-height: .22rem;
}
}
.scene {
@@ -183,11 +183,13 @@
.txt2 {
top: 0;
left: 33%;
+ white-space: normal;
}
.txt3 {
left: auto;
top: 0;
right: 0;
+ white-space: normal;
}
.txt4 {
top: 33%;
@@ -195,11 +197,13 @@
.txt5 {
left: 33%;
top: 33%;
+ white-space: normal;
}
.txt6 {
left: auto;
top: 33%;
right: 0;
+ white-space: normal;
}
.txt7 {
height: auto;
@@ -211,6 +215,7 @@
top: auto;
bottom: 0;
left: 33%;
+ white-space: normal;
}
.txt9 {
height: auto;
@@ -218,6 +223,7 @@
left: auto;
bottom: 0;
right: 0;
+ white-space: normal;
}
.content_title {
margin: .53rem 0 0.52rem;
@@ -276,19 +282,23 @@
line-height:0.25rem;
}
.content_industry_list {
+ position: relative;
display: flex;
margin-top: 0.27rem;
+ min-height: 150px;
ul {
margin-right: .4rem;
li {
- font-size: 0.08rem;
+ font-size: 0.14rem;
line-height: 0.25rem;
}
}
img {
position: absolute;
- right: 0.3rem;
- bottom: 0.3rem;
+ right: 0rem;
+ top: 0rem;
+ max-width: 356px;
+ max-height: 150px;
}
}
}
@@ -326,7 +336,7 @@
}
.joinBtnBox {
text-align: center;
- margin: 1.08rem auto 1.9rem;
+ margin: 1.08rem auto 1rem;
}
.content_agent {
display: flex;
@@ -345,7 +355,7 @@
display: inline-block;
}
p {
- font-size: 0.12rem;
+ font-size: 0.13rem;
color:#3A3A3C;
margin: 0.2rem 0;
text-align: center;
@@ -399,9 +409,11 @@
}
.txt {
position: absolute;
- left: 30%;
bottom: 10%;
color: #fff;
+ text-align: center;
+ padding: 0 0.04rem;
+ width: 100%;
}
}
}
@@ -414,7 +426,8 @@
background: #f4f4f4;
padding: 0.3rem .2rem;
h3 {
- width:1.2rem;
+ // width:1.2rem;
+ display: inline-block;
font-size: .28rem;
font-family: PingFang-SC-Bold;
font-weight: bold;
--
Gitblit v1.8.0