From d419c8a0393b602a4b84632833f23bb9040f87e0 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 28 八月 2019 13:35:33 +0800
Subject: [PATCH] casedetail-update
---
src/views/successCase/caseDetail.vue | 72 ++++++++++++++++++++++++++++++------
1 files changed, 60 insertions(+), 12 deletions(-)
diff --git a/src/views/successCase/caseDetail.vue b/src/views/successCase/caseDetail.vue
index f0f0e07..62ed8cf 100644
--- a/src/views/successCase/caseDetail.vue
+++ b/src/views/successCase/caseDetail.vue
@@ -4,7 +4,7 @@
<img :src="url" alt="">
</div>
- <div class="wrapper caseDetail" v-for="(item, index) in details" :key="index">
+ <div class="wrapper caseDetail" :class="item.TypeCharOne === 'Wico' && !item.Title1 && 'nomargin'" v-for="(item, index) in details" :key="index">
<div v-if="item.TypeCharOne === 'WLongText'">
<div class="content_title"><span v-if="item.Title1" v-text="item.Title1"></span></div>
<div v-for="(cell, i) in item.subs" :key="i">
@@ -14,8 +14,8 @@
</div>
<div class="p_backg" v-if="item.TypeCharOne === 'Wico'">
<div class="wrapper">
- <div class="project" style="padding: 0.2rem 0 0.3rem;">
- <h3><span v-text="item.Title1"></span></h3>
+ <div class="project">
+ <h3 :class="!item.Title1 && 'noborder'"><span v-if="item.Title1" v-text="item.Title1"></span></h3>
<div class="program">
<dl v-for="(cell, i) in item.DOne" :key="i">
<dt><img :src="cell.Images" alt=""></dt>
@@ -160,6 +160,9 @@
margin: 0;
width: 100%;
}
+.project {
+ padding: 0.2rem 0 0.3rem;
+}
h3 {
font-size: 0.16rem;
color: #3A3A3C;
@@ -219,16 +222,20 @@
top: 0.05rem;
left: calc(50% - 0.85rem);
}
-
+ h3.noborder::after {
+ content: none;
+ }
+ h3.noborder {
+ margin: 0;
+ }
.content_title_p {
color: #3e3e3e;
- font-size: .16rem;
margin: 0 auto !important;
- font-size:0.24rem;
- font-family:PingFang-SC-Regular;
- font-weight:400;
- color:rgba(62,62,62,1);
- line-height:0.44rem;
+ font-size: 0.26rem;
+ font-family: PingFang-SC-Regular;
+ font-weight: 400;
+ color: rgba(62,62,62,1);
+ line-height: 0.44rem;
}
.content_title,.content_title_p{
width: 100%;
@@ -252,14 +259,31 @@
dl {
width: 25%;
dt {
- width: .94rem;
- height: .94rem;
+ width: .8rem;
+ height: .8rem;
margin: 0 auto;
+ img {
+ width: 100%;
+ height: 100%;
+ }
}
dd {
text-align: center;
padding-top: .07rem;
+ p {
+ font-size: 0.26rem;
+ }
}
+ }
+ }
+ }
+ .caseDetail.nomargin {
+ margin-top: 0;
+ .project {
+ padding-top: 0;
+ margin-top: -0.1rem;
+ .program {
+ margin-top: 0;
}
}
}
@@ -345,12 +369,23 @@
.partner div:last-child {
padding-right: 0;
}
+ .scene {
+ li p {
+ font-size: 0.26rem;
+ }
+ }
}
@media (min-width: 751px){
h3 {
span {
padding-left: 0.2rem;
}
+ }
+ h3.noborder::after {
+ content: none;
+ }
+ h3.noborder {
+ margin: 0;
}
.partner {
display: flex;
@@ -397,6 +432,15 @@
line-height: .22rem;
width: 11.92rem;
margin: 0 auto;
+ }
+ }
+ .caseDetail.nomargin {
+ margin-top: 0rem;
+ .project {
+ padding-top: 0px;
+ .program {
+ margin-top: 0;
+ }
}
}
.project {
@@ -478,6 +522,10 @@
width: .94rem;
height: .94rem;
margin: 0 auto;
+ img {
+ width: 100%;
+ height: 100%;
+ }
}
dd {
width: 1.8rem;
--
Gitblit v1.8.0