新增跳转

src/components/Ftemplate.vue

@@ -108,7 +108,8 @@
     padding: 20px;
     overflow-y: scroll;
   }
-  .Fsetting .FsettingUU{
+
+  .Fsetting .FsettingUU {
     position: fixed;
     width: 200px;
     height: 100%;
@@ -118,44 +119,51 @@
     overflow: auto;
     z-index: 5;
     background-color: rgb(84, 92, 100);
-}
-.Fsetting .FsettingUU .menu_item{
+  }
+
+  .Fsetting .FsettingUU .menu_item {
     font-size: 14px;
     color: #303133;
     padding: 0 20px;
     cursor: pointer;
-    -webkit-transition: border-color .3s,background-color .3s,color .3s;
-    transition: border-color .3s,background-color .3s,color .3s;
+    -webkit-transition: border-color .3s, background-color .3s, color .3s;
+    transition: border-color .3s, background-color .3s, color .3s;
     box-sizing: border-box;
-    height:56px;
+    height: 56px;
     line-height: 56px;
     list-style: none;
     white-space: nowrap;
-    color:#fff;
+    color: #fff;
     display: flex;
     align-items: center;
-}
-.Fsetting .FsettingUU .menu_item i {
+  }
+
+  .Fsetting .FsettingUU .menu_item i {
     margin-right: 5px;
     width: 24px;
     text-align: center;
     font-size: 18px;
     vertical-align: middle;
-    color:#909399;
-}
-.Fsetting .menu_item:hover{
-    background-color: rgba(67,74,80);
-}
-.Fsetting .F_Logo:hover{
+    color: #909399;
+  }
+
+  .Fsetting .menu_item:hover {
+    background-color: rgba(67, 74, 80);
+  }
+
+  .Fsetting .F_Logo:hover {
     background-color: #30353a;
-    color:#fff;
-}
-.Fsetting .Fchecked{
-    color:rgb(255, 208, 75)!important;
-}
-.Fsetting .Fchecked i{
-    color:rgb(255, 208, 75)!important;
-}
+    color: #fff;
+  }
+
+  .Fsetting .Fchecked {
+    color: rgb(255, 208, 75) !important;
+  }
+
+  .Fsetting .Fchecked i {
+    color: rgb(255, 208, 75) !important;
+  }
+
 </style>
 <template>
   <div class="Fsetting">
@@ -166,20 +174,20 @@
           </div>
         </div>
         <ul class="FsettingUU">
-          <li class="menu_item" :class="{'Fchecked':isChecked==1}"  @click="isChecked=1,CommonJump('templateManage')">
-              <i class="el-icon-menu"></i><span>模板管理</span>
+          <li class="menu_item" :class="{'Fchecked':isChecked==1}" @click="isChecked=1,CommonJump('templateManage')">
+            <i class="el-icon-menu"></i><span>模板管理</span>
           </li>
           <li class="menu_item" :class="{'Fchecked':isChecked==2}" @click="isChecked=2">
-              <i class="el-icon-menu"></i><span>模板市场</span>
+            <i class="el-icon-menu"></i><span>模板市场</span>
           </li>
           <li class="menu_item" :class="{'Fchecked':isChecked==3}" @click="isChecked=3,CommonJump('CustomPage')">
-              <i class="el-icon-menu"></i><span>自定义页面</span>
+            <i class="el-icon-menu"></i><span>自定义页面</span>
           </li>
           <li class="menu_item" :class="{'Fchecked':isChecked==4}" @click="isChecked=4">
-              <i class="el-icon-menu"></i><span>授权页面</span>
+            <i class="el-icon-menu"></i><span>授权页面</span>
           </li>
           <li class="menu_item" :class="{'Fchecked':isChecked==5}" @click="isChecked=5">
-              <i class="el-icon-menu"></i><span>表单提交信息</span>
+            <i class="el-icon-menu"></i><span>表单提交信息</span>
           </li>
         </ul>
       </div>
@@ -226,17 +234,16 @@
     data() {
       return {
         currentUser: {},
-        isChecked:1,
-        Height:0
+        isChecked: 1,
+        Height: 0
       };
     },
     created() {
       this.currentUser = this.getLocalStorage();
     },
-    methods: {
-    },
+    methods: {},
     mounted() {
-      // this.CommonJump('templateManage');
+      this.CommonJump('templateManage');
       this.Height = document.documentElement.clientHeight - 60;
       //监听浏览器窗口变化　
       window.onresize = () => {