banner优化

master
yujialong 1 year ago
parent 9785648cd2
commit e62db9a09f
  1. 2
      src/layouts/navbar/index.vue
  2. 7
      src/pages/deviceIntroBeam/index.vue
  3. 7
      src/pages/deviceIntroLayout/index.vue
  4. 7
      src/pages/deviceIntroLinear/index.vue
  5. 7
      src/pages/exp/index.vue
  6. 1
      src/pages/overviewDevHistory/index.vue

@ -27,7 +27,7 @@
<script> <script>
import menuTree from '@/components/menuTree' import menuTree from '@/components/menuTree'
import mixins from '@/mixins/article' import mixins from '@/mixins/article'
import { mapState, mapMutations, mapGetters } from 'vuex' import { mapMutations, mapGetters } from 'vuex'
export default { export default {
props: ['isHome', 'isEstate', 'isIasf', 'updateModelType'], props: ['isHome', 'isEstate', 'isIasf', 'updateModelType'],
mixins: [mixins], mixins: [mixins],

@ -89,15 +89,16 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import '../../styles/page/page.scss'; @import '../../styles/page/page.scss';
$banner-height: 21.6rem;
.wrap { .wrap {
background: url(http://10.10.11.7/images/device/4.png) bottom right/auto no-repeat; background: url(http://10.10.11.7/images/device/4.png) bottom right/auto no-repeat;
/deep/ .el-carousel { /deep/ .el-carousel {
height: 12.6rem; height: $banner-height;
.el-carousel__container { .el-carousel__container {
height: 12.6rem; height: $banner-height;
} }
img { img {
height: 12.6rem; height: $banner-height;
} }
} }
} }

@ -88,15 +88,16 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import '../../styles/page/page.scss'; @import '../../styles/page/page.scss';
$banner-height: 21.6rem;
.wrap { .wrap {
background: url(http://10.10.11.7/images/device/4.png) bottom right/auto no-repeat; background: url(http://10.10.11.7/images/device/4.png) bottom right/auto no-repeat;
/deep/ .el-carousel { /deep/ .el-carousel {
height: 12.6rem; height: $banner-height;
.el-carousel__container { .el-carousel__container {
height: 12.6rem; height: $banner-height;
} }
img { img {
height: 12.6rem; height: $banner-height;
} }
} }
} }

@ -91,14 +91,15 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import '../../styles/page/page.scss'; @import '../../styles/page/page.scss';
$banner-height: 21.6rem;
.wrap { .wrap {
/deep/ .el-carousel { /deep/ .el-carousel {
height: 12.6rem; height: $banner-height;
.el-carousel__container { .el-carousel__container {
height: 12.6rem; height: $banner-height;
} }
img { img {
height: 12.6rem; height: $banner-height;
} }
} }
} }

@ -123,14 +123,15 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../plugins/wow/animate.css); @import url(../../plugins/wow/animate.css);
@import '../../styles/page/page.scss'; @import '../../styles/page/page.scss';
$banner-height: 21.6rem;
.wrap { .wrap {
/deep/ .el-carousel { /deep/ .el-carousel {
height: 12.6rem; height: $banner-height;
.el-carousel__container { .el-carousel__container {
height: 12.6rem; height: $banner-height;
} }
img { img {
height: 12.6rem; height: $banner-height;
} }
} }
} }

@ -45,6 +45,7 @@
<p class="date">{{ e.title }}</p> <p class="date">{{ e.title }}</p>
<p class="text">{{ e.des }}</p> <p class="text">{{ e.des }}</p>
</div> </div>
<img v-if="e.pic" <img v-if="e.pic"
:src="e.pic" :src="e.pic"
alt="" alt=""

Loading…
Cancel
Save