欢迎页图标改变

heyujie

2021-07-07 ded792ca595f1acd62ae88716123d18e6c52be07

欢迎页图标改变

 src/pages/maintain/views/updateSettings.vue

@@ -2,13 +2,13 @@
  <div class="all">

    <div class="cluster-content">

      <div class="cluster-center" ref="left">

        <div class="menu-item" @click="openRight(0)">

        <div class="menu-item" :class="activePage==0?'menu-item-active':''" @click="openRight(0)">

          <div class="con">

            <span class="icon iconfont">&#xe646;</span>

            <span class="menu-text">系统更新</span>

          </div>

        </div>

        <div class="menu-item" @click="openRight(1)">

        <div class="menu-item" :class="activePage==1?'menu-item-active':''" @click="openRight(1)">

          <div class="con">

            <span class="icon iconfont">&#xe646;</span>



@@ -65,7 +65,6 @@
        <div class="wifi" v-if="activePage == 1">

          <div class="content">

            <div class="title">系统更新设置</div>



            <div class="bar">

              <div class="name">自动清理软件包缓存</div>

              <el-switch

@@ -159,12 +158,10 @@
      app_auto_download: false,

      timer: null,

      patchFile: {},



      fileAdded: false,

      upgrading: false,

    };

  },

  mounted() {},

  methods: {

    onFileUpload(file) {

      this.patchUpdateStatus = `<span style="color:green">上传成功, 点击升级按钮开始升级</span>`;

@@ -234,11 +231,6 @@
      }, 10000);

    },

    openRight(typ) {

      const es = document.getElementsByClassName("menu-item");

      es[this.activePage].style.backgroundColor = "#f8f8f8";

      es[this.activePage].style.color = "rgba(54, 54, 54, 1)";

      es[typ].style.backgroundColor = "rgba(61, 104, 225, 1)";

      es[typ].style.color = "#fff";

      this.activePage = typ;

    },

    switchChange(typ) {

@@ -268,7 +260,6 @@
    padding: 10px;

    border-right: 5px solid #f8f8f8;



    // background-color: lavender;

    .menu-item {

      background-color: #f8f8f8;

      height: 50px;

@@ -289,6 +280,10 @@
          font-size: 15px;

        }

      }

    }

    .menu-item-active{

      color: #fff;

      background-color: rgba(61, 104, 225, 1);

    }

  }

  .cluster-right {

@@ -334,10 +329,7 @@
      flex-direction: column;

      justify-content: space-between;

      height: 95%;

      // .el-radio-button__inner {

      //   // color: #333333;

      //   border: none;

      // }



      .update-center {

        height: 160px;

        .spin-bg {

@@ -370,8 +362,6 @@
      }

      .upload-center {

        height: 340px;



        // margin: 0 auto;

         .update-center {

        height: 160px;

        .spin-bg {


 src/pages/settings/index/App.vue

@@ -496,37 +496,37 @@
  <div class="welcome-page" v-else>
    <div class="child" @click="openWelcome('账户',0)">
      <div class="child-info">
        <span class="icon iconfont welcome-icon">&#xe690;</span>
        <span class="icon iconfont welcome-icon">&#xe6de;</span>
        <span class="welcome-title">账户</span>
      </div>
    </div>
    <div class="child"  @click="openWelcome('日期时间',1)">
      <div class="child-info">
        <span class="icon iconfont welcome-icon">&#xe690;</span>
        <span class="icon iconfont welcome-icon">&#xe6ff;</span>
        <span class="welcome-title">日期时间</span>
      </div>
    </div>
    <div class="child"  @click="openWelcome('集群管理',2)">
      <div class="child-info">
        <span class="icon iconfont welcome-icon">&#xe690;</span>
        <span class="icon iconfont welcome-icon">&#xe6df;</span>
        <span class="welcome-title">集群管理</span>
      </div>
    </div>
    <div class="child"  @click="openWelcome('网络设置',3)">
      <div class="child-info">
        <span class="icon iconfont welcome-icon">&#xe690;</span>
        <span class="icon iconfont welcome-icon">&#xe6dd;</span>
        <span class="welcome-title">网络设置</span>
      </div>
    </div>
    <div class="child"  @click="openWelcome('键盘和语言',4)">
      <div class="child-info">
        <span class="icon iconfont welcome-icon">&#xe690;</span>
        <span class="icon iconfont welcome-icon">&#xe6dc;</span>
        <span class="welcome-title">键盘和语言</span>
      </div>
    </div>
    <div class="child"  @click="openWelcome('通用设置',5)">
      <div class="child-info">
        <span class="icon iconfont welcome-icon">&#xe690;</span>
        <span class="icon iconfont welcome-icon">&#xe6db;</span>
        <span class="welcome-title">通用设置</span>
      </div>
    </div>
@@ -1184,7 +1184,7 @@
.welcome-page {
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  background-color: #f5f5f5;
  display: -ms-flexbox;
  padding: 0 50px;
  -webkit-box-sizing: border-box;
@@ -1217,6 +1217,13 @@
      }
    }
  }
  .child:hover {
    -moz-box-shadow: 5px 5px 10px #ddd;
    -webkit-box-shadow: 5px 5px 10px #ddd;
    box-shadow: 5px 5px 10px #ddd;
    transform: translate3d(0,-2.5px,0);
     transition: all 0.3s;
}
}
.container {
  height: 100%;