Explorar el Código

edit banneer

master
chutingting hace 1 año
padre
commit
a90ca995ff
Se han modificado 3 ficheros con 45 adiciones y 5 borrados
  1. +31
    -0
      src/components/banner/index.vue
  2. +1
    -0
      src/layouts/index.vue
  3. +13
    -5
      src/views/information/index.vue

+ 31
- 0
src/components/banner/index.vue Ver fichero

@@ -0,0 +1,31 @@
<template>
<a class="banner" :href="data.link" v-if="data.image" target="_blank">
<img :src="data.image" alt="">
</a>
</template>
<script>
/* eslint-disable */
export default {
props: {
data: {
type: Object,
default: () => {
return {}
}
}
},
data() {},
created() {}
}
</script>
<style lang="scss" scoped>
.banner{
display: block;
width: 1200px;
margin: 0 auto;
img {
width: 100%;
padding: 30px 0;
}
}
</style>

+ 1
- 0
src/layouts/index.vue Ver fichero

@@ -68,6 +68,7 @@ export default {
.el-main {
padding: 0;
margin: 0;
background: #E3E5EA;
}
.el-footer {
margin:0;


+ 13
- 5
src/views/information/index.vue Ver fichero

@@ -12,7 +12,7 @@
<div id="daliay">
<div class="content">
<div class="top">
<el-carousel :interval="4000" type="card" height="200px" arrow="always" v-model="currentIndex" @change="handleChange" ref="carousel">
<el-carousel :interval="4000" type="card" height="490px" arrow="always" v-model="currentIndex" @change="handleChange" ref="carousel">
<el-carousel-item v-for="(item, index) in carvideoList" :key="index">
<div class="carvideo" :class="currentIndex === index ? 'carvideoShadow' : ''">
<img class="videoImage" :src="item.image" />
@@ -22,11 +22,11 @@
</el-carousel-item>
</el-carousel>
</div>
<a :href="gg2.link" v-if="gg2.img" target="_blank">
<img class="bottom" :src="gg2.img" alt="">
</a>
</div>
</div>
<a :href="gg2.link" v-if="gg2.img" target="_blank" class="banner">
<img :src="gg2.img" alt="">
</a>
<div id="wk">
<div class="content">
<div class="htitle">
@@ -303,7 +303,9 @@ export default {
}
#daliay {
height: 625px;
.content {
height: 410px;
}
.top {
// justify-content: space-between;
background-color: #00000000 !important;
@@ -474,4 +476,10 @@ export default {
background-repeat: no-repeat;
}
}
.banner{
margin: 0 auto;
margin-bottom: 30px;
display: block;
width: 1200px;
}
</style>

Cargando…
Cancelar
Guardar