进销存:

1.diy装修渲染布局
sws-2024-09-05

components/diy/diy.vue

@@ -1,15 +1,19 @@
 <template>
     <view>
+        <componentDiyHeader></componentDiyHeader>
         <view v-if="value.diy_data.length > 0">
-            <componentDiySearch></componentDiySearch>
             <view v-for="(item, index) in value.diy_data" :key="index">
+                <componentDiySearch></componentDiySearch>
                 <componentDiyAuxiliaryLine v-if="item.key == 'row-line'" :value="item.com_data"></componentDiyAuxiliaryLine>
             </view>
         </view>
+        <componentDiyFooter></componentDiyFooter>
     </view>
 </template>
 
 <script>
+    import componentDiyHeader from '@/components/diy/header';
+    import componentDiyFooter from '@/components/diy/footer';
     import componentDiySearch from '@/components/diy/search';
     import componentDiyAuxiliaryLine from '@/components/diy/auxiliary-line';
     export default {
@@ -21,6 +25,8 @@
             },
         },
         components: {
+            componentDiyHeader,
+            componentDiyFooter,
             componentDiySearch,
             componentDiyAuxiliaryLine,
         },

components/diy/footer.vue

@@ -0,0 +1,14 @@
+<template>
+    <view> 这是底部导航 </view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {};
+        },
+        methods: {},
+    };
+</script>
+
+<style></style>

components/diy/header.vue

@@ -0,0 +1,14 @@
+<template>
+    <view> 这是头部 </view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {};
+        },
+        methods: {},
+    };
+</script>
+
+<style></style>