wui-components-v2 1.1.69 → 1.1.71

package/components/wui-login/wui-login.vue

@@ -1,43 +1,43 @@
-<!-- 纯色风格登录页面 -->
-<script setup lang="ts">
-import { defineOptions, defineProps } from 'vue'
-import loginFormBox from '../login-form-box/login-form-box.vue'
-import { useManualTheme } from '../../composables/useManualTheme'
-import type { TabbarItem } from '../../composables/useTabbar'
-
-defineOptions({
-  name: 'WuiLogin',
-})
-
-const props = defineProps<Props>()
-// 定义 Props 类型
-interface Props {
-  tabbarItems: TabbarItem[]
-  loginlog: any
-  showRagister?: boolean
-  gurl?: string// 获取验证码接口
-  url?: string// 手机号登录接口
-}
-const {
-  currentThemeColor,
-} = useManualTheme()
-</script>
-
-<template>
-  <view class="h-[calc(100vh-44px)] flex flex-col" :style="{ backgroundColor: currentThemeColor.primary }">
-    <!-- <view class="flex flex-col items-center justify-center pa-3 pb-5">
-      <wd-img :width="100" :height="100" round :src="loginlog" />
-      <view class="text-center">
-        <text class="text-2xl dark:text-white">
-          欢迎登录
-        </text>
-      </view>
-    </view> -->
-    <view class="flex items-center justify-center">
-      <image class="h-250px w-250px" src="./footerImg.png" />
-    </view>
-    <view class="flex-1 border-rd-t-2 p-y-2 bg-white dark:bg-[var(--wot-dark-background2)]">
-      <loginFormBox :tabbar-items="props.tabbarItems" :show-ragister="showRagister" :gurl="props.gurl" :url="props.url" />
-    </view>
-  </view>
-</template>
+<!-- 纯色风格登录页面 -->
+<script setup lang="ts">
+import { defineOptions, defineProps } from 'vue'
+import loginFormBox from '../login-form-box/login-form-box.vue'
+import { useManualTheme } from '../../composables/useManualTheme'
+import type { TabbarItem } from '../../composables/useTabbar'
+
+defineOptions({
+  name: 'WuiLogin',
+})
+
+const props = defineProps<Props>()
+// 定义 Props 类型
+interface Props {
+  tabbarItems: TabbarItem[]
+  loginlog: any
+  showRagister?: boolean
+  gurl?: string// 获取验证码接口
+  url?: string// 手机号登录接口
+}
+const {
+  currentThemeColor,
+} = useManualTheme()
+</script>
+
+<template>
+  <view class="h-[calc(100vh-44px)] flex flex-col" :style="{ backgroundColor: currentThemeColor.primary }">
+    <!-- <view class="flex flex-col items-center justify-center pa-3 pb-5">
+      <wd-img :width="100" :height="100" round :src="loginlog" />
+      <view class="text-center">
+        <text class="text-2xl dark:text-white">
+          欢迎登录
+        </text>
+      </view>
+    </view> -->
+    <view class="flex items-center justify-center">
+      <image class="h-250px w-250px" src="./footerImg.png" />
+    </view>
+    <view class="flex-1 border-rd-t-2 p-y-2 bg-white dark:bg-[var(--wot-dark-background2)]">
+      <loginFormBox :tabbar-items="props.tabbarItems" :show-ragister="showRagister" :gurl="props.gurl" :url="props.url" />
+    </view>
+  </view>
+</template>

package/components/wui-login1/wui-login.vue

