display montzar

components.d.ts

@@ -7,6 +7,7 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    AAffix: typeof import('ant-design-vue/es')['Affix']
     AButton: typeof import('ant-design-vue/es')['Button']
     ADivider: typeof import('ant-design-vue/es')['Divider']
     AForm: typeof import('ant-design-vue/es')['Form']

src/views/base/index.vue

@@ -78,7 +78,9 @@
     </div>
     <!--      <canvas ref="canvas" id="canvas1" width="400" height="80" class="w-full"></canvas>-->
      <div class="bottom-appbar w-auto mx-auto">
-      <div class="tabs">
+      <div class="tabs"
+           :class="userStore.getValueByKey('display_montzar') === 'true' ? 'bottom-1rem' : 'bottom-0' "
+      >
         <div :class="setNavColor('home')" class="tab" @click="setRoute('home')">
           <Icon icon="vuesax-linear:home" />
           <div class="text-xs mt-1 font-bold">صفحه اصلی</div>
@@ -111,16 +113,34 @@
           <Icon icon="vuesax-linear:setting-2" />
           <div class="text-xs mt-1 font-bold">تنظیمات</div>
         </div>
-      </div>
-      <!--      <div class="w-[80px] h-[80px] border-1">
 
-            </div>-->
+        <div
+          v-if ="userStore.getValueByKey('display_montzar') === 'true' "
+          class ="bottom-0 flex justify-center text-[9px] fixed left-0 right-0 "
+          style ="box-shadow: 0px 3.75px 16px 0px #00000030"
+        >
+          <a
+            href="https://montzar.ir"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="flex items-center gap-1 text-inherit no-underline"
+          >
+            <div class="flex justify-center py-1 items-center">
+              <div>توسعه و طراحی توسط</div>
+              <img src="/logo-montzar.png" alt="" class="h-3" />
+            </div>
+          </a>
+        </div>
+      </div>
+
       <div class="main">
         <div class="circle">
 
         </div>
       </div>
+
     </div>
+
   </div>
 </template>
 
@@ -131,7 +151,8 @@ import router from '@/router'
 import BasicButton from '@/components/BasicPacks/BasicButton.vue'
 import type { Transaction } from '@/models/transaction'
 import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
-import {useConfigStore} from "@/store/configStore";
+import {useConfigStore } from "@/store/configStore";
+import { useUserStore } from "@/store/userStore";
 
 /*onMounted(async () => {
   const c = await document.getElementById("canvas1");
@@ -144,9 +165,9 @@ import {useConfigStore} from "@/store/configStore";
   ctx.lineTo(400,20)
   ctx.stroke();
 })*/
+const userStore = useUserStore()
 const currentRoute = computed(() => router.currentRoute.value.name)
 const config=useConfigStore()
-
 const popVisible = ref(false)
 
 function setNavColor(val: string) {
@@ -184,10 +205,8 @@ function setRoute(val: string) {
   .tabs {
     display: flex;
     height: 90%;
-    bottom: 0;
     width: 100%;
     background: white;
-    //background-color: red;
     justify-content: space-between;
     position: absolute;
     z-index: 400;