|
@@ -14,6 +14,7 @@
|
|
|
v-for="item in companyLayoutList"
|
|
v-for="item in companyLayoutList"
|
|
|
:key="item.id"
|
|
:key="item.id"
|
|
|
class="content-show"
|
|
class="content-show"
|
|
|
|
|
+ :class="{ 'content-active': item.id === IconId }"
|
|
|
@mouseover="showDeleteIcon(item)"
|
|
@mouseover="showDeleteIcon(item)"
|
|
|
@mouseleave="hideDeleteIcon(item)"
|
|
@mouseleave="hideDeleteIcon(item)"
|
|
|
>
|
|
>
|
|
@@ -145,7 +146,7 @@
|
|
|
height: 104px;
|
|
height: 104px;
|
|
|
background: rgba(255, 255, 255, 0.04);
|
|
background: rgba(255, 255, 255, 0.04);
|
|
|
border-radius: 5px;
|
|
border-radius: 5px;
|
|
|
- border: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
|
|
|
|
+ border: 1px dashed rgba(0, 0, 0, 0.15);
|
|
|
// text-align: center;
|
|
// text-align: center;
|
|
|
margin-left: 56px;
|
|
margin-left: 56px;
|
|
|
margin-top: 43px;
|
|
margin-top: 43px;
|
|
@@ -180,6 +181,11 @@
|
|
|
border: 1px solid #e8ecf2;
|
|
border: 1px solid #e8ecf2;
|
|
|
margin-bottom: 24px;
|
|
margin-bottom: 24px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
|
+ border-radius: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .content-active {
|
|
|
|
|
+ box-shadow: 0px 1px 10px 1px rgba(24, 144, 255, 0.5);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.pic-box {
|
|
.pic-box {
|