应用中心隐藏编辑名称按钮,添加版本号显示

hanbaoshan

2020-09-22 ed7a337a3ffeee8dcd479a94758fa133ea46f0c8

应用中心隐藏编辑名称按钮,添加版本号显示

 src/pages/ai/index/App.vue

@@ -25,15 +25,16 @@
                  <div class="flex-list">

                    <div class="wrap-box" v-for="item in ungradeList" :key="item.id">

                      <div class="list-choose-item-left">

                        <div class="mask">

                        <div class="mask flex-center">

                          <div class="info-onmask">

                            <div>当前版本:{{item.version}}</div>

                            <div>远端版本:{{item.remoteVersion}}</div>

                          </div>

                          <el-button type="primary" class="bot-btn" @click="donwload(item)">升级</el-button>

                        </div>



                        <div class="list-complete-item-handle">

                          <div class="svg-wrap">

                            <!-- <svg class="icon" aria-hidden="true" style="font-size:7rem;">

                              <use :xlink:href="`#${item.icon}`" />

                            </svg>-->

                            <img

                              class="baseImg"

                              :src="`data:image/png;base64,${item.iconBlob}`"

@@ -50,26 +51,13 @@
                    </div>

                    <div class="wrap-box" v-for="(item) in installedList" :key="item.id">

                      <div class="list-choose-item-left">

                        <!-- <div class="mask" v-if="!item.isEdit">

                          <el-button

                            @click="commandAlgLib(item)"

                            type="primary"

                            class="bot-btn"

                          >编辑名称</el-button>

                        </div>-->

                        <div class="list-complete-item-handle">

                          <!-- <span :class="`iconfont ${item.icon}`" style="font-size:3rem;"></span> -->

                        <div class="list-complete-item-handle">        
                          <div class="svg-wrap">

                            <div class="mask" v-if="!item.isEdit">

                              <el-button

                                @click="commandAlgLib(item)"

                                type="primary"

                                class="bot-btn"

                              >编辑名称</el-button>

                            </div>

                            <!-- <svg class="icon" aria-hidden="true" style="font-size:7rem;">

                              <use :xlink:href="`#${item.icon}`" />

                            </svg>-->

                            <div class="mask flex-center" v-if="!item.isEdit">

                              <div class="info-onmask">

                                <div>当前版本:{{item.version}}</div>

                              </div>

                            </div>                           
                            <img

                              class="baseImg"

                              :src="`data:image/png;base64,${item.iconBlob}`"

@@ -1812,7 +1800,9 @@
      z-index: 1;

      border-radius: 3px;

      display: none;



      .info-onmask{

        color: #8ecaff;

      }

      i {

        color: #fff;

        position: relative;

@@ -1876,28 +1866,9 @@
      cursor: pointer;

      position: relative;

      font-size: 14px;

      // display: inline-block;

      // @media screen and(min-width: 1895px) {

      //   //margin: 20px 25px 20px 20px;

      //   margin: 20px 30px 20px 20px;

      // }

      // @media screen and(min-width: 1695px) and(max-width:1895px ) {

      //   margin: 20px 10px 20px 15px;

      // }

      // @media screen and(min-width: 1460px) and(max-width: 1695px) {

      //   margin: 20px 25px 20px 20px;

      // }

      // @media screen and(max-width: 1460px) {

      //   margin: 20px 15px 20px 10px;

      // }

      // width: 126px;

      // height: 120px;

      // width: 220px;

      // height: 214px;



      transition: all 1s;

      background: #ffffff;

      //border: 1px solid #e2e2e2;

      //box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);

      border-radius: 4px;

      p {

        display: none;

@@ -1921,7 +1892,12 @@
        .bot-btn {

          flex: 1;

        }

        &.flex-center{

          align-items: center;

          justify-content: center;

        }

      }

      
    }

    .list-choose-item-left-uninstal {

      color: darkgray;