上传项目

Xxxu

2020-07-07 4f953ffc89fc95f83b152e914c5e65938b440f17

 src/views/modules/home/splash.vue

对比新文件
@@ -0,0 +1,67 @@
<template>
  <div>
    <div class="splash-title">
        <div style="margin-left:30px;padding-top:8px">
            <img src="http://47.106.172.9:443/download/icon/splash_icon.png" style="margin-top:0px" height="13px" width="15px">
            <span style="color:white">鏅鸿兘鍠锋磼鐩戞祴</span>
        </div>
    </div>
    <div id="splash-body" class="splash-body">
        <el-row>
          <el-col :span="24">
            <splash-chart></splash-chart>
          </el-col>
        </el-row>
    </div>
    <div class="splash-bottom"></div>
  </div>
</template>

<script>
import SplashChart from './splash/splash-chart'
export default {
  data () {
    return {

    }
  },
  components: {
    SplashChart
  },
  activated () {
    this.init()
  },

  methods: {
    init () {
      var h = window.innerHeight || document.body.clientHeight
      var aplashBodyH = document.getElementById('splash-body')
      var num = (h - 425) / 3
      aplashBodyH.style.height = num - 2 + 'px'
    },
    getdomheight (dom) {
      return dom.offsetHeight
    }
  }
}
</script>
<style>
.splash-title {
    height: 30px;
    width: 100%;
    background-image: url(~@/assets/img/content_charts_title.png);
    background-size: 100% 30px;
}
.splash-body {
    height: 120px;
    width: 100%;
    background-image: url(~@/assets/img/content_charts_body.png);
    background-size: 100% 100%;
}
.splash-bottom {
    height: 30px;
    width: 100%;
    background-image: url(~@/assets/img/content_charts_bottom.png);
    background-size: 100% 30px;
}
</style>