优化画布icon不显示,样式错误的问题

src/assets/styles/yshop.scss

@@ -151,6 +151,23 @@ html, body {
     font-size: 12px !important;
 }
 
+.containerMall{
+
+*{
+  padding: 0;
+  margin: 0;
+}
+
+body, dl, h1, h2, h3, h4, h5, h6, ol, p, ul {
+  margin: 0;
+  font-weight: 400;
+  padding: 0;
+}
+
+ol, ul {
+  list-style: none;
+}
+}
 
 .page {
     margin-top: 22px;

src/router/routers.js

@@ -38,7 +38,7 @@ export const constantRouterMap = [
     children: [
       {
         path: 'dashboard',
-        component: (resolve) => require(['@/views/home'], resolve),
+        component: (resolve) => require(['@/views/theme/container'], resolve),
         name: 'Dashboard',
         meta: { title: '首页', icon: 'index', affix: true, noCache: true }
       }
@@ -67,7 +67,7 @@ export const constantRouterMap = [
     },
     component: (resolve) => require(['@/components/editorMaterial/index'], resolve),
     hidden: true
-  },
+  }
 ]
 
 export default new Router({

src/views/theme/components/canvasEditPage.vue

@@ -17,7 +17,7 @@
         :terminal="terminal"></component>
         <div class="btns">
           <span @click="delComponent(item,index)">
-            <i class="iconfont el-icon-delete"></i>
+            <i class="iconfont icon-shanchu"></i>
             </span>
         </div>
       </div>

src/views/theme/components/canvasShow/pc/NavType.vue

@@ -7,7 +7,7 @@
       <div class="TPNleft">
           <div>
             <router-link to="/">
-              <img src="static\img\logo.png" style="width:58px;height:23px;" alt="logo">
+              <img src="../../../../../assets/canvasImg/logo.png" style="width:58px;height:23px;" alt="logo">
             </router-link>
           </div>
       </div>

src/views/theme/components/leftBar/panel.vue

@@ -9,7 +9,7 @@
             :class="{ on: componentActive == index }"
             @click="componentActive = index"
           >
-            <i class="iconfont el-icon-files"></i>
+            <i class="iconfont icon-fangkuai"></i>
             <span>{{ item }}</span>
           </li>
         </ul>

src/views/theme/components/leftBar/panelList.js

@@ -386,13 +386,13 @@ export const panelList = [
               {
                 'title': '微信公众号',
                 'des': '微信公众号',
-                'pic': 'static/img/erweima@2x.png',
+                'pic': '/static/img/erweima@2x.png',
                 'linkTo': ''
               },
               {
                 'title': '小程序码',
                 'des': '小程序码',
-                'pic': 'static/img/xcxm.png',
+                'pic': '/static/img/xcxm.png',
                 'linkTo': ''
               }
             ]

src/views/theme/container/index.vue

@@ -10,7 +10,7 @@
           :class="{ on: terminal == item.id }"
         >
           <!-- <i class="iconfont" :class="'icon-' + item.name"></i> -->
-          <i class="iconfont" :class="'el-icon-' + item.name"></i>
+          <i class="iconfont" :class="'icon-' + item.name"></i>
         </li>
       </ul>
       <el-button class="btn-save"
@@ -61,11 +61,11 @@ export default {
         // },
         {
           id: 3,
-          name: 'mobile-phone'
+          name: 'phone'
         },
         {
           id: 4,
-          name: 'monitor'
+          name: 'pc'
         }
         // {
         //   id: 1,
@@ -155,6 +155,7 @@ export default {
     border-bottom: 1px solid #f0f3f4;
     position: relative;
     display: flex;
+    align-items: center;
     justify-content: center;
     // .btn-black {
     //   position: absolute;
@@ -163,6 +164,10 @@ export default {
     // }
     ul{
       margin: 0;
+      padding: 0;
+      height: 52px;
+      display: flex;
+      align-items: center;
     }
     li {
       width: 56px;
@@ -170,9 +175,10 @@ export default {
       cursor: pointer;
       text-align: center;
       display: inline-block;
+      vertical-align: text-top;
       .iconfont {
         font-size: 24px;
-        line-height: 52px;
+        // line-height: 52px;
       }
       &:hover,
       &.on {
@@ -184,6 +190,10 @@ export default {
       position: absolute;
       right: 20px;
       top: 5px;
+          font-weight: 500;
+    padding: 12px 20px;
+    font-size: 14px;
+    border-radius: 4px;
     }
   }
   .bottomWarp {