修改页面样式

src/components/StoreDesign/minipage.vue

+<style>
+    .mimipage .el-tabs__header{
+      padding: 0 20px;
+      height: 56px;
+      line-height: 56px;
+      background-color: #fff;
+      margin-bottom:15px;
+    }
+    .mimipage .panelDiv{
+      display: flex;
+      flex-wrap: wrap;
+    }
+    .mimipage .panel_item{
+      background-color: #fff;
+      width: 33%;
+      min-height: 185px;
+      margin-bottom: 10px;
+      position: relative;
+      padding: 20px;
+      margin-right: 0.33%;
+    }
+    .mimipage .panel_name{
+      background-color: #F4F4F5;
+      color: #909399;
+      width: auto;
+      display: inline-block;
+      padding: 0 10px;
+      height: 32px;
+      line-height: 32px;
+      text-align: center;
+      font-size: 12px;
+      border-radius: 3px;
+      border: 1px solid #E0E0E3;
+      margin-bottom: 5px;
+    }
+    .mimipage .el-form-item{
+      margin-bottom:0;
+    }
+</style>
 <template>
   <div class="mimipage">
     <el-tabs v-model="activeName" @tab-click="handleClick">
       <el-tab-pane v-for="(item,index) in dataList" :label="item.PageTypeName" :name="item.PageTypeId+''" :key="index">
-        <template v-for="(subItem,subIndex) in item.SubMenuList">
-          <div :key="subIndex">
-            <span v-if="subItem.SelfPageName">{{subItem.SelfPageName}}</span>
-            <span v-else>{{subItem.PageName}} </span>
-            {{subItem.PageUrl}} <br />
-            <span v-if="subItem.IsParameter==1">
-              <el-input v-model="subItem.ParameterValue"></el-input>
-            </span>
-          </div>
-        </template>
+        <div class="panelDiv">
+            <div class="panel_item" v-for="(subItem,subIndex) in item.SubMenuList" :key="subIndex">
+                <div class="panel_name">
+                  <span v-if="subItem.SelfPageName">{{subItem.SelfPageName}}</span>
+                  <span v-else>{{subItem.PageName}} </span>
+                </div>
+                <el-form label-width="50px">
+                  <el-form-item label="路径">
+                    <span>{{subItem.PageUrl}}</span>
+                  </el-form-item>
+                  <el-form-item label="参数1" v-if="subItem.IsParameter==1">
+                      <el-input size="small" v-model="subItem.ParameterValue"></el-input>
+                  </el-form-item>
+                </el-form>
+            </div>
+        </div>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -46,51 +91,4 @@
       this.getList();
     }
   };
-
 </script>
-<style>
-  .navNavIconImg {
-    width: 80px;
-    height: 80px;
-  }
-
-  .navNavIconImg NavIconImg {
-    width: 100%;
-    height: 100%;
-  }
-
-  .mimipage .blue {
-    color: #409EFF;
-
-  }
-
-  .mimipage .content .searchInput {
-    border: 1px solid #DCDFE6;
-    border-radius: 4px;
-  }
-
-  .mimipage .content .searchInput .el-input__inner {
-    border: none;
-    outline: none;
-    height: 30px;
-    line-height: 30px;
-  }
-
-  .mimipage .content .searchInput {
-    line-height: normal;
-    display: inline-table;
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 0;
-    width: 250px;
-    margin-right: 20px;
-  }
-
-  .mimipage .content {
-    background: #fff;
-    margin-top: 10px;
-    padding: 20px;
-    box-sizing: border-box;
-  }
-
-</style>