|
|
@@ -18,9 +18,9 @@
|
|
|
<div style="width: 100%;" v-for="(item,index) in appSignL(fromL.admin.sidebar.list)"
|
|
|
:key="index+1">
|
|
|
<!-- 渲染菜单类型 -->
|
|
|
- <div class="ulTOne TwoBar" v-if="item.menuName">
|
|
|
+ <div class="ulTOne" v-if="item.menuName">
|
|
|
<!-- 二级导航 -->
|
|
|
- <div class="ulTCopy2">
|
|
|
+ <div class="ulTCopy">
|
|
|
<div class="ulTCopyTit">
|
|
|
<span>{{ item.menuName }}</span>
|
|
|
</div>
|
|
|
@@ -31,7 +31,6 @@
|
|
|
<div class="ulTCopyTxt"
|
|
|
:style="{background : (activeLTwo === index+1 +'+' + ind)? '#0663FE' : '',color: (activeLTwo === index+1 +'+' + ind)? '#fff' :''}"
|
|
|
v-for="(p,pin) in AppCon(i.url)" :key="pin+'p'">
|
|
|
-
|
|
|
<div class="ulTCopyConT">{{ p.name }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -48,10 +47,9 @@
|
|
|
<!-- 渲染平台工具类型 -->
|
|
|
<div style="width: 100%;" @click.stop="goto(index,item)"
|
|
|
v-else>
|
|
|
- <div class="ulTOne TwoBar2"
|
|
|
- @mouseenter="mouGet(item.toolId)"
|
|
|
+ <div class="ulTOne"
|
|
|
v-for="(p,pin) in AppCon(item.url)" :key="pin+'p'">
|
|
|
- <div class="menu_left" >
|
|
|
+ <div class="menu_left" @mouseenter="mouGet(item.toolId)" >
|
|
|
<img class="logo"
|
|
|
:src="activeL === (index +1) ? p.activeIcon : p.defaultIcon"
|
|
|
alt="">
|
|
|
@@ -59,10 +57,8 @@
|
|
|
{{ p.name }}
|
|
|
</span>
|
|
|
</div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <!-- 二级导航 -->
|
|
|
- <div class="ulTCopy2" v-if="item.toolId == 'appStore'">
|
|
|
+ <!-- 二级导航 -->
|
|
|
+ <div class="ulTCopy" v-if="item.toolId == 'appStore'">
|
|
|
<div class="ulTCopyTit">
|
|
|
<span>CocoFlow</span>
|
|
|
</div>
|
|
|
@@ -81,6 +77,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -348,10 +346,6 @@ import { API_CONFIG } from "@/common/apiConfig";
|
|
|
|
|
|
<style scoped>
|
|
|
.ulTCopy{
|
|
|
- overflow: auto;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.ulTCopy2 {
|
|
|
height: 90%;
|
|
|
width: 154px;
|
|
|
overflow: hidden;
|
|
|
@@ -362,17 +356,17 @@ import { API_CONFIG } from "@/common/apiConfig";
|
|
|
top: 70px;
|
|
|
z-index: -100;
|
|
|
transition: transform .5s ease;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
-.TwoBar:hover .ulTCopy2{
|
|
|
+
|
|
|
+.ulTOne:hover .ulTCopy{
|
|
|
display: block !important;
|
|
|
transform: translateX(164px) !important; /* 初始位置在视图之外 */
|
|
|
z-index: -100;
|
|
|
box-shadow: 0px 6px 30px 5px #0000000D;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.logo{
|
|
|
margin: auto;
|
|
|
width: 24px;
|
11wqe1