fix store, update slider, footer

IBEC-BOX · Feb 19, 2024 · cdad15b · cdad15b
1 parent c4acb44
commit cdad15b
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 10 deletions.
diff --git a/playground/public/arrow.png b/playground/public/arrow.png
diff --git a/src/runtime/components/Pages/TestVuetify.vue b/src/runtime/components/Pages/TestVuetify.vue
@@ -23,14 +23,14 @@
       id="footer"
       :logo-in-body="true"
       :logo="{ title: 'АО', titleAttrs: {class: 'mb-4 text-h6'} }"
-      nav-class="text-h6 text-white"
+      nav-class="text-h6 text-black"
       :nav="[
         { id: 1, text: 'Overview', link: '/' },
         { id: 2, text: 'Features', link: '/' },
         { id: 3, text: 'Pricing', link: '/' },
         { id: 4, text: 'Careers', link: '/' },
         { id: 5, text: 'Help centre', link: '/' },
-        { id: 6, text: 'Privacy', link: '/' },
+        { id: 6, text: 'Privacy', link: '/', image: '/arrow.png' },
       ]"
       :copyright="{
         text: '2023 Untitled UI. All rights reserverd'
@@ -90,10 +90,10 @@ const sliderAbout = [
     },
     title: 'АО «ССГПО» — крупнейшее градообразующее предприятие\n' +
       'страны по переработке железных руд, доломита, известняка, строительного щебня',
-    subtitle: 'Рынки сбыта: Казахстан, Россия, Китай ',
     titleAttrs: {
       class: 'text-white mb-4 text-36'
     },
+    backgroundImg: 'https://images.unsplash.com/photo-1562043236-559c3b65a6e2?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
     textBlockAttrs: {
       class: 'justify-start'
     },
@@ -109,6 +109,35 @@ const sliderAbout = [
       }
     ],
     active: false,
+    numbers: [
+      {
+        number: 5.5,
+        postfix: [
+          'mln'
+        ],
+        subtitle: [
+          'fdsfsdfds'
+        ]
+      },
+      {
+        number: 5.5,
+        postfix: [
+          'mln'
+        ],
+        subtitle: [
+          'fdsfsdfds'
+        ]
+      },
+      {
+        number: 5.5,
+        postfix: [
+          'mln'
+        ],
+        subtitle: [
+          'fdsfsdfds'
+        ]
+      }
+    ]
   },
 
 ]

diff --git a/src/runtime/components/Parts/Footer/Default.vue b/src/runtime/components/Parts/Footer/Default.vue
@@ -121,12 +121,14 @@
               <li
                 v-for="item in nav"
                 :key="item.id"
-                v-bind="navAttrs"
               >
                 <nuxt-link
                   :to="item.link"
+                  class="d-flex align-center"
+                  v-bind="navAttrs"
                 >
                   {{ item.text }}
+                  <v-img :src="item.image" :width="13" :height="13" class="ml-2" v-bind="item.imageAttrs" />
                 </nuxt-link>
               </li>
             </ul>
@@ -145,7 +147,7 @@
               <li
                 v-for="item in menuItem.links"
                 :key="item.id"
-                class="mb-2 text-body-1"
+                class="mb-2"
               >
                 <nuxt-link
                   class="text-primary"
@@ -288,8 +290,8 @@
 </template>
 
 <script setup>
-import { useMainStore } from "../../../store/mainStore.js";
-import {useAttrs} from "vue";
+import { useMainStore } from "../../../store/mainStore";
+import { useAttrs } from "vue";
 const mainStore = useMainStore();
 
 const attrs = useAttrs();

diff --git a/src/runtime/components/Parts/Slider.vue b/src/runtime/components/Parts/Slider.vue
@@ -48,27 +48,34 @@
               ]"
             >
               <div>
-                <!-- Slide title -->
-                <!-- Добавил возможность указывать тег чтобы была возможность для настройки SEO -->
                 <v-chip
                   v-if="slide.chip"
                   v-bind="slide.chip.attrs"
                 >
                   {{ slide.chip.text }}
                 </v-chip>
+                <!-- Slide title -->
+                <!-- Добавил возможность указывать тег чтобы была возможность для настройки SEO -->
                 <component
                   :is="slide.titleTag ? slide.titleTag : 'p'"
                   v-bind="slide.titleAttrs"
                 >
                   {{ slide.title }}
                 </component>
 
-                <p v-bind="slide.subTitleAttrs">
+                <p v-bind="slide.subTitleAttrs" v-if="slide.subtitle">
                   {{ slide.subtitle }}
                 </p>
                 <!-- Slide title -->
               </div>
 
+
+              <div v-if="slide.numbers" v-bind="slide.numbers.attrs" class="d-flex flex-column flex-md-row">
+                <div v-for="number in slide.numbers" v-bind="slide.numbers.itemAttrs" class="d-flex flex-column">
+                  <span v-bind="slide.numbers.numAttrs"> {{ number.number }} {{ number.postfix}} </span>
+                  <span v-bind="slide.numbers.subtitleAttrs"> {{ number.subtitle }}</span>
+                </div>
+              </div>
               <!-- body slot -->
               <div v-html="slide.bodySlot" />
               <!-- body slot end -->