|
@@ -1,12 +1,12 @@
|
|
|
<template>
|
|
|
<WorkspaceCard class="work-common" title="常用功能">
|
|
|
- <span slot="header-right" class="header-right-set" @click="changeDialogState(true)"><i class="icon-set"></i> 设置</span>
|
|
|
+ <span slot="header-right" class="header-right-set" @click="changeDialogState(true)"><i class="icon-set-img"></i> 设置</span>
|
|
|
<div class="common-lists">
|
|
|
<div class="list-item" v-for="item in commonList" :key="item.id" @click="openLink(item)">
|
|
|
- <div class="icon-box" v-if="item.icon && item.icon.indexOf('icon-') === 0">
|
|
|
+ <div class="icon-box-container" v-if="item.icon && item.icon.indexOf('icon-') === 0">
|
|
|
<JyIcon :name="item.icon" classPrefix=""></JyIcon>
|
|
|
</div>
|
|
|
- <div v-else class="icon-box">
|
|
|
+ <div v-else class="icon-box-container">
|
|
|
<el-image :src="item.icon" alt="常用功能">
|
|
|
<img slot="error" src="https://www.jianyu360.cn/common-module/public/image/auto.png" />
|
|
|
</el-image>
|
|
@@ -14,7 +14,7 @@
|
|
|
<span v-html="item.name" class="item-name"></span>
|
|
|
</div>
|
|
|
<div v-if="commonList && commonList.length < maxCount" class="list-add" @click="changeDialogState(true)">
|
|
|
- <span class="icon-add"></span>
|
|
|
+ <span class="icon-add-img"></span>
|
|
|
<span class="add-text">添加常用功能</span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -149,7 +149,7 @@ $main: #2cb7ca;
|
|
|
color: #686868;
|
|
|
}
|
|
|
}
|
|
|
-.icon-box {
|
|
|
+.icon-box-container {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
@@ -170,7 +170,7 @@ $main: #2cb7ca;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.icon-set{
|
|
|
+.icon-set-img{
|
|
|
display: inline-block;
|
|
|
width: 18px;
|
|
|
height: 18px;
|
|
@@ -178,7 +178,7 @@ $main: #2cb7ca;
|
|
|
background: url('~@/assets/images/icon/icon-set.png') no-repeat center center;
|
|
|
background-size: contain;
|
|
|
}
|
|
|
-.icon-add{
|
|
|
+.icon-add-img{
|
|
|
display: inline-block;
|
|
|
width: 44px;
|
|
|
height: 44px;
|