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