修改首页和行业方案
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