From dc91746f84202ee8a656e3bd32e1f6b3a61491d3 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Mon, 9 Sep 2024 14:59:10 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=9B=E9=94=80=E5=AD=98:=201.diy=E8=A3=85?=
 =?UTF-8?q?=E4=BF=AE=E6=B8=B2=E6=9F=93=E5=B8=83=E5=B1=80=20sws-2024-09-09?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/diy/diy.vue    |  4 ++--
 components/diy/footer.vue | 18 +++++++++++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/components/diy/diy.vue b/components/diy/diy.vue
index debe1e70..dceeaaec 100644
--- a/components/diy/diy.vue
+++ b/components/diy/diy.vue
@@ -1,7 +1,7 @@
 <template>
-    <view>
+    <view class="ht flex-col">
         <componentDiyHeader></componentDiyHeader>
-        <view v-if="value.diy_data.length > 0">
+        <view class="flex-1" v-if="value.diy_data.length > 0">
             <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>
diff --git a/components/diy/footer.vue b/components/diy/footer.vue
index 46dd3347..549d6fef 100644
--- a/components/diy/footer.vue
+++ b/components/diy/footer.vue
@@ -1,5 +1,21 @@
 <template>
-    <view> 这是底部导航 </view>
+    <view class="footer-nav flex-row jc-c align-c" :class="showFooter ? 'br-2 br-primary' : ''" @click="footer_nav_event">
+        <view class="footer-nav-content flex-row jc-c align-c w" :style="style_container">
+            <ul class="flex-row jc-sa align-c w">
+                <li v-for="(item, index) in nav_content" :key="index" class="flex-1 flex-col jc-c align-c gap-5" @mouseenter="is_hover = index" @mouseleave="is_hover = 0">
+                    <view v-if="nav_style !== 2" class="img re">
+                        <view class="img-item abs radius-xs animate-linear w" :class="is_hover != index ? 'active' : ''">
+                            <image-empty v-model="item.img[0]" error-img-style="width:1.5rem;height:1.5rem;"></image-empty>
+                        </view>
+                        <view class="img-item abs radius-xs animate-linear w" :class="is_hover == index ? 'active' : ''">
+                            <image-empty v-model="item.img_checked[0]" error-img-style="width:1.5rem;height:1.5rem;"></image-empty>
+                        </view>
+                    </view>
+                    <span v-if="nav_style !== 1" class="animate-linear size-12 re z-i" :style="is_hover == index ? text_color_checked : default_text_color">{{ item.name }}</span>
+                </li>
+            </ul>
+        </view>
+    </view>
 </template>
 
 <script>