|
@@ -10,6 +10,11 @@
|
|
|
</div>
|
|
|
<div class="name">{{ item.name }}</div>
|
|
|
</div>
|
|
|
+ <div :class="[target ? 'div1' : 'div2']">
|
|
|
+ <div v-if="!target" class="div-child" @click="$router.push({ name: 'Interface' })"><svg-icon icon-class="tool-enter" /></div>
|
|
|
+ <div v-if="!target" class="div-child" @click="$router.push({ name: 'env' })"><svg-icon icon-class="env-enter" /></div>
|
|
|
+ </div>
|
|
|
+ <div class="div3" @click="getTarget" />
|
|
|
<!-- <div v-show="navTagType === 2" class="nav-tag-type" @click="setNavTagType(1)">
|
|
|
<i class="el-icon-notebook-2" style="transform: rotate(90deg);" />
|
|
|
</div>
|
|
@@ -53,7 +58,8 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
headList: routes.filter(item => item.name !== '业务线'),
|
|
|
- userInfo: null
|
|
|
+ userInfo: null,
|
|
|
+ target: true
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -71,6 +77,9 @@ export default {
|
|
|
this.getLoginUser()
|
|
|
},
|
|
|
methods: {
|
|
|
+ getTarget() {
|
|
|
+ this.target = !this.target
|
|
|
+ },
|
|
|
findRoute(routeName) {
|
|
|
for (const element of routes) {
|
|
|
if (element.name === routeName) {
|
|
@@ -228,4 +237,38 @@ export default {
|
|
|
padding: 0;
|
|
|
}
|
|
|
}
|
|
|
+.div1 {
|
|
|
+ width:25px;height:50px;border-radius: 0 50px 50px 0;line-height:50px;background: #FFF; position: absolute; bottom: 172px; left: 0;border: 1px solid #333;opacity: 0.5;animation:myfirsts 0.5s;
|
|
|
+}
|
|
|
+.div2 {
|
|
|
+ bottom: 117px; width:80px; height:160px; line-height:160px;border-radius: 0 80px 80px 0;;background: rgb(255, 255, 255); position: absolute; left: 0;opacity: 0.5;animation:myfirst 1s;
|
|
|
+}
|
|
|
+@keyframes myfirst
|
|
|
+{
|
|
|
+ from {bottom: 172px; width:25px; height:50px; line-height:50px;}
|
|
|
+ to {bottom: 117px; width:80px; height:160px; line-height:160px;}
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes myfirsts
|
|
|
+{
|
|
|
+ from {bottom: 117px; width:80px; height:160px; line-height:160px;}
|
|
|
+ to {bottom: 172px; width:25px; height:50px; line-height:50px;}
|
|
|
+}
|
|
|
+
|
|
|
+.div3 {
|
|
|
+ width:25px;height:50px;border-radius: 0 50px 50px 0;line-height:50px;background: #FFF; position: absolute; bottom: 172px; left: 0;border: 1px solid #333;cursor: pointer;
|
|
|
+}
|
|
|
+.div-child {
|
|
|
+ text-align: right;
|
|
|
+ margin-right: 33px;
|
|
|
+ line-height: 80px;
|
|
|
+ cursor: pointer;
|
|
|
+ opacity: 1;
|
|
|
+ animation:myfirs 4s;
|
|
|
+}
|
|
|
+@keyframes myfirs
|
|
|
+{
|
|
|
+ from {opacity: 0}
|
|
|
+ to {opacity: 1}
|
|
|
+}
|
|
|
</style>
|