oo

pages/test.vue

@@ -22,7 +22,7 @@
           <MenuItem name="1" to="/test/user">人员选择</MenuItem>
           <MenuItem name="2" to="/test/com">异步组件</MenuItem>
           <MenuItem name="4" to="/test/resource">资源选择</MenuItem>
-          <MenuItem name="3">Option 3</MenuItem>
+          <MenuItem name="3" to="/test/view">详情拖拽排版</MenuItem>
         </div>
       </Menu>
     </div>

pages/test/view/index.vue

+<template>
+    <div class="flex view">
+        <div class="item">
+            aaa
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: '',
+        data() {
+            return {
+                items:[]
+            }
+        },
+        methods:{
+            init(){
+                var items=[];
+                for (let i = 0; i <30; i++) {
+                    items.push({
+                        key:"I"+i,
+                        name:"Item"+v,
+                        width:4,
+                        height:1
+                    })
+                    
+                }
+            }
+        }
+    }
+</script>
+
+<style lang="less" >
+    @line-height:40px;
+    @item-width:12.5%;
+    .view{
+        
+    }
+</style>
\ No newline at end of file