From 3504ac3d05431d23f74dfecc41eccb491d855cab Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期五, 10 六月 2022 14:56:56 +0800
Subject: [PATCH] remove comment
---
src/pages/ai/index/App.vue | 367 +++++++++++++++++++++++++++-------------------------
1 files changed, 191 insertions(+), 176 deletions(-)
diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index 9a6f674..e8d6676 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -33,10 +33,11 @@
:element-loading-text="item.progressMsg"
element-loading-background="rgba(0,0,0,.8)"
>
- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>
+ <!-- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i> -->
+ <img class="update-icon" v-if="item.isUpgrade" src="../../../assets/img/鏇存柊鎻愮ず.png" alt="">
<div class="mask" v-if="!item.isDefault || item.isUpgrade">
<div class="left-top">
- <div>褰撳墠鐗堟湰1:{{ item.version }}</div>
+ <div>褰撳墠鐗堟湰:{{ item.version }}</div>
<div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
</div>
<div class="info-onmask" @click="checkDetail(item, 'active')">鏌ョ湅璇︽儏</div>
@@ -53,7 +54,7 @@
type="warning"
size="small"
class="bot-btn"
- >鍗囩骇1</el-button>
+ >鍗囩骇</el-button>
</div>
</div>
<img
@@ -104,7 +105,7 @@
@click="checkDetail(item, 'activeNotInstall')"
>鏌ョ湅璇︽儏</div>
<div class="mask-btn">
- <el-button @click="donwload(item, 1)" type="primary" class="bot-btn">瀹夎</el-button>
+ <el-button @click="donwload(item,1)" type="primary" class="bot-btn">瀹夎</el-button>
</div>
</div>
<div class="click-download" title="涓嬭浇">
@@ -158,14 +159,16 @@
:element-loading-text="item.progressMsg"
element-loading-background="rgba(0,0,0,.8)"
>
- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>
+ <!-- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i> -->
+ <img class="update-icon" v-if="item.isUpgrade" src="../../../assets/img/鏇存柊鎻愮ず.png" alt="">
+
<div class="mask">
<div class="left-top">
<div>褰撳墠鐗堟湰:{{ item.version }}</div>
<div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
</div>
<!-- v-if="!item.isDefault" -->
- <div class="info-onmask" @click="checkDetail(item, 'active')">鏌ョ湅璇︽儏</div>
+ <div class="info-onmask" @click="checkDetail(item,'active')">鏌ョ湅璇︽儏</div>
<div class="mask-btn">
<el-button
v-show="!item.isDefault"
@@ -195,7 +198,7 @@
/>
<img v-else class="baseImg" :src="item.icon" alt />
</div>
- <div class="alg-name">
+ <div class="alg-name" style="color:grey;">
<div style="padding: 0px 10px 0px 10px">
<span v-if="!item.isEdit">{{ item.name }}</span>
<el-input
@@ -223,12 +226,19 @@
element-loading-background="rgba(0,0,0,.8)"
>
<div class="mask">
- <el-button
- size="small"
- type="primary"
- class="bot-btn"
+ <div class="left-top">
+ <div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
+ </div>
+ <!-- v-if="!item.isDefault" -->
+ <div class="info-onmask" @click="checkDetail(item,'activeNotInstall')">鏌ョ湅璇︽儏</div>
+ <div class="mask-btn">
+ <el-button
@click="downloadApp(item)"
- >瀹夎</el-button>
+ type="primary"
+ size="small"
+ class="bot-btn"
+ >瀹夎</el-button>
+ </div>
</div>
<img
v-if="item.iconBlob"
@@ -283,7 +293,9 @@
</el-tab-pane>
<el-tab-pane label="搴旂敤涓績" name="algorithmMall" v-if="isShow('algorithmManage:buy')">
<div class="tab-content">
- <p class="src-title">绠楁硶杞欢</p>
+ <div class="flex-title">
+ <p class="src-title">绠楁硶杞欢</p>
+ </div>
<div class="store-list flex-list">
<div class="wrap-box" v-for="item in unActivedSDKList" :key="item.id">
<div class="list-choose-item-left">
@@ -356,27 +368,12 @@
<div class="list-choose-item-left">
<div class="list-complete-item-handle">
<div class="alg-icon svg-wrap">
- <!-- <div
- class="mask"
- @click="actSdkOrApp(item, 'app')"
- >
- <span
- class="iconfont iconyunxiazai"
- style="
- color: #ff6a00;
- font-size: 20px;
- position: absolute;
- top: 45%;
- left: 45%;
- "
- ></span>
- </div>-->
<div class="mask" v-if="!item.isDefault || item.isUpgrade">
<div class="left-top">
<div>褰撳墠鐗堟湰:{{ item.version }}</div>
<div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
</div>
- <div class="info-onmask" @click="actSdkOrApp(item, 'app')">鏌ョ湅璇︽儏</div>
+ <div class="info-onmask" @click="actSdkOrApp(item,'app')">鏌ョ湅璇︽儏</div>
<div class="mask-btn">
<el-button
@click="actSdkOrApp(item, 'app')"
@@ -420,7 +417,7 @@
</el-tab-pane>
<el-tab-pane name="update">
<span slot="label">
- <el-badge class="update-badge" :value="updateNum" :hidden="updateNum == 0">鏇存柊</el-badge>
+ <el-badge class="update-badge" :value="updateNum" :hidden="updateNum==0">鏇存柊</el-badge>
</span>
<div class="task-list">
<div class="flex-title">
@@ -429,9 +426,9 @@
</div>
<div class="flex-list">
<div
- v-if="hasNewVersionSdk.length == 0"
+ v-if="hasNewVersionSdk.length==0"
class="empty-tip"
- >{{ errMsg ? errMsg : "鏆傛棤鏁版嵁" }}</div>
+ >{{errMsg?errMsg:"鏆傛棤鏁版嵁"}}</div>
<div class="wrap-box" v-for="item in hasNewVersionSdk" :key="item.id">
<div class="list-choose-item-left">
<div class="list-complete-item-handle">
@@ -442,13 +439,15 @@
:element-loading-text="item.progressMsg"
element-loading-background="rgba(0,0,0,.8)"
>
- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>
+ <!-- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i> -->
+ <img class="update-icon" v-if="item.isUpgrade" src="../../../assets/img/鏇存柊鎻愮ず.png" alt="">
+
<div class="mask" v-if="!item.isDefault || item.isUpgrade">
<div class="left-top">
<div>褰撳墠鐗堟湰:{{ item.version }}</div>
<div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
</div>
- <div class="info-onmask" @click="checkDetail(item, 'active')">鏌ョ湅璇︽儏</div>
+ <div class="info-onmask" @click="checkDetail(item,'active')">鏌ョ湅璇︽儏</div>
<div class="mask-btn">
<el-button
@click="unLoadSdk(item)"
@@ -508,13 +507,15 @@
:element-loading-text="item.progressMsg"
element-loading-background="rgba(0,0,0,.8)"
>
- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>
+ <!-- <i class="iconfont iconupdate" v-if="item.isUpgrade"></i> -->
+ <img class="update-icon" v-if="item.isUpgrade" src="../../../assets/img/鏇存柊鎻愮ず.png" alt="">
+
<div class="mask">
<div class="left-top">
<div>褰撳墠鐗堟湰:{{ item.version }}</div>
<div v-if="item.remoteVersion">鏈�鏂扮増鏈�:{{ item.remoteVersion }}</div>
</div>
- <div class="info-onmask" @click="checkDetail(item, 'active')">鏌ョ湅璇︽儏</div>
+ <div class="info-onmask" @click="checkDetail(item,'active')">鏌ョ湅璇︽儏</div>
<div class="mask-btn">
<el-button
v-if="!item.isDefault"
@@ -617,7 +618,7 @@
<!-- <div class="dialog-content" v-if="productDetailVisible" > -->
<el-dialog class="product-detail-dialog" :visible="productDetailVisible" @close="closeDial">
<!-- <el-button-group> -->
- <div class="button-group" v-show="!backDisable || !forwardDisable">
+ <div class="button-group" v-show="!backDisable||!forwardDisable">
<el-button size="small" @click="backwards" :disabled="backDisable">
<span><</span>
</el-button>
@@ -626,7 +627,7 @@
<!-- <el-button type="primary" size="small"><i class="el-icon-arrow-right el-icon--right"></i></el-button> -->
</div>
<!-- </el-button-group> -->
- <div class="dialog-title" slot="title">{{ isSDKDialog ? "绠楁硶璇︽儏" : "搴旂敤璇︽儏" }}</div>
+ <div class="dialog-title" slot="title">{{isSDKDialog?"绠楁硶璇︽儏":"搴旂敤璇︽儏"}}</div>
<div class="dialog-content">
<div class="box-top">
<div class="top-left">
@@ -649,11 +650,11 @@
<div class="imgwrap">
<img
v-if="item.type != 'video'"
- :src="'/httpImage/' + item.url"
+ :src="item.url"
class="cursor-pointer"
preview
/>
- <video v-if="item.type == 'video'" :src="'/httpImage/' + item.url" controls></video>
+ <video v-if="item.type == 'video'" :src="item.url" controls></video>
</div>
</el-carousel-item>
</el-carousel>
@@ -693,31 +694,35 @@
<el-button
size="small"
type="warning"
- v-if="needToUpgradeInWin || productDetail.isUpgrade"
+ v-if="needToUpgradeInWin||productDetail.isUpgrade"
@click="upgradeSDKinWin"
- >{{ isUpgrading ? "鍗囩骇涓�.." : "鍗囩骇" }}</el-button>
+ >
+ {{
+ isUpgrading ? "鍗囩骇涓�.." : "鍗囩骇"
+ }}
+ </el-button>
<el-button
size="small"
type="primary"
- v-if="isActive && !isDefaultApp"
+ v-if="isActive&&!isDefaultApp"
@click="unloadSDKinWin"
>鍗歌浇</el-button>
<el-button
size="small"
type="primary"
- v-if="!isActive && !showInstallNotActive"
- @click="showInputCode = !showInputCode"
+ v-if="!isActive&&!showInstallNotActive"
+ @click="showInputCode=!showInputCode"
>婵�娲�</el-button>
<el-button
size="small"
type="primary"
- v-if="!isActive && showInstallNotActive"
+ v-if="!isActive&&showInstallNotActive"
@click="downloadSdkInSide"
- >{{ isUpgrading ? "瀹夎涓�.." : "瀹夎" }}</el-button>
+ >{{isUpgrading?"瀹夎涓�..":"瀹夎"}}</el-button>
<el-button
size="small"
type="success"
- v-if="!isSDKDialog && isActive"
+ v-if="!isSDKDialog&&isActive"
@click="openApp"
>鎵撳紑</el-button>
</div>
@@ -780,7 +785,13 @@
size="small"
effect="dark"
>{{ item.title === "" ? "鏆傛棤鏁版嵁" : item.title }}</el-tag>
- <div class="desc">{{ item.desc === "" ? "鏆傛棤鏁版嵁" : item.desc }}</div>
+ <div class="desc">
+ {{
+ item.desc === ""
+ ? "鏆傛棤鏁版嵁"
+ : item.desc
+ }}
+ </div>
</div>
</div>
</div>
@@ -811,14 +822,10 @@
<el-tooltip
class
effect="dark"
- :content="item.name === '' ? '鏆傛棤鏁版嵁' : item.name"
+ :content="item.name === '' ? '鏆傛棤鏁版嵁':item.name"
placement="top-start"
>
- <span>
- {{
- item.name === "" ? "鏆傛棤鏁版嵁" : item.name
- }}
- </span>
+ <span>{{ item.name === "" ? "鏆傛棤鏁版嵁" : item.name }}</span>
</el-tooltip>
</div>
</div>
@@ -991,7 +998,7 @@
showInputCode: false,
needToUpgradeInWin: false,
errMsg: "",
- showInstallNotActive: false,
+ showInstallNotActive: false
};
},
directives: {
@@ -1030,31 +1037,31 @@
}
},
closeDial() {
- this.productDetailVisible = false;
- this.productDetail = {};
- this.otherProducts = [];
+ this.productDetailVisible = false
+ this.productDetail = {}
+ this.otherProducts = []
},
checkDetail(item, type) {
- if (type == "inactive") {
- this.isActive = false;
- this.showInstallNotActive = false;
- this.showInputCode = false;
- } else if (type == "active") {
- this.showInputCode = false;
- this.showInstallNotActive = false;
- this.isActive = true;
- } else if (type == "activeNotInstall") {
- this.showInputCode = false;
- this.isActive = false;
- this.showInstallNotActive = true;
+ if (type == 'inactive') {
+ this.isActive = false
+ this.showInstallNotActive = false
+ this.showInputCode = false
+ } else if (type == 'active') {
+ this.showInputCode = false
+ this.showInstallNotActive = false
+ this.isActive = true
+ } else if (type == 'activeNotInstall') {
+ this.showInputCode = false
+ this.isActive = false
+ this.showInstallNotActive = true
}
- this.checkIsDefOrNot(item.id);
- this.needToUpgradeInWin = item.isUpgrade ? true : false;
- this.resetStack();
+ this.checkIsDefOrNot(item.id)
+ this.needToUpgradeInWin = item.isUpgrade ? true : false
+ this.resetStack()
if (item.sdk_type === undefined) {
- this.isSDKDialog = false;
+ this.isSDKDialog = false
} else {
- this.isSDKDialog = true;
+ this.isSDKDialog = true
}
this.productDetailVisible = true;
let _this = this;
@@ -1067,76 +1074,76 @@
});
},
resetStack() {
- this.forwardStack = [];
- this.backStack = [];
- this.backDisable = true;
- this.forwardDisable = true;
+ this.forwardStack = []
+ this.backStack = []
+ this.backDisable = true
+ this.forwardDisable = true
+
},
checkInWindow(item) {
- this.backStack.push([this.productDetail, this.otherProducts]);
- this.backDisable = false;
- this.checkIsDefOrNot(item.id);
+ this.backStack.push([this.productDetail, this.otherProducts])
+ this.backDisable = false
+ this.checkIsDefOrNot(item.id)
let _this = this;
getAppDetail({ id: item.id }).then((res) => {
_this.productDetail = res.data.detail;
- _this.productDetail.iconBlob = item.iconBlob;
- this.actId = _this.productDetail.productBaseId;
- let flag = false;
- const allNeedToNew = [
- ...this.hasNewVersionSdk,
- ...this.hasNewVersionApp,
- ];
+ _this.productDetail.iconBlob = item.iconBlob
+ this.actId = _this.productDetail.productBaseId
+ let flag = false
+ const allNeedToNew = [...this.hasNewVersionSdk, ...this.hasNewVersionApp]
for (let i = 0; i < allNeedToNew.length; i++) {
const item = allNeedToNew[i];
if (item.id == _this.productDetail.productBaseId) {
- flag = true;
+ flag = true
}
}
- this.needToUpgradeInWin = flag;
- _this.productDetail.isUpgrade = flag;
+ this.needToUpgradeInWin = flag
+ _this.productDetail.isUpgrade = flag
_this.otherProducts = res.data.randoms;
});
},
checkIsDefOrNot(id) {
if (id.length > 10) {
- this.isDefaultApp = false;
+ this.isDefaultApp = false
} else {
- this.isDefaultApp = true;
+ this.isDefaultApp = true
}
},
backwards() {
if (this.backStack.length == 0) {
- this.backDisable = true;
- return;
+ this.backDisable = true
+ return
}
- this.forwardStack.push([this.productDetail, this.otherProducts]);
- let item = this.backStack.pop();
- this.productDetail = item[0];
- this.checkIsDefOrNot(this.productDetail.productBaseId);
- this.otherProducts = item[1];
- this.forwardDisable = false;
+ this.forwardStack.push([this.productDetail, this.otherProducts])
+ let item = this.backStack.pop()
+ this.productDetail = item[0]
+ this.checkIsDefOrNot(this.productDetail.productBaseId)
+ this.otherProducts = item[1]
+ this.forwardDisable = false
if (this.backStack.length == 0) {
- this.backDisable = true;
+ this.backDisable = true
+
}
},
forwards() {
if (this.forwardStack.length == 0) {
- this.forwardDisable = true;
- return;
+ this.forwardDisable = true
+ return
}
- this.backStack.push([this.productDetail, this.otherProducts]);
- this.backDisable = false;
- let item = this.forwardStack.pop();
+ this.backStack.push([this.productDetail, this.otherProducts])
+ this.backDisable = false
+ let item = this.forwardStack.pop()
- this.productDetail = item[0];
- this.otherProducts = item[1];
+ this.productDetail = item[0]
+ this.otherProducts = item[1]
if (this.forwardStack.length == 0) {
- this.forwardDisable = true;
+ this.forwardDisable = true
}
+
},
//绂荤嚎瀹夎
offlineInstall() {
@@ -1254,7 +1261,7 @@
let _this = this;
this.$confirm("纭畾瑕佸嵏杞借搴旂敤鍚�?", "鎻愮ず")
.then(() => {
- _this.productDetailVisible = false;
+ _this.productDetailVisible = false
app.unloadLoading = true;
removeApp({ appId: app.id })
@@ -1295,8 +1302,8 @@
},
cancelActivate() {
- this.showInputCode = false;
- this.activeCode = "";
+ this.showInputCode = false
+ this.activeCode = ""
},
newActInfo() {
return {
@@ -1338,7 +1345,7 @@
if (res.data.isSuccess) {
this.productDetailVisible = false;
_this.activedSdkOrApp = res.data.successMsg;
- this.showActivateSuccess = true;
+ this.showActivateSuccess = true
_this.actStep++;
_this.getUnActivedList();
_this.getAllSdk();
@@ -1359,7 +1366,7 @@
if (res.data.isSuccess) {
this.productDetailVisible = false;
_this.activedSdkOrApp = res.data.successMsg;
- this.showActivateSuccess = true;
+ this.showActivateSuccess = true
_this.actStep++;
_this.getUnActivedAppList();
_this.getAllApps();
@@ -1418,13 +1425,10 @@
});
},
openApp() {
- let message = "toOpenApp?" + this.productDetail.productBaseId;
- window.parent.postMessage(
- {
- msg: message,
- },
- "*"
- );
+ let message = 'toOpenApp?' + this.productDetail.productBaseId;
+ window.parent.postMessage({
+ msg: message
+ }, "*")
},
onFileAdded(f) {
@@ -1452,7 +1456,7 @@
//绠楁硶杞欢 宸插畨瑁呭叾涓寘鍚緟鍗囩骇 鏈畨瑁�
item.installed ? installedList.push(obj) : unInstalledList.push(obj);
- item.isUpgrade ? hasNewVersionList.push(obj) : null;
+ item.isUpgrade ? hasNewVersionList.push(obj) : null
});
}
this.installedList = installedList;
@@ -1460,18 +1464,19 @@
this.hasNewVersionSdk = hasNewVersionList;
},
unloadSDKinWin() {
- let appToUnload;
- let sdkToUnload;
+
+ let appToUnload
+ let sdkToUnload
if (this.productDetail.productTypeName == "搴旂敤") {
appToUnload = this.installedApps.find((item) => {
- return item.id == this.productDetail.productBaseId;
- });
- this.unLoad(appToUnload);
+ return item.id == this.productDetail.productBaseId
+ })
+ this.unLoad(appToUnload)
} else {
sdkToUnload = this.installedList.find((item) => {
- return item.id == this.productDetail.productBaseId;
- });
- this.unLoadSdk(sdkToUnload);
+ return item.id == this.productDetail.productBaseId
+ })
+ this.unLoadSdk(sdkToUnload)
}
},
//鍗歌浇绠楁硶
@@ -1479,7 +1484,7 @@
let _this = this;
this.$confirm("纭畾瑕佸嵏杞借绠楁硶鍚�?", "鎻愮ず")
.then(() => {
- _this.productDetailVisible = false;
+ _this.productDetailVisible = false
sdk.unloadLoading = true;
removeSdk({ sdkId: sdk.id })
.then((res) => {
@@ -1521,9 +1526,10 @@
message: "鍗囩骇瀹屾垚",
type: "success",
});
- this.needToUpgradeInWin = false;
- this.productDetail.isUpgrade = false;
+ this.needToUpgradeInWin = false
+ this.productDetail.isUpgrade = false
this.isUpgrading = !this.isUpgrading;
+
}
})
.catch((e) => {
@@ -1538,27 +1544,28 @@
// 寮�鍚嚜鍔ㄥ埛鏂�
this.appUpgreading = true;
} else {
- downloadSdk({ path: this.productDetail.productBaseId })
- .then((res) => {
- this.needToUpgradeInWin = false;
- this.productDetail.isUpgrade = false;
- this.isUpgrading = !this.isUpgrading;
- this.$notify({
- title: "鎴愬姛",
- message: "鍗囩骇瀹屾垚",
- type: "success",
- });
- })
- .catch((err) => {
- this.$notify({
- title: "鍗囩骇澶辫触",
- message: err.data,
- type: "warning",
- });
- this.isUpgrading = !this.isUpgrading;
+ downloadSdk({ path: this.productDetail.productBaseId }).then((res) => {
+ this.needToUpgradeInWin = false
+ this.productDetail.isUpgrade = false
+ this.isUpgrading = !this.isUpgrading;
+ this.$notify({
+ title: "鎴愬姛",
+ message: "鍗囩骇瀹屾垚",
+ type: "success",
});
+ }).catch((err) => {
+ this.$notify({
+ title: "鍗囩骇澶辫触",
+ message: err.data,
+ type: "warning",
+ });
+ this.isUpgrading = !this.isUpgrading;
+ })
this.sdkUpgreading = true;
}
+
+
+
},
downloadSdkInSide() {
this.downloadItem = this.productDetail.productBaseId;
@@ -1571,7 +1578,7 @@
type: "success",
message: "绠楁硶宸插畨瑁�",
});
- this.isUpgrading = false;
+ this.isUpgrading = false
})
.catch((err) => {
this.$notify({
@@ -1579,13 +1586,12 @@
message: err.data,
});
this.downloadItem = "";
- this.isUpgrading = false;
+ this.isUpgrading = false
});
// 寮�鍚嚜鍔ㄥ埛鏂�
this.sdkUpgreading = true;
},
donwload(item, typ) {
-
item.upgradeLoading = true;
this.downloadItem = item.id;
@@ -1596,7 +1602,7 @@
this.downloadItem = "";
this.$notify({
type: "success",
- message: typ == 1 ? "绠楁硶瀹夎鎴愬姛" : "绠楁硶鍗囩骇鎴愬姛",
+ message: typ == 1 ? "绠楁硶瀹夎鎴愬姛" : "绠楁硶鍗囩骇鎴愬姛"
});
})
.catch((err) => {
@@ -1751,13 +1757,10 @@
overflow: hidden;
.summary {
height: 120px;
-
margin: 5px 5px 0 5px;
-
.icon {
margin: 0 10px;
margin-top: 8px;
-
float: left;
.baseImg {
max-width: 106px;
@@ -2022,6 +2025,7 @@
.el-tabs--border-card > .el-tabs__content {
padding: 0 !important;
overflow: auto !important;
+ background-color: #fff;
}
.el-tabs__content {
padding: 0 !important;
@@ -2065,7 +2069,8 @@
}
}
.task-list {
- background: #fdfdfd;
+ // background: #1c364a;
+ background: #fff;
padding: 20px;
box-sizing: border-box;
@@ -2075,14 +2080,14 @@
flex-wrap: wrap;
min-height: 200px;
.wrap-box {
- width: 16.66%;
+ width: 11%;
}
.list-choose-item-left {
width: 80%;
height: auto;
margin: auto;
margin-bottom: 30px;
- max-width: 200px;
+ max-width: 150px;
.mask {
width: 100%;
@@ -2098,14 +2103,14 @@
display: flex;
flex-wrap: wrap;
.wrap-box {
- width: 16.6%;
+ width: 11%;
margin-bottom: 30px;
.list-choose-item-left {
width: 80%;
height: auto;
margin: auto;
margin-bottom: 30px;
- max-width: 200px;
+ max-width: 150px;
}
.inner {
width: 80%;
@@ -2132,9 +2137,9 @@
}
}
.alg-name {
- height: 36px;
+ height: 20px;
text-align: center;
- line-height: 36px;
+ line-height: 20px;
}
.mask {
position: absolute;
@@ -2219,7 +2224,7 @@
}
}
.tab-content {
- padding: 30px 20px;
+ padding: 20px 20px;
}
}
.mask {
@@ -2311,7 +2316,7 @@
font-size: 14px;
transition: all 1s;
- background: #ffffff;
+ // background: #ffffff;
border-radius: 4px;
p {
display: none;
@@ -2345,8 +2350,8 @@
}
}
.list-choose-item-left-uninstal {
- color: darkgray;
- background-color: #ddd;
+ color: gray;
+ filter: grayscale(100%);
}
.list-complete-item.sortable-chosen {
background: #4ab7bd;
@@ -2455,11 +2460,11 @@
}
.alg-name {
//margin-top: 12px;
- line-height: 36px;
+ line-height: 20px;
font-family: PingFangSC-Regular;
font-size: 14px;
letter-spacing: 0.05em;
- color: #3e4664;
+ color: #333;
// background-color: #ecf5ff;
.el-input {
position: relative;
@@ -2491,6 +2496,7 @@
padding-top: 100%;
position: relative;
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
+ border-radius: 25px;
svg {
position: absolute;
top: 50%;
@@ -2503,11 +2509,19 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
+ max-height: 150px;
// max-width: 106px;
// max-height: 106px;
}
}
.willUpGrade {
+ .update-icon {
+ position: absolute;
+ top: -8px;
+ right: -8px;
+ z-index: 999;
+
+ }
.iconupdate {
color: #01e667;
position: absolute;
@@ -2515,14 +2529,15 @@
right: 5px;
font-weight: 550;
font-size: 26px;
+ z-index: 999;
}
}
&.uninstall {
.svg-wrap {
- background-color: #ddd;
+ filter: grayscale(100%);
}
.alg-name {
- color: darkgray;
+ color: grey;
}
}
}
--
Gitblit v1.8.0