10.15bug修复

ZZJ

2021-10-15 a6f495032e2edd41f3fed538daaa40a3287e5754

 src/pages/vindicate/views/updateSettings.vue

@@ -17,14 +17,22 @@
      </div>

      <div class="cluster-right">

        <div class="net-set" v-if="activePage == 0">

          <el-radio-group

          <!-- <el-radio-group

            v-model="radio2"

            size="medium"

            fill="rgba(61, 104, 225, 1)"

          >

            <el-radio-button label="检查更新"></el-radio-button>

            <el-radio-button label="上传更新"></el-radio-button>

          </el-radio-group>

          </el-radio-group> -->



          <div class="button-group">

            <div class="bottom">

              <div class="top" :class="{ 'toggle':radio2 !== '检查更新' }"></div>

              <div class="label-left" :class="{ 'toggle':radio2 == '检查更新' }" @click="radio2 = '检查更新'">检查更新</div>

              <div class="label-right" :class="{ 'toggle':radio2 !== '检查更新' }" @click="radio2 = '上传更新'">上传更新</div>

            </div>

          </div>



          <div class="update-center" v-if="radio2 == '检查更新'">

            <img v-if="!upgrading&&hasNewVersion||checking"

@@ -464,7 +472,7 @@
      justify-content: start;

      height: 95%;

      padding: 0 30px;

      .el-radio-group {

      /* .el-radio-group {

        margin-top:33px ;

        .el-radio-button__inner {

          font-size: 14px;

@@ -489,6 +497,62 @@
            color: white !important;

          }

          }

      } */

      .button-group {

        margin: 0 auto;

        margin-top: 30px;

        width: 168px;

        height: 28px;

        .bottom {

          position: relative;

          height: 100%;

          background: #F2F2F7;

          border-radius: 20px;

          cursor: pointer;

          .top {

            position: absolute;

            top: 0;

            left: 0;

            width: 84px;

            height: 28px;

            background: #4E94FF;

            border-radius: 20px;

            transition: all .2s linear;

            &.toggle {

              left: 84px;

            }

          }

          .label-left {

            position: absolute;

            width: 84px;

            height: 28px;

            top: 0;

            left: 0;

            z-index: 1;

            font-size: 14px;

            line-height: 28px;

            font-weight: 700;

            color: #333333;

             &.toggle {

               color: #fff;

             }

          }

          .label-right {

            position: absolute;

            width: 84px;

            height: 28px;

            top: 0;

            right: 0;

            z-index: 1;

            font-size: 14px;

            line-height: 28px;

            font-weight: 700;

            color: #333333;

            &.toggle {

               color: #fff;

             }

          }

        }

      }

      @keyframes spin {

        from {