欢迎页图标改变

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 {