修改首页和行业方案
suixy
2 weeks ago
parent
a7941626a5
commit
f5b47b6164
@ -0,0 +1,148 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="title">
|
||||||
|
<span>
|
||||||
|
{{ data.title }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="subTitle">
|
||||||
|
<span>
|
||||||
|
{{ data.subTitle }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="list">
|
||||||
|
<div class="item" @click="toLink(i)" v-for=" (i,k) in data.productList">
|
||||||
|
<div class="img1">
|
||||||
|
<div class="img">
|
||||||
|
<el-image
|
||||||
|
style="width: 100%; height: 100%;"
|
||||||
|
:src="i.img"
|
||||||
|
fit="contain"></el-image>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="title1">{{ i.title }}</div>
|
||||||
|
<i class="el-icon-right icon"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {getHwWeb} from "@/api/hwWeb";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'EditEl9',
|
||||||
|
props: ['data'],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
productData: [],
|
||||||
|
linkDialogVisible: false,
|
||||||
|
index: -1,
|
||||||
|
linkDialogForm: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
getHwWeb(7).then(res => {
|
||||||
|
this.productData = JSON.parse(res?.data?.webJsonString || '{}').productList || []
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toLink(e) {
|
||||||
|
this.$router.push(`/productCenter/detail?type=${e.toLink[0]}&typeId=${e.toLink[1]}&id=${e.toLink[2]}`)
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import "~@/style.less";
|
||||||
|
|
||||||
|
.title {
|
||||||
|
padding-top: 4.2vw;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 2.5vw;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
color: #0003;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subTitle {
|
||||||
|
padding-top: 0.4vw;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.9vw;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list {
|
||||||
|
width: 100%;
|
||||||
|
margin: 3vw auto 0;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
margin-right: 3vw;
|
||||||
|
width: calc(33% - 3vw);
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 1.4vw;
|
||||||
|
vertical-align: top;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
|
||||||
|
.img1 {
|
||||||
|
.img {
|
||||||
|
transform: scale(1.2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.img1 {
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
height: calc((90vw * 0.33 - 3vw) * 1080 / 1920);
|
||||||
|
|
||||||
|
.img {
|
||||||
|
transition: all .5s;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title1 {
|
||||||
|
margin-top: 1vw;
|
||||||
|
font-size: 1.3vw;
|
||||||
|
padding-left: 2vw;
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 2px;
|
||||||
|
height: 100%;
|
||||||
|
background: blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
font-size: 1.3vw;
|
||||||
|
position: absolute;
|
||||||
|
right: 2vw;
|
||||||
|
bottom: 1vw;
|
||||||
|
transform: translateY(50%);
|
||||||
|
transition: all .5s;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(3n) {
|
||||||
|
margin-right: 0%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
<template>
|
||||||
|
<div style="text-align: left">
|
||||||
|
<div v-html="newsData"></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {VueEditor} from "vue2-editor";
|
||||||
|
import {getHwWeb} from "@/api/hwWeb";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {VueEditor},
|
||||||
|
|
||||||
|
data: () => ({
|
||||||
|
newsData: ""
|
||||||
|
}),
|
||||||
|
watch: {
|
||||||
|
'$route': {
|
||||||
|
handler() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
deep: true,
|
||||||
|
immediate: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getData() {
|
||||||
|
getHwWeb(-1).then(res => {
|
||||||
|
let data = JSON.parse(res?.data?.webJsonString || '{}')?.news
|
||||||
|
this.newsData = data.find(e => e.id == this.$route.query.id)?.detail || ''
|
||||||
|
console.log(data)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue