From 84ee15b88478629a14dd791958064a096ca6f44c Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 04 九月 2019 09:10:32 +0800
Subject: [PATCH] 2019-09-04
---
src/views/news/index.vue | 20 +++++-----
src/views/productCenter/index.vue | 35 ++++++++++++-----
src/views/successCase/caseSolution.vue | 4 +-
src/views/successCase/caseDetail.vue | 23 ++++++-----
src/store/service.js | 2
5 files changed, 49 insertions(+), 35 deletions(-)
diff --git a/src/store/service.js b/src/store/service.js
index 625f2db..9d15158 100644
--- a/src/store/service.js
+++ b/src/store/service.js
@@ -7,7 +7,7 @@
axios.interceptors.request.use((config) => {
// 鍦ㄥ彂閫佽姹備箣鍓嶅仛浜涗粈涔�
- config.data == undefined ? config.data = {} : false
+ config.data = config.data || {}
config.method = 'post'
config.data.userid = ''
config.data = JSON.stringify(config.data)
diff --git a/src/views/news/index.vue b/src/views/news/index.vue
index 548346b..2afc243 100644
--- a/src/views/news/index.vue
+++ b/src/views/news/index.vue
@@ -171,7 +171,7 @@
flex:1;
padding: 0.1rem 0.1rem;
display: inline-block;
- font-size: 0.13rem;
+ font-size: 0.16rem;
cursor: pointer;
}
.contentTitle_before,.contentTitle_after {
@@ -199,25 +199,25 @@
margin-bottom: .4rem;
cursor: pointer;
h2 {
- padding: 0 .11rem;
+ // padding: 0 .11rem;
span:first-child{
color: #20242A;
- font-size: 0.15rem;
- line-height: .3rem;
+ font-size: 0.16rem;
+ line-height: .25rem;
}
span:nth-child(2){
color:#676767;
- font-size: 0.11rem;
+ font-size: 0.13rem;
float: right;
- margin-top: 0.03rem;
+ margin: 0.1rem 0;
}
}
p {
- padding: 0.14rem 0.11rem;
+ padding: 0.28rem 0rem;
color: #676767;
- font-size: 0.11rem;
+ font-size: 0.14rem;
line-height: 0.25rem;
- margin-top: 0.25rem;
+ margin-top: 0.1rem;
}
}
li:nth-child(3n) {
@@ -250,7 +250,7 @@
width: 3.6rem;
height: 2.2rem;
background:rgba(243,243,243,1);
- padding: 0.2rem 0.1rem 0;
+ padding: 0.1rem 0.1rem 0;
}
button {
display: none;
diff --git a/src/views/productCenter/index.vue b/src/views/productCenter/index.vue
index 0fd5c81..4e7695d 100644
--- a/src/views/productCenter/index.vue
+++ b/src/views/productCenter/index.vue
@@ -4,12 +4,12 @@
<div v-for="(item, index) in details" :key="index">
<div v-if="item.type === 'WLongText'" class="wrapper platform">
<div class="content_title"><span v-if="item.title" v-text="item.title"></span></div>
- <p v-text="item.longText"></p>
+ <p style="margin-bottom: 0.1rem;" v-for="(text, index) in item.textlist" :key="index" v-text="text.LongText"></p>
</div>
<div v-else-if="item.type === 'Wimages'" class="wrapper scene">
<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">
+ <span class="scene scene-img" :class="img.scale && 'scale'" v-for="(img, index) in item.imglist" :key="index">
<img :src="img.url" alt="">
<span class="txt" :class="'txt' + img.position" :style="'color:' + img.color">
<p v-text="img.title"></p>
@@ -92,7 +92,7 @@
title: det.Title1
}
if (item.type === 'WLongText') {
- item.longText = det.DOne[0].LongText
+ item.textlist = det.DOne
} else if (item.type === 'Wimages') {
item.imglist = det.DOne.map(cell => {
return {
@@ -100,7 +100,20 @@
tip: cell.CDefine2,
url: cell.Images,
position: cell.TypeCharThree,
- color: cell.TypeCharTwo
+ color: cell.TypeCharTwo,
+ scale: true
+ }
+ })
+ } else if (item.type === 'WBigImageOne') {
+ item.type = 'Wimages'
+ item.imglist = det.DOne.map(cell => {
+ return {
+ title: cell.CDefine1,
+ tip: cell.CDefine2,
+ url: cell.Images,
+ position: cell.TypeCharThree,
+ color: cell.TypeCharTwo,
+ scale: false
}
})
} else if (item.type === 'Wico') {
@@ -157,15 +170,15 @@
margin: 0.1rem 0 0.38rem;
}
p {
- font-size: 0.14rem;
+ font-size: 0.16rem;
color: #676767;
- line-height: .22rem;
+ line-height: .24rem;
}
}
.scene {
margin: 0 auto;
position: relative;
- cursor: pointer;
+ // cursor: pointer;
.txt {
position: absolute;
@@ -244,7 +257,7 @@
transform: scale(1);
transition: all 0.5s;
}
- .scene-img:hover {
+ .scene-img.scale:hover {
transform: scale(1.1);
z-index: 10;
}
@@ -255,7 +268,7 @@
}
.industry {
.content_title {
- margin: 1.06rem 0 0.69rem;
+ margin: 0.6rem 0 0.5rem;
}
.content_industry {
display: flex;
@@ -348,14 +361,14 @@
.content_skill_item {
text-align: center;
flex: 1;
- font-size: .1rem;
+ font-size: .16rem;
div {
width: 1.2rem;
height: 1.2rem;
display: inline-block;
}
p {
- font-size: 0.13rem;
+ font-size: 0.16rem;
color:#3A3A3C;
margin: 0.2rem 0;
text-align: center;
diff --git a/src/views/successCase/caseDetail.vue b/src/views/successCase/caseDetail.vue
index 62ed8cf..dd6590d 100644
--- a/src/views/successCase/caseDetail.vue
+++ b/src/views/successCase/caseDetail.vue
@@ -8,7 +8,7 @@
<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">
- <div class="content_title_p" v-if="cell.type === 'text'" style="margin: .4rem auto .1rem;" v-text="cell.value"></div>
+ <div class="content_title_p" v-if="cell.type === 'text'" style="margin: .1rem auto .1rem;" :style="!i && 'margin-top: 0.4rem;'" v-text="cell.value"></div>
<div class="content-img" v-else-if="cell.type === 'img'"><img :src="cell.value" alt=""></div>
</div>
</div>
@@ -184,10 +184,13 @@
margin: .4rem auto 0;
}
@media (max-width: 750px) and (min-width: 0){
- .banner img {
- max-width: none;
- width: 140%;
- margin-left: -20%;
+ .banner {
+ margin-top: 1.13rem;
+ img {
+ max-width: none;
+ width: 140%;
+ margin-left: -20%;
+ }
}
.three_box{
margin: 0.4rem 0.3rem 0.8rem;
@@ -240,11 +243,10 @@
.content_title,.content_title_p{
width: 100%;
box-sizing: border-box;
- padding: 0.6rem .43rem 0;
+ padding: 0.2rem .43rem 0;
}
- .content-img{
+ .content-img {
width: 100%;
- height: 3.5rem;
}
.project{
background: #f9f9f9;
@@ -257,7 +259,7 @@
display: flex;
padding: .34rem 0;
dl {
- width: 25%;
+ flex: 1;
dt {
width: .8rem;
height: .8rem;
@@ -517,7 +519,7 @@
display: flex;
margin: .2rem 0;
dl {
- margin-right: .8rem;
+ flex: 1;
dt {
width: .94rem;
height: .94rem;
@@ -528,7 +530,6 @@
}
}
dd {
- width: 1.8rem;
text-align: center;
padding-top: .07rem;
}
diff --git a/src/views/successCase/caseSolution.vue b/src/views/successCase/caseSolution.vue
index b36efa4..e323932 100644
--- a/src/views/successCase/caseSolution.vue
+++ b/src/views/successCase/caseSolution.vue
@@ -10,7 +10,7 @@
<dl class="solution_box" v-for="(item, index) in datalist" :key="index">
<dt class="solution_box_in">
<h3><span v-text="item.SubjClasName"></span></h3>
- <p style="line-height: 0.22rem; margin-right: 0.3rem;font-size: 0.13rem;" v-text="item.Remark"></p>
+ <p style="line-height: 0.22rem; margin-right: 0.3rem;font-size: 0.16rem;" v-text="item.Remark"></p>
<div class="title">
<a href="javascript:;" style="margin-right: 0.3rem;" v-for="(menu, i) in item.Subject" :key="i"
v-text="menu.Title1" @click="jumpmenu(menu)"></a>
@@ -96,7 +96,7 @@
p {
padding: .4rem .4rem 0;
color: #676767;
- font-size: .15rem;
+ font-size: .16rem;
line-height: 0.26rem;
}
.solution_box-m {
--
Gitblit v1.8.0