From ed7a337a3ffeee8dcd479a94758fa133ea46f0c8 Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期二, 22 九月 2020 18:58:00 +0800 Subject: [PATCH] 应用中心隐藏编辑名称按钮,添加版本号显示 --- src/pages/ai/index/App.vue | 64 ++++++++++---------------------- 1 files changed, 20 insertions(+), 44 deletions(-) diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue index 5334d41..320b0d1 100644 --- a/src/pages/ai/index/App.vue +++ b/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; -- Gitblit v1.8.0