From 993e8b3a1f045d1422fa7d9a06afec3f418cb836 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Thu, 5 Sep 2024 17:00:06 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E6=B7=BB=E5=8A=A0=E7=9A=84Footer?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E7=BB=84=E4=BB=B6=E5=85=81=E8=AE=B8=E6=A0=B9?=
 =?UTF-8?q?=E6=8D=AE=E6=8F=90=E4=BE=9B=E7=9A=84=E6=95=B0=E6=8D=AE=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E5=8A=A8=E6=80=81=E6=9B=B4=E6=94=B9=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=92=8C=E5=86=85=E5=AE=B9=E3=80=82=E6=AD=A4=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=8C=85=E6=8B=AC=E5=9B=BE=E5=83=8F=E9=A2=84=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=EF=BC=8C=E4=BB=A5=E7=A1=AE=E4=BF=9D=E5=9C=A8=E6=9C=AA=E8=BF=9E?=
 =?UTF-8?q?=E6=8E=A5=E5=88=B0=E4=BA=92=E8=81=94=E7=BD=91=E6=97=B6=E7=9A=84?=
 =?UTF-8?q?=E5=9B=9E=E9=80=80=EF=BC=8C=E4=BB=A5=E5=8F=8A=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2=E7=9A=84=E5=8A=A8=E6=80=81=E6=9B=B4=E6=94=B9?=
 =?UTF-8?q?=E4=BB=A5=E6=8C=87=E7=A4=BA=E6=B4=BB=E5=8A=A8=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E3=80=82=E8=AF=A5=E7=BB=84=E4=BB=B6=E8=BF=98=E5=8C=85=E5=90=AB?=
 =?UTF-8?q?=E5=93=8D=E5=BA=94=E5=BC=8F=E8=AE=BE=E8=AE=A1=E5=85=83=E7=B4=A0?=
 =?UTF-8?q?=EF=BC=8C=E5=85=81=E8=AE=B8=E5=9C=A8=E6=82=AC=E5=81=9C=E6=97=B6?=
 =?UTF-8?q?=E8=BF=9B=E8=A1=8C=E4=BA=A4=E4=BA=92=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/footer-nav/index copy.vue | 116 -----------------------
 1 file changed, 116 deletions(-)
 delete mode 100644 src/components/footer-nav/index copy.vue

diff --git a/src/components/footer-nav/index copy.vue b/src/components/footer-nav/index copy.vue
deleted file mode 100644
index bb582f9f..00000000
--- a/src/components/footer-nav/index copy.vue	
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-    <div class="footer-nav flex-row jc-c align-c" :class="showFooter ? 'br-2 br-primary' : ''" @click="footer_nav_event">
-        <div 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">
-                    <div v-if="footerData.content.nav_style !== '2'" class="img re">
-                        <div 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>
-                        </div>
-                        <div 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>
-                        </div>
-                    </div>
-                    <span v-if="footerData.content.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>
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { cloneDeep } from 'lodash';
-import { common_styles_computer, online_url } from '@/utils';
-import { footerNavCounterStore } from '@/store';
-const footer_nav_counter_store = footerNavCounterStore();
-const props = defineProps({
-    showFooter: {
-        type: Boolean,
-        default: false,
-    },
-    footerData: {
-        type: Object,
-        default: () => ({}),
-    },
-});
-const style_container = ref('');
-const default_text_color = ref('');
-const text_color_checked = ref('');
-const is_hover = ref(0);
-const nav_content = ref<any[]>([]);
-
-watch(
-    props.footerData,
-    async (newVal, oldValue) => {
-        const new_content = newVal?.content || {};
-        const new_style = newVal?.style || {};
-        const url = await online_url('/static/app/tabbar/').then((res) => res);
-        const clone_nav_content = cloneDeep(new_content.nav_content);
-        nav_content.value =
-            clone_nav_content.map((item: any) => {
-                item.img = item.img.map((img: any) => {
-                    return {
-                        ...img,
-                        url: item.img.includes('/') ? img.url : url + img.url,
-                    };
-                });
-                item.img_checked = item.img_checked.map((img: any) => {
-                    return {
-                        ...img,
-                        url: item.img_checked.includes('/') ? img.url : url + img.url,
-                    };
-                });
-                return item;
-            }) || [];
-        default_text_color.value = 'color:' + new_style.default_text_color || 'rgba(0, 0, 0, 1)';
-        text_color_checked.value = 'color:' + new_style.text_color_checked || 'rgba(204, 204, 204, 1)';
-
-        style_container.value = common_styles_computer(new_style.common_style);
-        let footer_height = new_style.common_style.padding_top + new_style.common_style.padding_bottom + new_style.common_style.margin_top + new_style.common_style.margin_bottom + 50;
-        if (footer_height >= 70) {
-            footer_height = footer_height;
-        } else {
-            footer_height = 70;
-        }
-        footer_nav_counter_store.padding_footer_computer(footer_height);
-    },
-    { immediate: true, deep: true }
-);
-const emits = defineEmits(['footer-nav']);
-const footer_nav_event = () => {
-    emits('footer-nav');
-};
-</script>
-<style lang="scss" scoped>
-.footer-nav {
-    width: 39rem;
-    margin: 0 auto;
-    padding: 0rem;
-    cursor: pointer;
-    background-color: transparent;
-    .footer-nav-content {
-        min-height: 7rem;
-        .img {
-            width: 2rem;
-            height: 2rem;
-            .img-item {
-                width: 2.2rem;
-                height: 2.2rem;
-                opacity: 0;
-                &.active {
-                    opacity: 1;
-                }
-            }
-        }
-    }
-}
-.br-2 {
-    &::before {
-        content: '';
-        position: absolute;
-        border: 0.2rem solid $cr-main;
-        inset: 0;
-        width: calc(100% + 0.4rem);
-        height: calc(100% + 0.4rem);
-    }
-}
-</style>