修改主页样式

whycwx

2021-03-10 357763a5ff5aaabd2d78617adc6dd58e616e3bcc

修改主页样式

 src/pages/index.vue

@@ -7,7 +7,7 @@
      <div class="user">
      </div>
    </div>
    <div class="nav-banner">
    <div class="nav-banner" ref="navBanner">
      <div class="img"></div>
      <div class="bigText">大屏驾驶舱数据可视化</div>
      <div class="subText">数据管理界面</div>
@@ -28,7 +28,7 @@
            <div class="emptyCon">空白画板</div>
          </div>
        </div>
        <div class="template-item" v-for="(item,i) in 1" :key="i">
        <div class="template-item" v-for="(item,i) in 100" :key="i">
          <div class="template-image">
            <div class="screen-edit">
              <el-tooltip class="item" effect="dark" content="查看" placement="top">
@@ -74,10 +74,11 @@
      }
    },
    mounted() {
      let self = this;
      window.addEventListener('scroll', () => {
        this.scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        let clientHeight = this.$refs.indexWarp.clientHeight;
        if (this.scrollTop / clientHeight > 0.2) {
        let thisHeight = self.$refs.navBanner.offsetHeight;
        if (this.scrollTop  > thisHeight) {
          this.isBgColor = true
        } else {
          this.isBgColor = false