@@ -1,41 +1,41 @@
-<!-- 自定义背景风格登录页面 -->
-<script setup lang="ts">
-import { defineOptions, defineProps } from 'vue'
-import loginFormBox from '../login-form-box/login-form-box.vue'
-import { useManualTheme } from '../../composables/useManualTheme'
-import type { TabbarItem } from '../../composables/useTabbar'
-
-defineOptions({
-  name: 'Wuilogin1',
-})
-const props = defineProps<{
-  loginlog: string
-  loginBackgroundimg: string
-  tabbarItems: TabbarItem[]
-  showRagister?: boolean
-  gurl?: string// 获取验证码接口
-  url?: string// 手机号登录接口
-}>()
-const {
-  currentThemeColor,
-} = useManualTheme()
-console.log(currentThemeColor)
-</script>
-
-<template>
-  <view class="h-[calc(100vh-44px)] flex flex-col">
-    <view class="position-relative h-390px w-full">
-      <image class="h-full w-full" :src="props.loginBackgroundimg" />
-      <view class="position-absolute bottom-40rpx box-border w-full flex justify-center border-rd-t-2 bg-white bg-opacity-20 p-3 backdrop-blur-md dark:bg-[var(--wot-dark-background2)]">
-        <image class="mr-1.5 h-66px w-66px border-rd-100" :src="props.loginlog" />
-        <text class="mt-3 font-size-22px c-#171819 font-bold dark:text-white">
-          你好，欢迎登录阀门检测
-        </text>
-      </view>
-    </view>
-
-    <view class="flex-1 border-rd-t-2 p-y-2 bg-white dark:bg-[var(--wot-dark-background2)]">
-      <loginFormBox :tabbar-items="props.tabbarItems" :show-ragister="showRagister" :gurl="props.gurl" :url="props.url" />
-    </view>
-  </view>
-</template>
+<!-- 自定义背景风格登录页面 -->
+<script setup lang="ts">
+import { defineOptions, defineProps } from 'vue'
+import loginFormBox from '../login-form-box/login-form-box.vue'
+import { useManualTheme } from '../../composables/useManualTheme'
+import type { TabbarItem } from '../../composables/useTabbar'
+
+defineOptions({
+  name: 'Wuilogin1',
+})
+const props = defineProps<{
+  loginlog: string
+  loginBackgroundimg: string
+  tabbarItems: TabbarItem[]
+  showRagister?: boolean
+  gurl?: string// 获取验证码接口
+  url?: string// 手机号登录接口
+}>()
+const {
+  currentThemeColor,
+} = useManualTheme()
+console.log(currentThemeColor)
+</script>
+
+<template>
+  <view class="h-[calc(100vh-44px)] flex flex-col">
+    <view class="position-relative h-390px w-full">
+      <image class="h-full w-full" :src="props.loginBackgroundimg" />
+      <view class="position-absolute bottom-40rpx box-border w-full flex justify-center border-rd-t-2 bg-white bg-opacity-20 p-3 backdrop-blur-md dark:bg-[var(--wot-dark-background2)]">
+        <image class="mr-1.5 h-66px w-66px border-rd-100" :src="props.loginlog" />
+        <text class="mt-3 font-size-22px c-#171819 font-bold dark:text-white">
+          你好，欢迎登录阀门检测
+        </text>
+      </view>
+    </view>
+
+    <view class="flex-1 border-rd-t-2 p-y-2 bg-white dark:bg-[var(--wot-dark-background2)]">
+      <loginFormBox :tabbar-items="props.tabbarItems" :show-ragister="showRagister" :gurl="props.gurl" :url="props.url" />
+    </view>
+  </view>
+</template>

package/components/wui-menus/wui-menus-top.vue

