From a5e8ef032f149ac7a3827169a8affa8ecd4cb4f9 Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期三, 19 八月 2020 18:06:51 +0800 Subject: [PATCH] 打开应用异步抓取快照去掉最小化快照,应用中心界面调整,初始应用窗口计算修改 --- src/pages/ai/index/App.vue | 61 +++++++++++++----------------- 1 files changed, 27 insertions(+), 34 deletions(-) diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue index 1917651..0c1a640 100644 --- a/src/pages/ai/index/App.vue +++ b/src/pages/ai/index/App.vue @@ -46,16 +46,23 @@ </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"> + <!-- <div class="mask" v-if="!item.isEdit"> <el-button @click="commandAlgLib(item)" type="primary" class="bot-btn" >缂栬緫鍚嶇О</el-button> - </div> + </div> --> <div class="list-complete-item-handle"> <!-- <span :class="`iconfont ${item.icon}`" style="font-size:3rem;"></span> --> <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>--> @@ -1161,7 +1168,8 @@ } } .src-title{ - color: #333; + //color: #bfbfbf; + color: #bbcee8; font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC'; font-weight: 650; font-style: normal; @@ -1250,7 +1258,7 @@ } } .task-list { - background: #fff; + background: #fdfdfd; padding: 20px; box-sizing: border-box; @@ -1258,36 +1266,14 @@ display: flex; flex-direction: row; flex-wrap: wrap; - // justify-content: space-around; - // align-content: space-around; - // &:after { - // content: ""; - // flex: auto; - // } .wrap-box { width: 16.66%; } .list-choose-item-left { - // width: 220px; - // height: 214px; width: 80%; height: auto; margin: auto; margin-bottom: 30px; - // @media screen and(min-width: 1895px) { - // //margin: 20px 25px 20px 20px; - // width: 230px; - // height: 224px; - // } - // @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; - // } } } } @@ -1680,8 +1666,8 @@ // height: 214px; transition: all 1s; background: #ffffff; - border: 1px solid #e2e2e2; - box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07); + //border: 1px solid #e2e2e2; + //box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07); border-radius: 4px; p { display: none; @@ -1701,6 +1687,7 @@ .mask { display: flex; align-items: flex-end; + top: 0; .bot-btn { flex: 1; } @@ -1816,11 +1803,12 @@ color: #222222; } .alg-name { - margin-top: 12px; + //margin-top: 12px; line-height: 36px; font-family: PingFangSC-Regular; - font-size: 15px; - color: #222222; + font-size: 14px; + letter-spacing: 0.05em; + color: #3e4664; // background-color: #ecf5ff; .el-input { position: relative; @@ -1852,13 +1840,16 @@ } .list-complete-item-handle { height: 100%; - padding-bottom: 10px; + //padding-bottom: 10px; text-align: center; .svg-wrap { - width: 80%; + //width: 80%; + width: 100%; margin: auto; padding-top: 80%; + padding-top: 100%; position: relative; + box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07); svg { position: absolute; top: 50%; @@ -1866,11 +1857,13 @@ transform: translate(-50%, -50%); } .baseImg { - width: 60%; + width: 56%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); + max-width: 106px; + max-height: 106px; } } } -- Gitblit v1.8.0