| @@ -1,17 +1,17 @@ | |||||
| <template> | <template> | ||||
| <div class="hotnews" > | <div class="hotnews" > | ||||
| <div class="imgtxt" @click="routerToarticleDetails(hotnews.detail)"> | |||||
| <img :src="hotnews.img"> | |||||
| <a class="newsTitle">{{ hotnews.title }}</a> | |||||
| <div class="imgtxt" @click="routerToarticleDetails(firstData.detail)"> | |||||
| <img :src="firstData.image"> | |||||
| <a class="newsTitle">{{ firstData.title }}</a> | |||||
| </div> | </div> | ||||
| <div class="hottxt"> | <div class="hottxt"> | ||||
| <div id="htitle"> | |||||
| <div class="htitle"> | |||||
| <a class="tle">热点新闻</a> | <a class="tle">热点新闻</a> | ||||
| <el-button type="text" @click="routerTo">MORE+</el-button> | <el-button type="text" @click="routerTo">MORE+</el-button> | ||||
| </div> | </div> | ||||
| <div class="hotList"> | <div class="hotList"> | ||||
| <div class="list" v-for="(item, index) in hotnewsList" :key="index" @click="routerToarticleDetails(item.detail)"> | |||||
| <img :src="item.img"> | |||||
| <div class="list" v-for="(item, index) in listData" :key="index" @click="routerToarticleDetails(item.detail)"> | |||||
| <img :src="item.image"> | |||||
| <a>{{ item.title }}</a> | <a>{{ item.title }}</a> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -19,12 +19,36 @@ | |||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| /* eslint-disable */ | |||||
| export default { | export default { | ||||
| props: { | props: { | ||||
| list: Array, | |||||
| }, | |||||
| watch: { | |||||
| list: { | |||||
| handler(newVal, oldVal) { | |||||
| if (this.list.length) { | |||||
| this.firstData = this.list[0] | |||||
| this.listData = this.list.slice(1, this.list.length) | |||||
| } | |||||
| }, | |||||
| immediate: true | |||||
| } | |||||
| }, | }, | ||||
| data() { | data() { | ||||
| return {} | |||||
| return { | |||||
| firstData: {}, | |||||
| listData: [] | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| routerTo() { | |||||
| this.$router.push({ path: '/articleList' }) | |||||
| }, | |||||
| routerToarticleDetails() { | |||||
| localStorage.setItem('article', value) | |||||
| this.$router.push({ path: '/articleDetails' }) | |||||
| } | |||||
| } | } | ||||
| } | } | ||||
| </script> | </script> | ||||
| @@ -66,7 +90,6 @@ export default { | |||||
| .hottxt { | .hottxt { | ||||
| display: flex; | display: flex; | ||||
| justify-content: space-around; | |||||
| flex-direction: column; | flex-direction: column; | ||||
| align-items: center; | align-items: center; | ||||
| flex: 1; | flex: 1; | ||||
| @@ -76,6 +99,7 @@ export default { | |||||
| justify-content: space-between; | justify-content: space-between; | ||||
| align-items: center; | align-items: center; | ||||
| width: 95%; | width: 95%; | ||||
| margin-top: 15px; | |||||
| .tle { | .tle { | ||||
| z-index: 9; | z-index: 9; | ||||
| font-size: 26px; | font-size: 26px; | ||||
| @@ -28,7 +28,7 @@ | |||||
| <!-- Add Pagination --> | <!-- Add Pagination --> | ||||
| <!-- <div class="swiper-paginationhor"></div> --> | <!-- <div class="swiper-paginationhor"></div> --> | ||||
| </div> | </div> | ||||
| <el-dialog :visible.sync="videoDialogVisible" width="400px" > | |||||
| <el-dialog :visible.sync="videoDialogVisible" :lock-scroll="false" :append-to-body="true" width="400px" > | |||||
| <VideoDialog :url="videoUrl"></VideoDialog> | <VideoDialog :url="videoUrl"></VideoDialog> | ||||
| </el-dialog> | </el-dialog> | ||||
| </div> | </div> | ||||
| @@ -234,7 +234,6 @@ export default { | |||||
| .content { | .content { | ||||
| align-items: center; | align-items: center; | ||||
| } | } | ||||
| padding-bottom: 80px; | |||||
| .top { | .top { | ||||
| min-height: 470px; | min-height: 470px; | ||||
| margin-bottom: 40px; | margin-bottom: 40px; | ||||
| @@ -25,24 +25,7 @@ | |||||
| </el-carousel-item> | </el-carousel-item> | ||||
| </el-carousel> | </el-carousel> | ||||
| </div> | </div> | ||||
| <div class="hotnews" v-if="display"> | |||||
| <div id="imgtxt" @click="routerToarticleDetails(hotnews.detail)"> | |||||
| <img :src="hotnews.img"> | |||||
| <a class="newsTitle">{{ hotnews.title }}</a> | |||||
| </div> | |||||
| <div id="hottxt"> | |||||
| <div id="htitle"> | |||||
| <a class="tle">热点新闻</a> | |||||
| <el-button type="text" @click="routerTo">MORE+</el-button> | |||||
| </div> | |||||
| <div id="hotList"> | |||||
| <div class="list" v-for="(item, index) in hotnewsList" :key="index" @click="routerToarticleDetails(item.detail)"> | |||||
| <img :src="item.img"> | |||||
| <a>{{ item.title }}</a> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <HotNews v-if="display" :list="hotnewsList"/> | |||||
| <a :href="gg1.link" v-if="gg1.img" target="_blank"> | <a :href="gg1.link" v-if="gg1.img" target="_blank"> | ||||
| <img class="bottom" :src="gg1.img" alt=""> | <img class="bottom" :src="gg1.img" alt=""> | ||||
| </a> | </a> | ||||
| @@ -84,7 +67,7 @@ | |||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| <el-dialog title="" v-if="videoDialogVisible" :visible.sync="videoDialogVisible" width="50%"> | <el-dialog title="" v-if="videoDialogVisible" :visible.sync="videoDialogVisible" width="50%"> | ||||
| <VideoDialog :url="videoUrl"></VideoDialog> | |||||
| <VideoDialog :url="videoUrl" :lock-scroll="false" :append-to-body="true"></VideoDialog> | |||||
| </el-dialog> | </el-dialog> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| @@ -93,6 +76,7 @@ | |||||
| import { lunboList, carNewsHotList, guanggao, link, yuanyuzhouHotList, hotnewsConfig, hotnews } from '@/api/home.js' | import { lunboList, carNewsHotList, guanggao, link, yuanyuzhouHotList, hotnewsConfig, hotnews } from '@/api/home.js' | ||||
| import Swiper from '@/components/swiper' | import Swiper from '@/components/swiper' | ||||
| import VideoDialog from '@/components/video' | import VideoDialog from '@/components/video' | ||||
| import HotNews from '@/components/hotNews' | |||||
| export default { | export default { | ||||
| name: 'home', | name: 'home', | ||||
| @@ -114,7 +98,7 @@ export default { | |||||
| hotnewsList: [] | hotnewsList: [] | ||||
| } | } | ||||
| }, | }, | ||||
| components: { Swiper, VideoDialog }, | |||||
| components: { Swiper, VideoDialog, HotNews }, | |||||
| mounted () { | mounted () { | ||||
| this.gethotnewsConfig() | this.gethotnewsConfig() | ||||
| this.getlunboList() | this.getlunboList() | ||||
| @@ -190,17 +174,7 @@ export default { | |||||
| const { data: { message, data } } = await hotnews() | const { data: { message, data } } = await hotnews() | ||||
| console.log(data) | console.log(data) | ||||
| if (message === 'success') { | if (message === 'success') { | ||||
| this.hotnews.title = data.list[0].title | |||||
| this.hotnews.img = data.list[0].image | |||||
| this.hotnews.detail = data.list[0].detail | |||||
| for (let index = 1; index < data.list.length; index++) { | |||||
| this.hotnewsList.push({ | |||||
| title: data.list[index].title, | |||||
| img: data.list[index].image, | |||||
| subtitle: data.list[index].subTitle, | |||||
| detail: data.list[index].detail | |||||
| }) | |||||
| } | |||||
| this.hotnewsList = data.list | |||||
| } | } | ||||
| }, | }, | ||||
| } | } | ||||
| @@ -246,148 +220,6 @@ export default { | |||||
| .top, .bottom { | .top, .bottom { | ||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| .hotnews { | |||||
| min-height: 100px; | |||||
| margin-top: 20px; | |||||
| min-height: 470px; | |||||
| background-color: #FFFFFF; | |||||
| display: flex; | |||||
| margin-bottom: 30px; | |||||
| background-image: url('../../assets/hotTopLeft.png'); | |||||
| background-position: 101% 0; /* 调整这些值来改变显示的部分 */ | |||||
| background-size: 30% 50%; /* 使用 'cover' 或 'contain',或者设置具体尺寸 */ | |||||
| background-repeat: no-repeat; | |||||
| #imgtxt { | |||||
| width: 560px; | |||||
| position: relative; | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| align-items: center; | |||||
| margin-left: 20px; | |||||
| img { | |||||
| width: 560px; | |||||
| } | |||||
| .newsTitle{ | |||||
| position: absolute; | |||||
| bottom: 5%; | |||||
| left: 0; | |||||
| display: inline-block; | |||||
| font-size: 18px; | |||||
| font-weight: bold; | |||||
| color: #FFFFFF; | |||||
| line-height: 48px; | |||||
| width: 100%; | |||||
| background-color: #0000007e; | |||||
| } | |||||
| } | |||||
| #hottxt { | |||||
| display: flex; | |||||
| justify-content: space-around; | |||||
| flex-direction: column; | |||||
| align-items: center; | |||||
| flex: 1; | |||||
| margin-left: 35px; | |||||
| #htitle { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| width: 95%; | |||||
| .tle { | |||||
| z-index: 9; | |||||
| font-size: 26px; | |||||
| font-weight: bold; | |||||
| color: #00161C; | |||||
| line-height: 48px; | |||||
| display: inline-block; | |||||
| position: relative; | |||||
| text-decoration: none; /* 移除默认的下划线 */ | |||||
| } | |||||
| .tle::after { | |||||
| content: ''; | |||||
| position: absolute; | |||||
| left: -15px; | |||||
| bottom: 10px; | |||||
| width: 65%; | |||||
| height: 6px; /* 横线高度为文字高度的一半 */ | |||||
| background-color: #07CAAF;; /* 横线颜色与文字颜色相同 */ | |||||
| z-index: -1; | |||||
| } | |||||
| .el-button { | |||||
| font-size: 16px; | |||||
| font-weight: bold; | |||||
| color: #07CAAF; | |||||
| line-height: 48px; | |||||
| cursor: pointer; | |||||
| z-index: 9999; | |||||
| } | |||||
| } | |||||
| } | |||||
| #hotList { | |||||
| height: 76%; | |||||
| display: flex; | |||||
| flex-wrap: wrap; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| .list { | |||||
| z-index: 999; | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| width: 150px; | |||||
| margin-right: 39px; | |||||
| img { | |||||
| width: 150px; | |||||
| height: 112px; | |||||
| border-radius: 10px; | |||||
| } | |||||
| a { | |||||
| font-size: 14px; | |||||
| font-weight: 400; | |||||
| color: #010101; | |||||
| margin-top: 14px; | |||||
| white-space: nowrap; | |||||
| overflow: hidden; | |||||
| text-overflow: ellipsis; | |||||
| width: 150px; | |||||
| // line-height: 48px; | |||||
| } | |||||
| } | |||||
| } | |||||
| .top { | |||||
| margin-bottom: 30px; | |||||
| background-color: #FFFFFF; | |||||
| display: flex; | |||||
| background-image: url('../../assets/hotTopLeft.png'); | |||||
| background-position: 101% 0; /* 调整这些值来改变显示的部分 */ | |||||
| background-size: 30% 50%; /* 使用 'cover' 或 'contain',或者设置具体尺寸 */ | |||||
| background-repeat: no-repeat; | |||||
| #imgtxt { | |||||
| width: 560px; | |||||
| position: relative; | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| align-items: center; | |||||
| margin-left: 20px; | |||||
| img { | |||||
| width: 560px; | |||||
| } | |||||
| .newsTitle{ | |||||
| position: absolute; | |||||
| bottom: 5%; | |||||
| left: 0; | |||||
| display: inline-block; | |||||
| font-size: 18px; | |||||
| font-weight: bold; | |||||
| color: #FFFFFF; | |||||
| line-height: 48px; | |||||
| width: 100%; | |||||
| background-color: #0000007e; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .top { | .top { | ||||
| // min-height: 470px; | // min-height: 470px; | ||||
| // background: black; | // background: black; | ||||
| @@ -3,24 +3,7 @@ | |||||
| <Swiper :banner-array="carouselList" /> | <Swiper :banner-array="carouselList" /> | ||||
| <div id="hot"> | <div id="hot"> | ||||
| <div class="content"> | <div class="content"> | ||||
| <div class="top" v-if="display"> | |||||
| <div id="imgtxt" @click="routerToarticleDetails(hotnews.detail)"> | |||||
| <img :src="hotnews.img"> | |||||
| <a class="newsTitle">{{ hotnews.title }}</a> | |||||
| </div> | |||||
| <div id="hottxt"> | |||||
| <div id="htitle"> | |||||
| <a class="tle">热点新闻</a> | |||||
| <el-button type="text" @click="routerTo">MORE+</el-button> | |||||
| </div> | |||||
| <div id="hotList"> | |||||
| <div class="list" v-for="(item, index) in hotnewsList" :key="index" @click="routerToarticleDetails(item.detail)"> | |||||
| <img :src="item.img"> | |||||
| <a>{{ item.title }}</a> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <HotNews v-if="display" :list="hotnewsList"/> | |||||
| <a :href="gg1.link" v-if="gg1.img" target="_blank"> | <a :href="gg1.link" v-if="gg1.img" target="_blank"> | ||||
| <img class="bottom" :src="gg1.img" alt=""> | <img class="bottom" :src="gg1.img" alt=""> | ||||
| </a> | </a> | ||||
| @@ -63,7 +46,7 @@ | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <el-dialog title="" v-if="videoDialogVisible" :visible.sync="videoDialogVisible" width="50%"> | <el-dialog title="" v-if="videoDialogVisible" :visible.sync="videoDialogVisible" width="50%"> | ||||
| <VideoDialog :url="videoUrl"></VideoDialog> | |||||
| <VideoDialog :url="videoUrl" :lock-scroll="false" :append-to-body="true"></VideoDialog> | |||||
| </el-dialog> | </el-dialog> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| @@ -72,6 +55,7 @@ | |||||
| import Swiper from '@/components/swiper' | import Swiper from '@/components/swiper' | ||||
| import { lunboList, hotNewsConfig, guanggao, hotlist, videoList, carArticle } from '@/api/car.js' | import { lunboList, hotNewsConfig, guanggao, hotlist, videoList, carArticle } from '@/api/car.js' | ||||
| import VideoDialog from '@/components/video' | import VideoDialog from '@/components/video' | ||||
| import HotNews from '@/components/hotNews' | |||||
| export default { | export default { | ||||
| name: 'information', | name: 'information', | ||||
| data () { | data () { | ||||
| @@ -97,7 +81,8 @@ export default { | |||||
| }, | }, | ||||
| components: { | components: { | ||||
| Swiper, | Swiper, | ||||
| VideoDialog | |||||
| VideoDialog, | |||||
| HotNews | |||||
| }, | }, | ||||
| mounted () { | mounted () { | ||||
| this.gethotnewsConfig() | this.gethotnewsConfig() | ||||
| @@ -144,17 +129,7 @@ export default { | |||||
| async gethotlist () { | async gethotlist () { | ||||
| const { data: { message, data } } = await hotlist() | const { data: { message, data } } = await hotlist() | ||||
| if (message === 'success') { | if (message === 'success') { | ||||
| this.hotnews.title = data.list[0].title | |||||
| this.hotnews.img = data.list[0].image | |||||
| this.hotnews.detail = data.list[0].detail | |||||
| for (let index = 1; index < data.list.length; index++) { | |||||
| this.hotnewsList.push({ | |||||
| title: data.list[index].title, | |||||
| img: data.list[index].image, | |||||
| subtitle: data.list[index].subTitle, | |||||
| detail: data.list[index].detail | |||||
| }) | |||||
| } | |||||
| this.hotnewsList = data.list | |||||
| } | } | ||||
| }, | }, | ||||
| async getvideoList () { | async getvideoList () { | ||||
| @@ -3,24 +3,7 @@ | |||||
| <Swiper :banner-array="carouselList" /> | <Swiper :banner-array="carouselList" /> | ||||
| <div id="hot"> | <div id="hot"> | ||||
| <div class="content"> | <div class="content"> | ||||
| <div class="top" v-if="display"> | |||||
| <div id="imgtxt" @click="routerToarticleDetails(hotnews.detail)"> | |||||
| <img :src="hotnews.img"> | |||||
| <a class="newsTitle">{{ hotnews.title }}</a> | |||||
| </div> | |||||
| <div id="hottxt"> | |||||
| <div id="htitle"> | |||||
| <a class="tle">热点新闻</a> | |||||
| <el-button type="text" @click="routerTo">MORE+</el-button> | |||||
| </div> | |||||
| <div id="hotList"> | |||||
| <div class="list" v-for="(item, index) in hotnewsList" :key="index" @click="routerToarticleDetails(item.detail)"> | |||||
| <img :src="item.img"> | |||||
| <a>{{ item.title }}</a> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <HotNews v-if="display" :list="hotnewsList"/> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="gg" v-if="gg1.img" > | <div class="gg" v-if="gg1.img" > | ||||
| @@ -74,6 +57,7 @@ | |||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import Swiper from '@/components/swiper' | import Swiper from '@/components/swiper' | ||||
| import HotNews from '@/components/hotNews' | |||||
| import { guanggao, lunboList, hotNewsConfig, shendu, zixun, hotnews } from '@/api/metadaily.js' | import { guanggao, lunboList, hotNewsConfig, shendu, zixun, hotnews } from '@/api/metadaily.js' | ||||
| export default { | export default { | ||||
| name: 'metadaily', | name: 'metadaily', | ||||
| @@ -93,7 +77,8 @@ export default { | |||||
| } | } | ||||
| }, | }, | ||||
| components: { | components: { | ||||
| Swiper | |||||
| Swiper, | |||||
| HotNews | |||||
| }, | }, | ||||
| mounted () { | mounted () { | ||||
| this.gethotnewsConfig() | this.gethotnewsConfig() | ||||
| @@ -149,19 +134,20 @@ export default { | |||||
| this.hotnewsList = [] | this.hotnewsList = [] | ||||
| const { data: { message, data } } = await hotnews() | const { data: { message, data } } = await hotnews() | ||||
| if (message === 'success') { | if (message === 'success') { | ||||
| this.hotnews = { | |||||
| title: data.list[0].title, | |||||
| img: data.list[0].image, | |||||
| detail: data.list[0].detail | |||||
| } | |||||
| for (let index = 1; index < data.list.length; index++) { | |||||
| console.log(data.list[index]) | |||||
| this.hotnewsList.push({ | |||||
| title: data.list[index].title, | |||||
| img: data.list[index].image, | |||||
| detail: data.list[index].detail | |||||
| }) | |||||
| } | |||||
| this.hotnewsList = data.list | |||||
| // this.hotnews = { | |||||
| // title: data.list[0].title, | |||||
| // img: data.list[0].image, | |||||
| // detail: data.list[0].detail | |||||
| // } | |||||
| // for (let index = 1; index < data.list.length; index++) { | |||||
| // console.log(data.list[index]) | |||||
| // this.hotnewsList.push({ | |||||
| // title: data.list[index].title, | |||||
| // img: data.list[index].image, | |||||
| // detail: data.list[index].detail | |||||
| // }) | |||||
| // } | |||||
| } | } | ||||
| }, | }, | ||||
| async getshendu () { | async getshendu () { | ||||
| @@ -231,109 +217,6 @@ export default { | |||||
| .top, .bottom { | .top, .bottom { | ||||
| width: 100%; | width: 100%; | ||||
| } | } | ||||
| .top { | |||||
| min-height: 470px; | |||||
| //margin-bottom: 30px; | |||||
| background-color: #FFFFFF; | |||||
| display: flex; | |||||
| #imgtxt { | |||||
| width: 560px; | |||||
| //width: 55%; | |||||
| position: relative; | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| align-items: center; | |||||
| img { | |||||
| width: 560px; | |||||
| //height: 90%; | |||||
| } | |||||
| .newsTitle{ | |||||
| position: absolute; | |||||
| bottom: 5%; | |||||
| left: 0; | |||||
| display: inline-block; | |||||
| font-size: 18px; | |||||
| font-weight: bold; | |||||
| color: #FFFFFF; | |||||
| line-height: 48px; | |||||
| width: 100%; | |||||
| background-color: #0000007e; | |||||
| } | |||||
| } | |||||
| #hottxt { | |||||
| display: flex; | |||||
| justify-content: space-around; | |||||
| flex-direction: column; | |||||
| align-items: center; | |||||
| flex: 1; | |||||
| margin-left: 35px; | |||||
| #htitle { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| width: 95%; | |||||
| .tle { | |||||
| z-index: 9; | |||||
| font-size: 26px; | |||||
| font-weight: bold; | |||||
| color: #00161C; | |||||
| line-height: 48px; | |||||
| display: inline-block; | |||||
| position: relative; | |||||
| text-decoration: none; /* 移除默认的下划线 */ | |||||
| } | |||||
| .tle::after { | |||||
| content: ''; | |||||
| position: absolute; | |||||
| left: -15px; | |||||
| bottom: 10px; | |||||
| width: 65%; | |||||
| height: 6px; /* 横线高度为文字高度的一半 */ | |||||
| background-color: #07CAAF;; /* 横线颜色与文字颜色相同 */ | |||||
| z-index: -1; | |||||
| } | |||||
| .el-button { | |||||
| font-size: 16px; | |||||
| font-weight: bold; | |||||
| color: #07CAAF; | |||||
| line-height: 48px; | |||||
| z-index: 999; | |||||
| } | |||||
| } | |||||
| } | |||||
| #hotList { | |||||
| //height: 90%; | |||||
| height: 76%; | |||||
| display: flex; | |||||
| flex-wrap: wrap; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| .list { | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| justify-content: center; | |||||
| margin-right: 39px; | |||||
| z-index: 999; | |||||
| img { | |||||
| width: 150px; | |||||
| height: 112px; | |||||
| border-radius: 10px; | |||||
| } | |||||
| a { | |||||
| font-size: 14px; | |||||
| font-weight: 400; | |||||
| color: #010101; | |||||
| margin-top: 14px; | |||||
| white-space: nowrap; | |||||
| overflow: hidden; | |||||
| text-overflow: ellipsis; | |||||
| width: 150px; | |||||
| //line-height: 48px; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .bottom { | .bottom { | ||||
| min-height: 120px; | min-height: 120px; | ||||
| background-image: url('../../assets/bottom.png'); | background-image: url('../../assets/bottom.png'); | ||||
| @@ -345,40 +228,6 @@ export default { | |||||
| padding: 0; | padding: 0; | ||||
| .content { | .content { | ||||
| margin-top: 30px; | margin-top: 30px; | ||||
| .top { | |||||
| //min-height: 470px; | |||||
| //margin-bottom: 40px; | |||||
| background-color: #FFFFFF; | |||||
| display: flex; | |||||
| background-image: url('../../assets/hotTopLeft.png'); | |||||
| background-position: 101% 0; /* 调整这些值来改变显示的部分 */ | |||||
| background-size: 30% 50%; /* 使用 'cover' 或 'contain',或者设置具体尺寸 */ | |||||
| background-repeat: no-repeat; | |||||
| #imgtxt { | |||||
| width: 560px; | |||||
| position: relative; | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| align-items: center; | |||||
| margin-left: 20px; | |||||
| img { | |||||
| width: 560px; | |||||
| //height: 90%; | |||||
| } | |||||
| .newsTitle{ | |||||
| position: absolute; | |||||
| bottom: 5%; | |||||
| left: 0; | |||||
| display: inline-block; | |||||
| font-size: 18px; | |||||
| font-weight: bold; | |||||
| color: #FFFFFF; | |||||
| line-height: 48px; | |||||
| width: 100%; | |||||
| background-color: #0000007e; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | } | ||||
| } | } | ||||
| #wk { | #wk { | ||||