@@ -1,137 +1,137 @@
-<script setup lang="ts">
-import { defineOptions } from 'vue'
-import { useManualTheme } from '../../composables/useManualTheme'
-import { useUser } from '../../composables/useUser'
-import { formatChineseDate } from '../../utils'
-
-defineOptions({
-  name: 'WuiMenusTop',
-})
-
-const user = useUser().getUserInfo()
-
-const {
-  currentThemeColor,
-} = useManualTheme()
-</script>
-
-<template>
-  <view class="position-relative">
-    <view
-      class="rounded-b-1rem"
-      style="box-sizing: border-box; padding: 20px; position: absolute;z-index: -1; height: 350rpx;width: 100%; background: linear-gradient( 180deg, #2094FF 0%, rgba(32,148,255,0.3) 100%);"
-      :style="{ background: currentThemeColor.primary }"
-    >
-      <view class="flex items-center gap-2 text-lg color-white">
-        <image
-          class="h-10 w-10 border-rd-100%" style="border:2px solid #fff;" src="../../static/hader.png"
-          mode="scaleToFill"
-        />
-        <view>
-          <view>你好,{{ user.name }}</view>
-        </view>
-      </view>
-      <view style="padding: 20rpx 0;margin-top: 10px;" class="text-xs color-white">
-        {{ formatChineseDate() }}
-      </view>
-    </view>
-    <!-- <image
-        class="h-30 w-50"
-        style="position: absolute;z-index: -1;top: 0; right: -21px;"
-        src="../../static/home.png"
-        mode="scaleToFill"
-      /> -->
-    <div class="dashboard-header__illustration">
-      <div class="dec-circle c-1" />
-      <div class="dec-circle c-2" />
-      <div class="dec-cube" />
-    </div>
-
-    <view class="h-3 p-12" />
-  </view>
-</template>
-
-<style lang="scss" scoped>
-.dashboard-header__illustration {
-    position: absolute;
-    right: 15px;
-    top: 15px;
-    width: 100px;
-    height: 100px;
-    opacity: 0.8;
-    pointer-events: none;
-}
-
-.dec-circle {
-    position: absolute;
-    border-radius: 50%;
-    background: rgba(255, 255, 255, 0.1);
-    backdrop-filter: blur(4px);
-}
-
-.c-1 {
-    width: 80px;
-    height: 80px;
-    right: 0;
-    top: 0;
-    animation: float 6s ease-in-out infinite;
-}
-
-.c-2 {
-    width: 40px;
-    height: 40px;
-    left: 0;
-    bottom: 0;
-    background: rgba(255, 255, 255, 0.2);
-    animation: float 4s ease-in-out infinite reverse;
-}
-
-.dec-cube {
-    position: absolute;
-    top: 25px;
-    left: 25px;
-    width: 40px;
-    height: 40px;
-    background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
-    border-radius: 8px;
-    transform: rotate(45deg);
-    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
-    animation: floatCube 8s ease-in-out infinite;
-}
-
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-        transform: translateY(10px);
-    }
-
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-@keyframes float {
-
-    0%,
-    100% {
-        transform: translateY(0);
-    }
-
-    50% {
-        transform: translateY(-10px);
-    }
-}
-
-@keyframes floatCube {
-
-    0%,
-    100% {
-        transform: rotate(45deg) translateY(0);
-    }
-
-    50% {
-        transform: rotate(45deg) translateY(-8px);
-    }
-}
-</style>
+<script setup lang="ts">
+import { defineOptions } from 'vue'
+import { useManualTheme } from '../../composables/useManualTheme'
+import { useUser } from '../../composables/useUser'
+import { formatChineseDate } from '../../utils'
+
+defineOptions({
+  name: 'WuiMenusTop',
+})
+
+const user = useUser().getUserInfo()
+
+const {
+  currentThemeColor,
+} = useManualTheme()
+</script>
+
+<template>
+  <view class="position-relative">
+    <view
+      class="rounded-b-1rem"
+      style="box-sizing: border-box; padding: 20px; position: absolute;z-index: -1; height: 350rpx;width: 100%; background: linear-gradient( 180deg, #2094FF 0%, rgba(32,148,255,0.3) 100%);"
+      :style="{ background: currentThemeColor.primary }"
+    >
+      <view class="flex items-center gap-2 text-lg color-white">
+        <image
+          class="h-10 w-10 border-rd-100%" style="border:2px solid #fff;" src="../../static/hader.png"
+          mode="scaleToFill"
+        />
+        <view>
+          <view>你好,{{ user.name }}</view>
+        </view>
+      </view>
+      <view style="padding: 20rpx 0;margin-top: 10px;" class="text-xs color-white">
+        {{ formatChineseDate() }}
+      </view>
+    </view>
+    <!-- <image
+        class="h-30 w-50"
+        style="position: absolute;z-index: -1;top: 0; right: -21px;"
+        src="../../static/home.png"
+        mode="scaleToFill"
+      /> -->
+    <div class="dashboard-header__illustration">
+      <div class="dec-circle c-1" />
+      <div class="dec-circle c-2" />
+      <div class="dec-cube" />
+    </div>
+
+    <view class="h-3 p-12" />
+  </view>
+</template>
+
+<style lang="scss" scoped>
+.dashboard-header__illustration {
+    position: absolute;
+    right: 15px;
+    top: 15px;
+    width: 100px;
+    height: 100px;
+    opacity: 0.8;
+    pointer-events: none;
+}
+
+.dec-circle {
+    position: absolute;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(4px);
+}
+
+.c-1 {
+    width: 80px;
+    height: 80px;
+    right: 0;
+    top: 0;
+    animation: float 6s ease-in-out infinite;
+}
+
+.c-2 {
+    width: 40px;
+    height: 40px;
+    left: 0;
+    bottom: 0;
+    background: rgba(255, 255, 255, 0.2);
+    animation: float 4s ease-in-out infinite reverse;
+}
+
+.dec-cube {
+    position: absolute;
+    top: 25px;
+    left: 25px;
+    width: 40px;
+    height: 40px;
+    background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
+    border-radius: 8px;
+    transform: rotate(45deg);
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    animation: floatCube 8s ease-in-out infinite;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes float {
+
+    0%,
+    100% {
+        transform: translateY(0);
+    }
+
+    50% {
+        transform: translateY(-10px);
+    }
+}
+
+@keyframes floatCube {
+
+    0%,
+    100% {
+        transform: rotate(45deg) translateY(0);
+    }
+
+    50% {
+        transform: rotate(45deg) translateY(-8px);
+    }
+}
+</style>

package/components/wui-menus/wui-menus-top1.vue

@@ -1,8 +1,8 @@
-<template>
-  <view>
-    <image
-      src="../../imgs/homeLog.png"
-      class="w-830rpx"
-    />
-  </view>
-</template>
+<template>
+  <view>
+    <image
+      src="../../imgs/homeLog.png"
+      class="w-830rpx"
+    />
+  </view>
+</template>