diff --git a/.env b/.env
index c26753f..0620042 100644
--- a/.env
+++ b/.env
@@ -17,13 +17,13 @@ VITE_PWD_ENC_KEY='pigxpigxpigxpigx'
 VITE_OAUTH2_APP_CLIENT='mini:mini'
 
 # --------------------------- start 开发环境 start ----------------------------------
-VITE_APP_DEV_SERVICE = https://stgl.pj.gov.cn/api
+# VITE_APP_DEV_SERVICE = https://stgl.pj.gov.cn/api
 # VITE_APP_DEV_SERVICE = http://localhost:9999
-# VITE_APP_DEV_SERVICE = https://dzc-test-1.fy.takin.cc
+VITE_APP_DEV_SERVICE = https://dzc-test-1.fy.takin.cc
 
 # VITE_IMAGE_DEV_PATH = http://localhost:9999
-# VITE_IMAGE_DEV_PATH = https://dzc-test-1.fy.takin.cc/api
-VITE_IMAGE_DEV_PATH = https://stgl.pj.gov.cn/api
+VITE_IMAGE_DEV_PATH = https://dzc-test-1.fy.takin.cc/api
+# VITE_IMAGE_DEV_PATH = https://stgl.pj.gov.cn/api
 # ----------------------------- end 开发环境 end ------------------------------------
 
 # --------------------------- start 生产环境 start ----------------------------------
diff --git a/src/App.vue b/src/App.vue
index dcc7a76..e33e79d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,7 +14,9 @@ export default {
     console.log("App Launch");
     const _this = this;
     uni.hideTabBar()
+    // #ifdef MP-WEIXIN
     wx.onAppRoute(_this.watchRouter)
+    // #endif
   },
   onShow() {
     console.log("App Show");
diff --git a/src/pages.json b/src/pages.json
index 1d5aaf8..e7ea7da 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -158,13 +158,6 @@
 						"navigationBarTitleText": "",
 						"disableScroll": true
 					}
-				},
-				{
-					"path": "recharge-record",
-					"style": {
-						"navigationBarTitleText": "充值记录",
-						"disableScroll": true
-					}
 				}
 			]
 		},
diff --git a/src/pages/pay/scanPay.vue b/src/pages/pay/scanPay.vue
index 7e6f091..779be3b 100644
--- a/src/pages/pay/scanPay.vue
+++ b/src/pages/pay/scanPay.vue
@@ -1,5 +1,5 @@
 <template>
-	<crud-layout :title="scanPayState.mchName" :bg="filePath(SERVICE_IMAGE.blueBg)">
+	<crud-layout :title="scanPayState.mchName" :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
 		<view class="h-screen flex flex-col">
 			<tm-sheet :margin="[0, 10]" class="flex flex-row">
 				<span class="text-2xl text-[#333] mr-8rpx line-height-normal">¥</span>
@@ -31,7 +31,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, reactive } from "vue"
+import { ref, computed, reactive, onMounted, nextTick } from "vue"
 import { onLoad, onShow } from "@dcloudio/uni-app"
 
 import payApi from "@@/api/pay"
@@ -45,6 +45,7 @@ import { isEmpty } from "radash"
 import NumberKeyboard from "@/sheep/components/number-keyboard.vue"
 import { SERVICE_IMAGE } from "@@/constant/index"
 
+const crudLayoutRef = ref<any>(null)
 const loading = ref(false)
 const scanPayState = reactive({
 	mchId: "", // 商户id
@@ -83,7 +84,6 @@ onLoad(async (options: any) => {
 
 	return uni.showToast({ title: "扫码参数错误", icon: "none" })
 })
-
 onShow(async () => {
 	try {
 		await getWalletList()
@@ -91,6 +91,11 @@ onShow(async () => {
 		uni.hideLoading()
 	}
 })
+onMounted(() => {
+	nextTick(() => {
+		crudLayoutRef.value?.checkVerifyDevice?.()
+	})
+})
 
 // 获取商户名
 const getMchDetail = async (mchId: string) => {
diff --git a/src/pages/root/dashboard.vue b/src/pages/root/dashboard.vue
index ce3ea53..db99991 100644
--- a/src/pages/root/dashboard.vue
+++ b/src/pages/root/dashboard.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, computed } from "vue"
+import { ref, reactive, computed, defineAsyncComponent, nextTick, onMounted } from "vue"
 import { onHide, onShow } from "@dcloudio/uni-app"
 
 import { router } from "@@/index"
@@ -13,6 +13,7 @@ import Empty from "@@/components/empty/empty.vue"
 
 const tabbarStore = useTabbarStore()
 
+const crudLayoutRef = ref()
 const state = reactive<any>({
     swiperList: [
         {
@@ -45,6 +46,12 @@ onShow(() => {
     getAppMenuList()
 })
 
+onMounted(() => {
+    nextTick(() => {
+        crudLayoutRef.value?.checkVerifyDevice?.()
+    })
+})
+
 onHide(() => {
 })
 
@@ -93,7 +100,7 @@ const getAppMenuList = async () => {
 </script>
 
 <template>
-    <crud-layout title="智慧后勤系统" :bg="filePath(SERVICE_IMAGE.blueBg)">
+    <crud-layout title="智慧后勤系统" :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
         <view class="h-20rpx" />
         <swiper class="w-full h-280rpx rounded-16rpx overflow-hidden" circular :indicator-dots="true"
             indicator-active-color="#0779FD" indicator-color="#ffffff" :autoplay="true">
diff --git a/src/pages/root/login.vue b/src/pages/root/login.vue
index 46a72f4..3155474 100644
--- a/src/pages/root/login.vue
+++ b/src/pages/root/login.vue
@@ -2,7 +2,7 @@
 import { ref, reactive } from "vue"
 import { onShow } from "@dcloudio/uni-app"
 import { constant, router } from "@@/index"
-import { userApi, miniPlatformApi } from "@@/api"
+import { userApi, miniPlatformApi, walletApi } from "@@/api"
 import { getAppInfo } from "@@/utils/app"
 import { SERVICE_IMAGE } from "@@/constant/index"
 import { filePath } from "@@/utils/file"
@@ -57,6 +57,7 @@ const minAppGetphone = async (e) => {
         // 查询用户信息
         const { data: userData } = await userApi.userInfo()
         uni.setStorageSync(constant.storageConstant.USERINFO, userData)
+        await createWallet()
         uni.hideLoading()
         uni.showToast({ title: "登录成功", icon: "success" })
         router.jump("/pages/root/dashboard", {}, 3)
@@ -74,6 +75,16 @@ const doLogin = () => {
     }
 }
 
+// 创建钱包
+const createWallet = async () => {
+    try {
+        const { data, code }: any = await walletApi.createTopupWallet()
+        if (code != 0) throw new Error()
+    } catch (error) {
+        console.error("创建钱包意外的错误error:", error)
+    }
+}
+
 const affirmConfirm = () => {
     state.isAgree = true
 }
diff --git a/src/pages/root/pwd-login.vue b/src/pages/root/pwd-login.vue
index 6d69e56..c9cc2e0 100644
--- a/src/pages/root/pwd-login.vue
+++ b/src/pages/root/pwd-login.vue
@@ -2,12 +2,13 @@
 import { ref, reactive } from "vue"
 import { onLoad, onShow } from "@dcloudio/uni-app"
 import { constant, router } from "@@/index"
-import { userApi } from "@@/api"
+import { userApi, walletApi } from "@@/api"
 import { SERVICE_IMAGE } from "@@/constant/index"
 import { filePath } from "@@/utils/file"
 
 import AffirmCheck from "@/sheep/components/common/affirm-check.vue"
 import AffirmModal from "@/sheep/components/common/affirm-modal.vue"
+import VerifyDeviceImpModel from "@/sheep/components/verify-device-imp-model.vue"
 
 const affirmModalRef = ref()
 const state = reactive<any>({
@@ -69,11 +70,22 @@ const doSubmit = async () => {
         username: applyForm.username,
         password: applyForm.password,
     } as GlobalSetting.RememberUser)
+    await createWallet()
     uni.hideLoading()
     uni.showToast({ title: "登录成功", icon: "none" })
     router.jump("/pages/root/dashboard", {}, 3)
 }
 
+// 创建钱包
+const createWallet = async () => {
+    try {
+        const { data, code }: any = await walletApi.createTopupWallet()
+        if (code != 0) throw new Error()
+    } catch (error) {
+        console.error("创建钱包意外的错误error:", error)
+    }
+}
+
 const disposeLogin = () => {
     applyFormRef.value.submit()
     const { isPass } = applyFormRef.value.validate()
diff --git a/src/pages/tabbar/cabinet.vue b/src/pages/tabbar/cabinet.vue
index c2129e7..1df869c 100644
--- a/src/pages/tabbar/cabinet.vue
+++ b/src/pages/tabbar/cabinet.vue
@@ -1,5 +1,5 @@
 <template>
-	<crud-layout :bg="filePath(SERVICE_IMAGE.blueBg)">
+	<crud-layout :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
 		<z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="10"
 			safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
 			:auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
@@ -28,21 +28,32 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue"
+import { ref, onMounted, nextTick } from "vue"
 import { hooks, router } from "@/sheep"
 import { doorApi } from "@/sheep/api"
 import { onLoad, onShow } from "@dcloudio/uni-app"
+import { filePath } from "@@/utils/file"
+import { SERVICE_IMAGE } from "@@/constant/index"
 
 const pageRef = ref<any>(null)
+const crudLayoutRef = ref<any>(null)
 
 onLoad(() => {
+
 })
+
 onShow(() => {
 	if (pageRef.value) {
 		pageRef.value.reload(false)
 	}
 })
 
+onMounted(() => {
+	nextTick(() => {
+		crudLayoutRef.value?.checkVerifyDevice?.()
+	})
+})
+
 const pageHook = hooks.usePage(pageRef, doorApi.hardDoorPage, null, "data.records")
 
 const query = (page: number, pagesize: number) => {
diff --git a/src/pages/tabbar/canteen.vue b/src/pages/tabbar/canteen.vue
index 390c94a..56be6e3 100644
--- a/src/pages/tabbar/canteen.vue
+++ b/src/pages/tabbar/canteen.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive, nextTick } from "vue"
+import { ref, reactive, nextTick, onMounted } from "vue"
 import { onLoad, onShow } from "@dcloudio/uni-app"
 import dayjs from "dayjs"
 
@@ -8,6 +8,7 @@ import { accessStatsApi, merchantApi } from "@@/api"
 import { filePath } from "@@/utils/file"
 import { SERVICE_IMAGE } from "@@/constant/index"
 
+const crudLayoutRef = ref<any>(null)
 const state = reactive<any>({
     pa: {
         pagesize: 10,
@@ -24,6 +25,12 @@ onShow(async () => {
     }
 })
 
+onMounted(() => {
+    nextTick(() => {
+        crudLayoutRef.value?.checkVerifyDevice?.()
+    })
+})
+
 const pageRef = ref<any>(null)
 const pageHook = hooks.usePage(pageRef, merchantApi.page, null, "data.records")
 const STORAGE_KEYS = {
@@ -43,7 +50,7 @@ const toDetail = async (v: any) => {
 </script>
 
 <template>
-    <crud-layout title="食堂" :bg="filePath(SERVICE_IMAGE.blueBg)">
+    <crud-layout title="食堂" :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
         <z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="10"
             safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
             :auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
diff --git a/src/pages/tabbar/canteenAnalyse.vue b/src/pages/tabbar/canteenAnalyse.vue
index 76e94df..bd4e68f 100644
--- a/src/pages/tabbar/canteenAnalyse.vue
+++ b/src/pages/tabbar/canteenAnalyse.vue
@@ -1,5 +1,5 @@
 <template>
-	<crud-layout title="喜好分析" :bg="filePath(SERVICE_IMAGE.blueBg)">
+	<crud-layout title="喜好分析" :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
 		<z-paging ref="pageRef" height="100%" :fixed="false" safe-area-inset-bottom :loading-more-enabled="true"
 			:show-scrollbar="false" @query="query" :auto-clean-list-when-reload="false"
 			:auto-scroll-to-top-when-reload="false" hide-empty-view>
@@ -79,7 +79,7 @@
 
 <script setup lang="ts">
 import { onLoad } from "@dcloudio/uni-app"
-import { ref } from "vue"
+import { ref, onMounted, nextTick } from "vue"
 
 import qiunDataCharts from "@/components/qiun-data-charts/qiun-data-charts.vue"
 import { totalApi } from "@/sheep/api"
@@ -87,6 +87,7 @@ import { hooks } from "@/sheep"
 import { SERVICE_IMAGE } from "@@/constant/index"
 import { filePath } from "@@/utils/file"
 
+const crudLayoutRef = ref<any>(null)
 const pieChartData = ref({})
 const areaChartData = ref({})
 const productLikeTopList = ref<any>([])
@@ -158,6 +159,12 @@ const areaChartOpts = {
 }
 
 onLoad(() => {
+
+})
+onMounted(() => {
+	nextTick(() => {
+		crudLayoutRef.value?.checkVerifyDevice?.()
+	})
 })
 
 const pageRef = ref<any>(null)
diff --git a/src/pages/tabbar/coopMerchant.vue b/src/pages/tabbar/coopMerchant.vue
index 7675b18..9d16950 100644
--- a/src/pages/tabbar/coopMerchant.vue
+++ b/src/pages/tabbar/coopMerchant.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive } from "vue"
+import { ref, reactive, onMounted, nextTick } from "vue"
 import { onLoad, onShow } from "@dcloudio/uni-app"
 
 import { merchantApi } from "@@/api"
@@ -8,6 +8,7 @@ import { filePath } from "@@/utils/file"
 import zTabs from "@@/components/other/z-tabs/z-tabs.vue"
 import { SERVICE_IMAGE } from "@@/constant/index"
 
+const crudLayoutRef = ref<any>(null)
 const pageRef = ref<any>(null)
 const state = reactive<any>({
 	pa: {
@@ -44,6 +45,11 @@ onShow(() => {
 const search = () => {
 	pageRef.value && pageRef.value.reload(true)
 }
+onMounted(() => {
+	nextTick(() => {
+		crudLayoutRef.value?.checkVerifyDevice?.()
+	})
+})
 
 const doTab = (e: any) => {
 	const target = state.tabs[e]
@@ -63,7 +69,7 @@ const toDetail = async (v: any) => {
 </script>
 
 <template>
-	<crud-layout title="合作商家" :bg="filePath(SERVICE_IMAGE.blueBg)">
+	<crud-layout title="合作商家" :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
 		<z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="10"
 			safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
 			:auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
diff --git a/src/pages/tabbar/integrated.vue b/src/pages/tabbar/integrated.vue
index e54ca72..b603cdc 100644
--- a/src/pages/tabbar/integrated.vue
+++ b/src/pages/tabbar/integrated.vue
@@ -1,5 +1,5 @@
 <template>
-    <crud-layout :bg="filePath(SERVICE_IMAGE.blueBg)">
+    <crud-layout :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
         <div class="integrated-title-card">
             <div class="integrated-title">综合服务</div>
         </div>
@@ -30,7 +30,7 @@
 
 <script setup lang="ts">
 import { onLoad } from "@dcloudio/uni-app"
-import { ref, onMounted } from "vue"
+import { ref, onMounted, nextTick } from "vue"
 
 import { filePath } from "@@/utils/file"
 import { SERVICE_IMAGE } from "@@/constant/index"
@@ -39,6 +39,7 @@ import integratedApi from "@/sheep/api/integrated"
 import { hooks } from "@@/index"
 
 const todoCount = ref(0)
+const crudLayoutRef = ref<any>(null)
 
 const services = [
     {
@@ -101,7 +102,11 @@ async function fetchTodoCount() {
 
 onLoad(() => {
 })
-
+onMounted(() => {
+    nextTick(() => {
+        crudLayoutRef.value?.checkVerifyDevice?.()
+    })
+})
 onMounted(() => {
     fetchTodoCount()
 })
diff --git a/src/pages/tabbar/my.vue b/src/pages/tabbar/my.vue
index ddd3624..203fafa 100644
--- a/src/pages/tabbar/my.vue
+++ b/src/pages/tabbar/my.vue
@@ -1,5 +1,5 @@
 <template>
-    <crud-layout title="我的" mainIsScroll :bg="filePath(SERVICE_IMAGE.blueBg)">
+    <crud-layout title="我的" mainIsScroll :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
         <template #main-top>
             <view class="flex items-center py-24rpx px-40rpx" @tap="doUserArea">
                 <view class="flex items-center" v-if="state.userInfo?.sysUser?.userId">
@@ -76,7 +76,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, computed } from "vue"
+import { ref, reactive, computed, onMounted, nextTick } from "vue"
 import { onLoad, onShow } from "@dcloudio/uni-app"
 import { isEmpty } from "radash"
 import dayjs from "dayjs"
@@ -89,6 +89,7 @@ import { SERVICE_IMAGE } from "@@/constant/index"
 
 import ModifyUser from "@@/components/modify-user.vue"
 
+const crudLayoutRef = ref<any>(null)
 const modifyUserRef = ref(null)
 const state = reactive<any>({
     wallet: [],
@@ -375,7 +376,11 @@ onShow(() => {
     // 获取存储中的用户信息
     storage.getUserInfo()
 })
-
+onMounted(() => {
+    nextTick(() => {
+        crudLayoutRef.value?.checkVerifyDevice?.()
+    })
+})
 
 const isMallMchUser = async () => {
     const { data } = await userApi.isMallMchUser()
diff --git a/src/pages/tabbar/order.vue b/src/pages/tabbar/order.vue
index def7b4e..162c1af 100644
--- a/src/pages/tabbar/order.vue
+++ b/src/pages/tabbar/order.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive } from "vue"
+import { ref, reactive, onMounted, nextTick } from "vue"
 import { onLoad, onShow } from "@dcloudio/uni-app"
 
 import { hooks, router } from "@@/index"
@@ -13,6 +13,7 @@ import { useTabbarStore } from "@@/stores/tabbar"
 import zTabs from "@@/components/other/z-tabs/z-tabs.vue"
 import { getLaunchParam } from "@/sheep/utils/app"
 
+const crudLayoutRef = ref<any>(null)
 const tabbarStore = useTabbarStore()
 const data = {
     tabs: [
@@ -38,6 +39,12 @@ onShow(async () => {
         pageRef.value.reload(false)
     }
 })
+onMounted(() => {
+    nextTick(() => {
+        crudLayoutRef.value?.checkVerifyDevice?.()
+    })
+})
+
 const doTab = (e: any) => {
     const target = data.tabs[e]
     state.pa.orderStatus = target.id
@@ -78,7 +85,7 @@ const doRefund = (v: any) => {
 </script>
 
 <template>
-    <crud-layout title="订单" :bg="filePath(SERVICE_IMAGE.blueBg)">
+    <crud-layout title="订单" :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
         <z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="10"
             safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
             :auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
diff --git a/src/pages/tabbar/prosperityShop.vue b/src/pages/tabbar/prosperityShop.vue
index 6bd6f1a..ec76e99 100644
--- a/src/pages/tabbar/prosperityShop.vue
+++ b/src/pages/tabbar/prosperityShop.vue
@@ -1,5 +1,5 @@
 <template>
-	<crud-layout title="共富商城" :bg="filePath(SERVICE_IMAGE.blueBg)">
+	<crud-layout title="共富商城" :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
 		<z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="10"
 			safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
 			:auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
@@ -75,12 +75,13 @@ import { hooks, router } from "@/sheep"
 import { prosperityShopApi } from "@/sheep/api"
 import { onLoad } from "@dcloudio/uni-app"
 import { isEmpty } from "radash"
-import { reactive, ref } from "vue"
+import { reactive, ref, onMounted, nextTick } from "vue"
 
 import { filePath } from "@@/utils/file"
 import { displayPrice } from "@/sheep/utils/format-money"
 import { SERVICE_IMAGE } from "@@/constant/index"
 
+const crudLayoutRef = ref<any>(null)
 const state = reactive<any>({
 	params: {
 		keyword: "",
@@ -96,6 +97,11 @@ const query = (page: number, pagesize: number) => {
 
 onLoad(async () => {
 })
+onMounted(() => {
+	nextTick(() => {
+		crudLayoutRef.value?.checkVerifyDevice?.()
+	})
+})
 
 // 切换分类
 // const doClassify = async (categoryId: string) => {
diff --git a/src/pages/tabbar/prosperityShopMchList.vue b/src/pages/tabbar/prosperityShopMchList.vue
index 9c0a4f5..f102dc3 100644
--- a/src/pages/tabbar/prosperityShopMchList.vue
+++ b/src/pages/tabbar/prosperityShopMchList.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive } from "vue"
+import { ref, reactive, onMounted, nextTick } from "vue"
 import { onLoad, onShow } from "@dcloudio/uni-app"
 
 import { merchantApi } from "@@/api"
@@ -8,7 +8,9 @@ import { filePath } from "@@/utils/file"
 import zTabs from "@@/components/other/z-tabs/z-tabs.vue"
 import { SERVICE_IMAGE } from "@@/constant/index"
 
+const crudLayoutRef = ref<any>(null)
 const pageRef = ref<any>(null)
+
 const state = reactive<any>({
     pa: {
         pagesize: 10,
@@ -45,6 +47,11 @@ onLoad(async () => {
 onShow(() => {
     pageRef.value && pageRef.value.reload(false)
 })
+onMounted(() => {
+    nextTick(() => {
+        crudLayoutRef.value?.checkVerifyDevice?.()
+    })
+})
 
 const search = () => {
     pageRef.value && pageRef.value.reload(true)
@@ -71,7 +78,7 @@ const toDetail = async (v: any) => {
 </script>
 
 <template>
-    <crud-layout title="共富商家" :bg="filePath(SERVICE_IMAGE.blueBg)">
+    <crud-layout title="共富商家" :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
         <z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="10"
             safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
             :auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
diff --git a/src/pages/tabbar/selfMerchant.vue b/src/pages/tabbar/selfMerchant.vue
index 2ec727f..09de60f 100644
--- a/src/pages/tabbar/selfMerchant.vue
+++ b/src/pages/tabbar/selfMerchant.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive } from "vue"
+import { ref, reactive, onMounted, nextTick } from "vue"
 import { onLoad, onShow } from "@dcloudio/uni-app"
 
 import { merchantApi } from "@@/api"
@@ -7,6 +7,7 @@ import { hooks, router } from "@@/index"
 import { filePath } from "@@/utils/file"
 import { SERVICE_IMAGE } from "@@/constant/index"
 
+const crudLayoutRef = ref<any>(null)
 const pageRef = ref<any>(null)
 const state = reactive<any>({
 	pa: {
@@ -26,6 +27,11 @@ onLoad(() => {
 onShow(async () => {
 	pageRef.value && pageRef.value.reload(false)
 })
+onMounted(() => {
+	nextTick(() => {
+		crudLayoutRef.value?.checkVerifyDevice?.()
+	})
+})
 
 const toDetail = async (v: any) => {
 	const isLogin = await hooks.useCheckLogin()
@@ -36,7 +42,7 @@ const toDetail = async (v: any) => {
 </script>
 
 <template>
-	<crud-layout title="自营商家" :bg="filePath(SERVICE_IMAGE.blueBg)">
+	<crud-layout title="自营商家" :bg="filePath(SERVICE_IMAGE.blueBg)" ref="crudLayoutRef">
 		<z-paging ref="pageRef" height="100%" :fixed="false" v-model="pageHook.list" :default-page-size="10"
 			safe-area-inset-bottom :loading-more-enabled="true" :show-scrollbar="false" @query="query"
 			:auto-clean-list-when-reload="false" :auto-scroll-to-top-when-reload="false" @scroll="pageHook.scroll">
diff --git a/src/pages/wallet/recharge.vue b/src/pages/wallet/recharge.vue
index 8793047..77a1a90 100644
--- a/src/pages/wallet/recharge.vue
+++ b/src/pages/wallet/recharge.vue
@@ -102,8 +102,7 @@ const doPay = async () => {
 }
 
 const toRechargeRecord = () => {
-	return
-	router.jump("/pages/wallet/recharge-record", { walletId: state.walletId })
+	router.jump("/pages/wallet/detail", { id: state.walletId })
 }
 
 </script>
@@ -124,7 +123,7 @@ const toRechargeRecord = () => {
 				</view>
 			</view>
 			<view class="main-text-30 color-#fbddb0!"> ¥{{ hooks.useMoney(state.detail.balance) }} </view>
-			<view v-if="false" class="recharge-record-tag">
+			<view class="recharge-record-tag">
 				<text class="recharge-record-tag__text">充值记录</text>
 			</view>
 		</view>
diff --git a/src/sheep/api/user.ts b/src/sheep/api/user.ts
index cf2f307..0f3ac4c 100644
--- a/src/sheep/api/user.ts
+++ b/src/sheep/api/user.ts
@@ -119,6 +119,14 @@ export default {
 			data,
 		}),
 
+	// 判断该设备是否被验证
+	isVerifyDevice: (data: { mobile: string; userId: string }) =>
+		request({
+			url: "/thirdparty/thirdPartyOAth2/is-verify-device",
+			method: "POST",
+			data,
+		}),
+
 	// 用户注册
 	register: (data: any) =>
 		request({
diff --git a/src/sheep/api/wallet.ts b/src/sheep/api/wallet.ts
index 4d94246..7752385 100644
--- a/src/sheep/api/wallet.ts
+++ b/src/sheep/api/wallet.ts
@@ -1,6 +1,11 @@
 import request from "@/sheep/utils/request"
 
 export default {
+	createTopupWallet: (): Promise<any> =>
+		request({
+			url: "/wallet/wallet-manage/app/topup-wallet",
+			method: "GET",
+		}),
 	all: (): Promise<any> =>
 		request({
 			url: "/wallet/wallet-manage/app/get-all",
diff --git a/src/sheep/components/crud/crud-layout/crud-layout.vue b/src/sheep/components/crud/crud-layout/crud-layout.vue
index a5aebf2..03986e2 100644
--- a/src/sheep/components/crud/crud-layout/crud-layout.vue
+++ b/src/sheep/components/crud/crud-layout/crud-layout.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
-import { watch, reactive, onMounted, computed } from "vue"
+import { ref, watch, reactive, onMounted, computed } from "vue"
 
-import { router } from "@@/index"
+import { router, constant } from "@@/index"
 import { useTabbarStore } from "@@/stores/tabbar"
 import { jump } from "@/sheep/router";
+import { userApi } from "@@/api/index"
+
+import VerifyDeviceImpModel from "../../verify-device-imp-model.vue"
 
 const tabbarStore = useTabbarStore()
 
@@ -18,6 +21,7 @@ export type Props = {
 	bg: string
 }
 
+const verifyDeviceImpModelRef = ref()
 const props = withDefaults(defineProps<Props>(), {
 	tabBarType: "default",
 	title: "",
@@ -88,6 +92,41 @@ function tabbarChange(index: number) {
 	if (!target) return
 	jump(target.pagePath, {}, 3)
 }
+
+// 校验该设备是否被验证
+async function checkVerifyDevice() {
+	// 从本地存储中获取用户信息
+	const userInfo = uni.getStorageSync(constant.storageConstant.USERINFO)
+	if (!userInfo || !userInfo.sysUser || !userInfo.sysUser.userId) return
+	// 是否在白名单中
+	if (constant.DEVICE_VERIFY_WRITE_LIST.includes(userInfo.sysUser.phone)) {
+		return
+	}
+	const _params = {
+		mobile: userInfo.sysUser.phone,
+		userId: userInfo.sysUser.userId,
+	}
+	try {
+		const { data, code }: any = await userApi.isVerifyDevice(_params)
+		if (code != 0) {
+			throw new Error()
+		}
+		if (data === false) {
+			verifyDeviceImpModelRef.value?.openDialog(userInfo.sysUser.phone)
+		}
+	} catch (error: any) {
+		console.log("校验该设备是否被验证意外的错误error:", error)
+		uni.showToast({ title: error.msg ?? "设备验证错误", icon: "none", })
+	}
+}
+
+function verifyDeviceImpModelClose() {
+
+}
+
+defineExpose({
+	checkVerifyDevice
+})
 </script>
 
 <template>
@@ -118,6 +157,7 @@ function tabbarChange(index: number) {
 				borderColor="#DBDDDE" color="#8E8E8E" selected-color="#0094ff" position="fixed" @change="tabbarChange">
 			</tm-tabbar>
 		</view>
+		<VerifyDeviceImpModel ref="verifyDeviceImpModelRef" :close="verifyDeviceImpModelClose" />
 	</view>
 </template>
 
diff --git a/src/sheep/constant/index.ts b/src/sheep/constant/index.ts
index 64634a0..bf2e42f 100644
--- a/src/sheep/constant/index.ts
+++ b/src/sheep/constant/index.ts
@@ -5,3 +5,5 @@ export { default as storageConstant } from "./storage-constant"
 export { default as APPENV } from "./app-env"
 
 export * from "./service-image"
+
+export * from "./write-list"
diff --git a/src/sheep/constant/write-list.ts b/src/sheep/constant/write-list.ts
new file mode 100644
index 0000000..a7c44c7
--- /dev/null
+++ b/src/sheep/constant/write-list.ts
@@ -0,0 +1,3 @@
+export const DEVICE_VERIFY_WRITE_LIST = [
+    "17683843144",
+]
\ No newline at end of file
diff --git a/src/uni_modules/tm-ui/components/tm-drawer/tm-drawer.vue b/src/uni_modules/tm-ui/components/tm-drawer/tm-drawer.vue
index bc8fc08..1260216 100644
--- a/src/uni_modules/tm-ui/components/tm-drawer/tm-drawer.vue
+++ b/src/uni_modules/tm-ui/components/tm-drawer/tm-drawer.vue
@@ -3,8 +3,8 @@ import { ref, computed, onMounted, onBeforeUnmount, watch, PropType, getCurrentI
 import { arrayNumberValid, arrayNumberValidByStyleMP, covetUniNumber, arrayNumberValidByStyleBorderColor, linearValid, getUnit, getUid } from "../../libs/tool";
 import { getDefaultColor, getDefaultColorObj, getOutlineColorObj, getTextColorObj, getThinColorObj } from "../../libs/colors";
 import { useTmConfig } from "../../libs/config";
-import {onLoad, onPageScroll,onReady} from '@dcloudio/uni-app';
-import {$i18n} from "@/uni_modules/tm-ui"
+import { onLoad, onPageScroll, onReady } from '@dcloudio/uni-app';
+import { $i18n } from "@/uni_modules/tm-ui"
 /**
  * @displayName 抽屉
  * @exportName tm-drawer
@@ -12,8 +12,8 @@ import {$i18n} from "@/uni_modules/tm-ui"
  * @description 提供四个方向的弹出。
  * @constant 平台兼容
  *	| H5 | uniAPP | 小程序 | version |
-    | --- | --- | --- | --- |
-    | ☑️| ☑️ | ☑️ | ☑️ | ☑️ | 1.0.0 |
+	| --- | --- | --- | --- |
+	| ☑️| ☑️ | ☑️ | ☑️ | ☑️ | 1.0.0 |
  */
 defineOptions({ name: 'TmDrawer' });
 const { config } = useTmConfig()
@@ -195,15 +195,15 @@ const props = defineProps({
 	 * 关闭前执行，可以是异步函数，只有当用户点击confirm时才会触发。如果返回false将阻止关闭。true允许关闭。
 	 */
 	beforeClose: {
-		type: [Function,Boolean] as PropType<() => Promise<boolean>>,
+		type: [Function, Boolean] as PropType<() => Promise<boolean>>,
 		default: true
 	},
 	/**
 	 * 是否禁用弹层
 	 */
 	disabled: {
-	    type: Boolean,
-	    default: false
+		type: Boolean,
+		default: false
 	},
 	/**
 	 * 是否禁用teleport（H5平台）
@@ -272,30 +272,30 @@ const teleportElH5 = ref("#app")
 const teleportTarget = ref<string | null>(null)
 // #ifdef H5
 const getTeleportTarget = () => {
-    try {
-        // 优先尝试 uni-page
-        if (document.querySelector('#uni-page')) {
-            return '#uni-page'
-        }
-        // 备用方案：尝试 app
-        if (document.querySelector('#app')) {
-            return '#app'
-        }
-        // 最后备用：body
-        return 'body'
-    } catch (error) {
-        console.warn('Failed to get teleport target:', error)
-        return 'body'
-    }
+	try {
+		// 优先尝试 uni-page
+		if (document.querySelector('#uni-page')) {
+			return '#uni-page'
+		}
+		// 备用方案：尝试 app
+		if (document.querySelector('#app')) {
+			return '#app'
+		}
+		// 最后备用：body
+		return 'body'
+	} catch (error) {
+		console.warn('Failed to get teleport target:', error)
+		return 'body'
+	}
 }
 
 // 检查teleport目标是否可用
 const isTeleportTargetValid = (target: string) => {
-    try {
-        return !!document.querySelector(target)
-    } catch {
-        return false
-    }
+	try {
+		return !!document.querySelector(target)
+	} catch {
+		return false
+	}
 }
 // #endif
 watch(() => props.show, (newVal) => {
@@ -378,27 +378,27 @@ const __height = computed(() => {
 })
 const _titleFontSize = computed(() => (config.fontSizeScale * 16).toString() + 'px')
 const _isDark = computed(() => config.mode == 'dark')
-const setDomHeight = ()=>{
-    let sys = uni.getWindowInfo()
-    // #ifdef WEB
-    _width.value = sys.windowWidth
-    _height.value = sys.windowHeight
+const setDomHeight = () => {
+	let sys = uni.getWindowInfo()
+	// #ifdef WEB
+	_width.value = sys.windowWidth
+	_height.value = sys.windowHeight
 
-    windtop.value = sys.windowTop + (_position.value=='bottom'?0:_offset.value)
-    windtopReal.value = _position.value=='bottom'?(sys.windowTop +_offset.value):sys.windowTop
-    // #endif
-    // #ifdef APP
-    _width.value = sys.windowWidth
-    _height.value = sys.windowHeight
-    windtop.value = _offset.value
-    // #endif
-    safeFooterHeight.value = (sys.safeAreaInsets?.bottom??0) == 0 ? 16 : sys.safeAreaInsets.bottom
+	windtop.value = sys.windowTop + (_position.value == 'bottom' ? 0 : _offset.value)
+	windtopReal.value = _position.value == 'bottom' ? (sys.windowTop + _offset.value) : sys.windowTop
+	// #endif
+	// #ifdef APP
+	_width.value = sys.windowWidth
+	_height.value = sys.windowHeight
+	windtop.value = _offset.value
+	// #endif
+	safeFooterHeight.value = (sys.safeAreaInsets?.bottom ?? 0) == 0 ? 16 : sys.safeAreaInsets.bottom
 }
 
 
-onMounted(()=>{
+onMounted(() => {
 	setDomHeight()
-	uni.$on('onReady',setDomHeight)
+	uni.$on('onReady', setDomHeight)
 	lezyShowModal.value = props.lazy ? false : true
 	// #ifdef H5
 	nextTick(() => {
@@ -412,17 +412,17 @@ onMounted(()=>{
 
 // 监听页面变化，重新获取teleport目标
 onUpdated(() => {
-    // #ifdef H5
-    if (teleportTarget.value && !isTeleportTargetValid(teleportTarget.value)) {
-        teleportTarget.value = getTeleportTarget()
-    }
-    // #endif
+	// #ifdef H5
+	if (teleportTarget.value && !isTeleportTargetValid(teleportTarget.value)) {
+		teleportTarget.value = getTeleportTarget()
+	}
+	// #endif
 })
 
 onBeforeUnmount(() => {
 	clearTimeout(tid.value)
 	clearTimeout(tid2.value)
-	uni.$off('onReady',setDomHeight)
+	uni.$off('onReady', setDomHeight)
 })
 
 const cancelEvt = () => {
@@ -442,8 +442,8 @@ const confirmEvt = async () => {
 		return;
 	}
 	/**
-     * 确认时触发
-     */
+	 * 确认时触发
+	 */
 	emit('confirm')
 	closeAlert()
 }
@@ -504,7 +504,7 @@ const showAlert = () => {
 }
 
 function openDrawer() {
-	if(_disabled.value) return;
+	if (_disabled.value) return;
 	showAlert();
 }
 
@@ -561,8 +561,8 @@ export default {
 			<root-portal>
 				<!-- #endif -->
 				<!-- 备用渲染方案：当teleport失败或被禁用时 -->
-				<view v-if="(props.disableTeleport || !teleportTarget) && showOverflay" class="tmDrawerWrap tmDrawerWrap_fallback"
-					:class="[
+				<view v-if="(props.disableTeleport || !teleportTarget) && showOverflay"
+					class="tmDrawerWrap tmDrawerWrap_fallback" :class="[
 						status == 'open' ? 'tmModalWrap_on' : 'tmModalWrap_off',
 						(_position == 'top' || _position == 'bottom') && _widthCoverCenter ? 'tmDrawerWrapContentMinwidthWrapDir' : '',
 						'tmDrawerWrap_' + _position
@@ -575,7 +575,7 @@ export default {
 					}, _customStyle]">
 					<!-- 备用内容 -->
 				</view>
-				
+
 				<view @click="onClickOverflowy" @touchmove="maskerMove" v-if="showOverflay" :id="id" ref="tmDrawerWrap"
 					class="tmDrawerWrap" :class="[
 						status == 'open' ? 'tmModalWrap_on' : 'tmModalWrap_off',
@@ -598,14 +598,13 @@ export default {
 						height: _position == 'left' || _position == 'right' ? '100%' : _size,
 						borderRadius: _round,
 						maxHeight: _maxHeight != '' ? _maxHeight : '100%',
-						minHeight:_size == 'auto'?'350rpx':'0px',
+						minHeight: _size == 'auto' ? '350rpx' : '0px',
 						'transition-timing-function': _animationFun,
 						backgroundColor: _bgColor
 					}">
 
 						<view v-if="_showClose" class="tmDrawerXclose">
-							<tm-icon  @click="closeAlert" color="#dcdcdc" size="52"
-								name="close-circle-fill"></tm-icon>
+							<tm-icon @click="closeAlert" color="#dcdcdc" size="52" name="close-circle-fill"></tm-icon>
 						</view>
 						<view>
 							<view v-if="_showTitle" class="tmDrawerTitleBox">
@@ -655,10 +654,10 @@ export default {
 										skin="thin" style="margin-right: 16px;flex:1">{{ _cancelText }}</tm-button>
 									<tm-button :loading="isLoading" width="0px" @click="confirmEvt" style="flex:1">{{
 										_confirmText
-										}}</tm-button>
+									}}</tm-button>
 								</view>
 							</slot>
-							<view :style="{ height: (safeFooterHeight||20) + 'px' }"></view>
+							<view :style="{ height: (safeFooterHeight || 20) + 'px' }"></view>
 						</view>
 					</view>
 
@@ -692,7 +691,7 @@ export default {
 	flex-direction: row;
 	align-items: center;
 	justify-content: center;
-    font-weight: bold;
+	font-weight: bold;
 }
 
 .tmDrawertitleBox {
diff --git a/src/uni_modules/tm-ui/components/tm-form-item/tm-form-item.vue b/src/uni_modules/tm-ui/components/tm-form-item/tm-form-item.vue
index 42f3151..5698565 100644
--- a/src/uni_modules/tm-ui/components/tm-form-item/tm-form-item.vue
+++ b/src/uni_modules/tm-ui/components/tm-form-item/tm-form-item.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import {computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, PropType, ref, watch} from 'vue';
-import {useTmConfig} from "../../libs/config";
+import { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, PropType, ref, watch } from 'vue';
+import { useTmConfig } from "../../libs/config";
 import TmForm from '../tm-form/tm-form.vue';
-import {covetUniNumber} from '../../libs/tool';
-import {getDefaultColor} from '../../libs/colors';
+import { covetUniNumber } from '../../libs/tool';
+import { getDefaultColor } from '../../libs/colors';
 
 /**
  * @displayName 表单子组件
@@ -17,8 +17,8 @@ import {getDefaultColor} from '../../libs/colors';
  | --- | --- | --- | --- |
  | ☑️| ☑️ | ☑️ | ☑️ | ☑️ | 1.0.0 |
  */
-defineOptions({name: "TmFormItem"});
-const {config} = useTmConfig();
+defineOptions({ name: "TmFormItem" });
+const { config } = useTmConfig();
 
 const props = defineProps({
     /**
@@ -147,7 +147,7 @@ watch(() => tmFormModelValue.value?.[props.name], (val: any, oldVal: any) => {
     tid = setTimeout(() => {
         _validFun(val)
     }, 200);
-}, {deep: true})
+}, { deep: true })
 
 watch(tmFormVaildType, (val: string) => {
     if (val == 'reset' || val == '') {
@@ -225,10 +225,10 @@ export default {
 <template>
     <view class="tmFormItem" :style="{ marginBottom: _tmFormGap }">
         <view :class="[_tmFormDirection == 'horizontal' ? 'tmFormItemWrapRow' : 'tmFormItemWrapCol']"
-              class="tmFormItemWrap">
+            class="tmFormItemWrap">
 
             <view v-if="_showLabel" class="tmFormItemLabel"
-                  :style="{ width: _tmFormDirection == 'horizontal' ? _labelWidth : 'auto', fontSize: _tmFormLabelFontSize, color: _tmFormLabelFontColor }">
+                :style="{ width: _tmFormDirection == 'horizontal' ? _labelWidth : 'auto', fontSize: _tmFormLabelFontSize, color: _tmFormLabelFontColor }">
                 <text class="tmFormRequired" v-if="_required">{{ _required }}</text>
                 <slot name="label">
                     {{ _label }}
diff --git a/src/uni_modules/tm-ui/components/tm-icon/tm-icon.vue b/src/uni_modules/tm-ui/components/tm-icon/tm-icon.vue
index 7e64e79..0961ffb 100644
--- a/src/uni_modules/tm-ui/components/tm-icon/tm-icon.vue
+++ b/src/uni_modules/tm-ui/components/tm-icon/tm-icon.vue
@@ -1,30 +1,19 @@
 <template>
-  <text
-    @tap="onclick"
-    v-if="!isImg"
-    :class="['tmIcon', `${prefix}${iconName}`, isSpin?'tmIconSpin':'',_class]"
-    :style="[
-      {
-        fontSize: iconSize,
-        color: fontColor,
-        fontFamily: fontFamily,
-        fontStyle: 'normal',
-      },
-      rotateDeg ? { transform: `rotate(${rotateDeg})` } : {},
-      _style
-    ]"
-  ></text>
-  <image
-    v-if="isImg"
-    @tap="onclick"
-    :src="iconName"
-    :class="['tmIcon', isSpin?'tmIconSpin':'',_class]"
-    :style="[
-      { width: iconSize, height: iconSize },
-      rotateDeg ? { transform: `rotate(${rotateDeg})` } : {},
-      _style
-    ]"
-  ></image>
+  <text @tap="onclick" v-if="!isImg" :class="['tmIcon', `${prefix}${iconName}`, isSpin ? 'tmIconSpin' : '', _class]" :style="[
+    {
+      fontSize: iconSize,
+      color: fontColor,
+      fontFamily: fontFamily,
+      fontStyle: 'normal',
+    },
+    rotateDeg ? { transform: `rotate(${rotateDeg})` } : {},
+    _style
+  ]"></text>
+  <image v-if="isImg" @tap="onclick" :src="iconName" :class="['tmIcon', isSpin ? 'tmIconSpin' : '', _class]" :style="[
+    { width: iconSize, height: iconSize },
+    rotateDeg ? { transform: `rotate(${rotateDeg})` } : {},
+    _style
+  ]"></image>
 </template>
 <script setup lang="ts">
 //@ts-nocheck
@@ -42,8 +31,8 @@ import { getDefaultColor } from "../../libs/colors";
  * ->复制到你的app.vue全局中即可.然后使用图标时,font-family是你的图标名称比如myicon,prefix是图标前缀比如myicon-
  * @constant 平台兼容
  *	| H5 | uniAPP | 小程序 | version |
-	| --- | --- | --- | --- |
-	| ☑️| ☑️ | ☑️ | ☑️ | ☑️ | 1.0.0 |
+  | --- | --- | --- | --- |
+  | ☑️| ☑️ | ☑️ | ☑️ | ☑️ | 1.0.0 |
  */
 defineOptions({ name: "TmIcon" });
 const { config } = useTmConfig();
@@ -54,13 +43,13 @@ const emits = defineEmits([
   "click",
 ]);
 const attrs = defineProps({
-  _style:{
-    type:[Object,String] as PropType<CSSStyleDeclaration|string>,
-    default:""
+  _style: {
+    type: [Object, String] as PropType<CSSStyleDeclaration | string>,
+    default: ""
   },
-  _class:{
-	type: String,
-    default:""
+  _class: {
+    type: String,
+    default: ""
   },
   /**
    * 图标名称,可以是图片地址
diff --git a/src/uni_modules/tm-ui/components/tm-input/tm-input.vue b/src/uni_modules/tm-ui/components/tm-input/tm-input.vue
index 95d3725..dc33924 100644
--- a/src/uni_modules/tm-ui/components/tm-input/tm-input.vue
+++ b/src/uni_modules/tm-ui/components/tm-input/tm-input.vue
@@ -1,31 +1,31 @@
 <template>
 	<view class="tmInput" :style="{
-        width: _width,
-        height: _height,
-        minHeight: _minHeight,
-        color: _fontColor,
-        
-    }">
+		width: _width,
+		height: _height,
+		minHeight: _minHeight,
+		color: _fontColor,
+
+	}">
 		<!-- 
         @slot 左侧插槽
         -->
 		<slot name="left">
 			<text v-if="_attrs.leftText !== ''" :style="{ marginRight: '24rpx', fontSize: _fontSize }">{{
-                _attrs.leftText
-            }}</text>
+				_attrs.leftText
+			}}</text>
 		</slot>
 
 		<view class="tmInputWrap" :style="[
-            {
-                backgroundColor: _color,
-                fontSize: _fontSize,
-                height: '100%',
-                borderRadius: _round,
-               
-            },
-            _focusHighlight
+			{
+				backgroundColor: _color,
+				fontSize: _fontSize,
+				height: '100%',
+				borderRadius: _round,
 
-        ]" :class="[_attrs.inputClass]">
+			},
+			_focusHighlight
+
+		]" :class="[_attrs.inputClass]">
 			<!-- 
             @slot 输入框左侧图标插槽
             -->
@@ -33,11 +33,11 @@
 				<tm-icon :_style="`padding-left:${_inputPadding}`" v-if="_attrs.leftIcon" :size="_attrs.fontSize"
 					:name="leftIcon" :color="_attrs.iconColor || config.color"></tm-icon>
 			</slot>
-			<view class="tmInputWrapBox" :style="[{ height: '100%',padding: `0 ${_inputPadding}` }]">
+			<view class="tmInputWrapBox" :style="[{ height: '100%', padding: `0 ${_inputPadding}` }]">
 				<!-- :alwaysEmbed="_attrs.alwaysEmbed",:cursor="_attrs.cursor" -->
 				<input v-if="_attrs.type != 'textarea'" @keyboardheightchange="onkeyboardheightchange"
 					@confirm="onconfirm" @focus="onfocus" @blur="onblur" @input="oninput" :value="nowValue"
-					@change="onchange" :password="_attrs.password&&showPasswordEye" :disabled="_attrs.disabled"
+					@change="onchange" :password="_attrs.password && showPasswordEye" :disabled="_attrs.disabled"
 					:maxlength="_attrs.maxlength" :cursorSpacing="_attrs.cursorSpacing" :focus="_attrs.focus"
 					:confirmType="_attrs.confirmType" :confirmHld="_attrs.confirmHold" :type="_attrs.type"
 					:cursorColor="_currorColor" :selectionStart="_attrs.selectionStart"
@@ -51,16 +51,16 @@
 					:alwaysSystem="_attrs.alwaysSystem" :inputmode="_attrs.inputmode" class="tmInputInput tmInputText"
 					:placeholderStyle="`textAlign: ${_attrs.align};fontSize:${_fontSize};` + _attrs.placeholderStyle"
 					:placeholder="_attrs.placeholder" :placeholderClass="_attrs.placeholderClass" :style="[
-                        {
-                            textAlign: _attrs.align,
-                            color: _inputFontColor,
-                            fontSize:_fontSize,
-                            width: '100%',
-                            height: '100%',
-                        },
-                        _attrs.inputStyle
+						{
+							textAlign: _attrs.align,
+							color: _inputFontColor,
+							fontSize: _fontSize,
+							width: '100%',
+							height: '100%',
+						},
+						_attrs.inputStyle
 
-                    ]" />
+					]" />
 				<!-- @vue-ignore -->
 				<textarea v-else @keyboardheightchange="onkeyboardheightchange" @confirm="onconfirm" @focus="onfocus"
 					@blur="onblur" @input="oninput" @linechange="onlinechange" :autoHeight="_attrs.autoHeight"
@@ -74,18 +74,18 @@
 					:placeholderStyle="`textAlign: ${_attrs.align};fontSize:${_fontSize};` + _attrs.placeholderStyle"
 					:placeholder="_attrs.placeholder" :placeholderClass="_attrs.placeholderClass"
 					class="tmInputInput tmInputTextArea" :style="[
-                        {
-                            width: '100%',
-                            height: '100%',
-                            textAlign: _attrs.align,
-                            color: _inputFontColor,
-                            fontSize:_fontSize,
+						{
+							width: '100%',
+							height: '100%',
+							textAlign: _attrs.align,
+							color: _inputFontColor,
+							fontSize: _fontSize,
 							padding: `16rpx 0 `
 
-                        },
-                        _attrs.autoHeight ? { minHeight: _attrs.autoHeight } : { height: _height },
-                        _attrs.inputStyle
-                        ]" />
+						},
+						_attrs.autoHeight ? { minHeight: _attrs.autoHeight } : { height: _height },
+						_attrs.inputStyle
+					]" />
 				<!-- <view class="tmInputPlaceholder" :class="[showPlaceholder&&!isFocus?'tmInputPlaceholderOn':'tmInputPlaceholderOff',_attrs.placeholderClass]" :style="[
                     {
                         textAlign: _attrs.align,
@@ -109,8 +109,8 @@
 			<tm-icon :size="_attrs.fontSize" @click="onclear" _style="padding:16rpx;" :color="_clearColor"
 				v-if="_attrs.showClear" name="close-circle-fill"></tm-icon>
 			<tm-icon v-if="_attrs.showEye" :size="_attrs.fontSize" @click="showPasswordEye = !showPasswordEye"
-				_style="padding:16rpx;" :color="showPasswordEye?_clearColor:config.color"
-				:name="showPasswordEye?'eye-off-line':'eye-line'"></tm-icon>
+				_style="padding:16rpx;" :color="showPasswordEye ? _clearColor : config.color"
+				:name="showPasswordEye ? 'eye-off-line' : 'eye-line'"></tm-icon>
 			<!-- 
             @slot 输入框内右侧图标
             -->
@@ -125,668 +125,668 @@
          -->
 		<slot name="right">
 			<text v-if="_attrs.rightText != ''" :style="{ marginLeft: '24rpx', fontSize: _fontSize }">{{
-                _attrs.rightText
-            }}</text>
+				_attrs.rightText
+			}}</text>
 		</slot>
 	</view>
 </template>
 <script setup lang="ts">
-    //@ts-nocheck
-	import { computed, PropType, ref, watchEffect } from 'vue'
-	import { arrayNumberValid, covetUniNumber } from '../../libs/tool'
-	import { useTmConfig } from '../../libs/config'
-	import { getDefaultColor, setTextColorLightByDark } from '../../libs/colors'
+//@ts-nocheck
+import { computed, PropType, ref, watchEffect } from 'vue'
+import { arrayNumberValid, covetUniNumber } from '../../libs/tool'
+import { useTmConfig } from '../../libs/config'
+import { getDefaultColor, setTextColorLightByDark } from '../../libs/colors'
 
+/**
+ * @displayName 输入框
+ * @exportName tm-input
+ * @category 表单组件
+ * @description 可以全局配置圆角风格.
+ * @constant 平台兼容
+ *	| H5 | uniAPP | 小程序 | version |
+	| --- | --- | --- | --- |
+	| ☑️| ☑️ | ☑️ | ☑️ | ☑️ | 1.0.0 |
+ */
+defineOptions({ name: "TmInput" });
+const { config } = useTmConfig();
+const emits = defineEmits([
 	/**
-	 * @displayName 输入框
-	 * @exportName tm-input
-	 * @category 表单组件
-	 * @description 可以全局配置圆角风格.
-	 * @constant 平台兼容
-	 *	| H5 | uniAPP | 小程序 | version |
-		| --- | --- | --- | --- |
-		| ☑️| ☑️ | ☑️ | ☑️ | ☑️ | 1.0.0 |
+	 * 输入框行数变化时触发(文本哉才有)
+	 * @property {object} evt {height: 0, heightRpx: 0, lineCount: 0}
 	 */
-	defineOptions({ name: "TmInput" });
-	const { config } = useTmConfig();
-	const emits = defineEmits([
-		/**
-		 * 输入框行数变化时触发(文本哉才有)
-		 * @property {object} evt {height: 0, heightRpx: 0, lineCount: 0}
-		 */
-		'linechange',
-		/**
-		 * 键盘高度变化时触发
-		 * @property {number} height 键盘高度
-		 */
-		'keyboardheightchange',
-		/**
-		 * 点击完成按钮时触发
-		 * @property {string} value 输入的值
-		 */
-		'confirm',
-		/**
-		 * 失去焦点时触发
-		 */
-		'blur',
-		/**
-		 * 获取焦点时触发
-		 */
-		'focus',
-		/**
-		 * 清除事件
-		 */
-		'clear',
-		/**
-		 * 输入时候触发
-		 * @property {string} value 输入的值
-		 */
-		"input",
-		/**
-		 * 等同v-model
-		 * @property {string} value 输入的值
-		 */
-		"update:modelValue",
-	]);
-	const attrs = defineProps({
-		/**
-		 * 输入框的值
-		 */
-		modelValue: {
-			type: [String, Number],
-			default: "",
-		},
-		/**
-		 * 输入框自定义的style样式
-		 */
-		inputStyle: {
-			type: String,
-			default: ""
-		},
-		/**
-		 * 输入框自定义的class样式
-		 */
-		inputClass: {
-			type: String,
-			default: ""
-		},
-		/**
-		 * 输入类型,可选值:text,number,idcard,digit,tel,safe-password,nickname,
-		 * textarea:文本域
-		 */
-		type: {
-			type: String as PropType<
-				"text" | "number" | "idcard" | "digit" | "tel" | "safe-password" | "nickname" | "textarea"
-			>,
-			deffault: "",
-		},
-		/**
-		 * 是否是密码框
-		 */
-		password: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		 * 显示密码小眼睛
-		 */
-		showEye: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		 * 输入框的占位文字
-		 */
-		placeholder: {
-			type: String,
-			default: "请输入或选择",
-		},
-		/**
-		 * 输入框的占位文字样式
-		 */
-		placeholderStyle: {
-			type: String,
-			default: "color: #b1b1b1;",
-		},
-		/**
-		 * 输入框的占位样式
-		 */
-		placeholderClass: {
-			type: String,
-			default: "",
-		},
-		/**
-		 * 输入框的对齐方式,可选值:left,right,center
-		 */
-		align: {
-			type: String as PropType<"left" | "right" | "center">,
-			default: "left",
-		},
-		/**
-		 * 输入框背景
-		 */
-		color: {
-			type: String,
-			default: "",
-		},
-		/**
-		 * 输入框暗黑背景，空值取全局的配置
-		 * 提供会覆盖全局的配色。默认是透明
-		 */
-		darkBgColor: {
-			type: String,
-			default: "transparent",
-		},
-		/**
-		 * 输入框字体大小
-		 */
-		fontSize: {
-			type: [String, Number],
-			default: "32",
-		},
-		width: {
-			type: [String, Number],
-			default: "auto",
-		},
-		height: {
-			type: [String, Number],
-			default: "88",
-		},
-		minHeight: {
-			type: [String, Number],
-			default: "auto",
-		},
-		/**
-		 * 输入框内的左右间隙
-		 */
-		inputPadding: {
-			type: String,
-			default: "24"
-		},
-		/**
-		 * 输入框圆角,默认空值取全局的配置
-		 */
-		round: {
-			type: [String, Number, Array<string | number>],
-			default: ""
-		},
-		/**
-		 * 是否显示清除按钮
-		 */
-		showClear: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		 * 清除按钮颜色
-		 */
-		clearColor: {
-			type: String,
-			default: "#b1b1b1"
-		},
-		/**
-		 * 是否显示字符字统计
-		 */
-		showCharCount: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		 * 字体颜色
-		 */
-		fontColor: {
-			type: String,
-			default: "#333333"
-		},
-		/**
-		 * 暗黑模式字体颜色,如果不填写自动反转
-		 */
-		darkFontColor: {
-			type: String,
-			default: ""
-		},
-		/**
-		 * 激活时的字体颜色
-		 * 空值取全局主题色,并且darkFontColor会失效.
-		 * 如果填写none则不生效
-		 */
-		focusFontColor: {
-			type: String,
-			default: ""
-		},
-		/**
-		 * 左图标的名称
-		 */
-		leftIcon: {
-			type: String,
-			default: ""
-		},
-		/**
-		 * 左图标的颜色
-		 * 默认空值取全局的主题色。
-		 */
-		iconColor: {
-			type: String,
-			default: ""
-		},
-		/**
-		 * 右图标的名称
-		 */
-		rightIcon: {
-			type: String,
-			default: ""
-		},
-		/**
-		 * 右文字
-		 */
-		rightText: {
-			type: String,
-			default: ""
-		},
-		/**
-		 * 右文字
-		 */
-		leftText: {
-			type: String,
-			default: ""
-		},
-		/**
-		 * 是否禁用
-		 */
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		 * 是否聚焦
-		 */
-		focus: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		 * 键盘右下解按钮文字,可以取值:send,search,next,done
-		 * 只对input有效,对textarea无效
-		 */
-		confirmType: {
-			type: String as PropType<"send" | "search" | "next" | "done">,
-			default: "done"
-		},
-		/**
-		 * 光标与键盘的距离，单位px
-		 */
-		cursorSpacing: {
-			type: Number,
-			default: 0
-		},
-		/**
-		 * 输入框的最大长度
-		 */
-		maxlength: {
-			type: Number,
-			default: -1
-		},
-		confirmHold: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		 * 不可用，容易引起bug
-		 */
-		cursor: {
-			type: Number,
-			default: NaN
-		},
-		/**
-		 * 光标颜色,默认空值取全局配置
-		 */
-		cursorColor: {
-			type: String,
-			default: ""
-		},
-		/**
-		 * 光标起始位置
-		 */
-		selectionStart: {
-			type: Number,
-			default: -1
-		},
-		/**
-		 * 光标结束位置
-		 */
-		selectionEnd: {
-			type: Number,
-			default: -1
-		},
-		/**
-		 * 是否自动聚焦
-		 */
-		adjustPosition: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		 * 是否自动失焦
-		 */
-		autoBlur: {
-			type: Boolean,
-			default: false
-		},
-		ignoreCompositionEvent: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		 * 强制 input 处于同层状态,不可用，容易引起bug
-		 */
-		alwaysEmbed: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		 * focus时，点击页面的时候不收起键盘
-		 */
-		holdKeyboard: {
-			type: Boolean,
-			default: false
-		},
-		safePasswordCertPath: {
-			type: String,
-			default: "",
-		},
-		safePasswordLength: {
-			type: Number,
-			default: NaN
-		},
-		safePasswordTimeStamp: {
-			type: Number,
-			default: NaN
-		},
-		safePasswordNonce: {
-			type: String,
-			default: ''
-		},
-		safePasswordSalt: {
-			type: String,
-			default: ''
-		},
-		safePasswordCustomHash: {
-			type: String,
-			default: ''
-		},
-		randomNumber: {
-			type: Boolean,
-			default: false
-		},
-		controlled: {
-			type: Boolean,
-			default: false
-		},
-		alwaysSystem: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		 * input 输入模式
-		 */
-		inputmode: {
-			type: String as PropType<"url" | "email" | "search" | "tel" | "text" | "numeric" | "none" | "decimal">,
-			default: "text"
-		},
-		/**
-		 * 尽量不要使用,客户大量手机机型反馈
-		 * 部分手机在手写时会异常.最好固定高.
-		 */
-		autoHeight: {
-			type: Boolean,
-			default: false
-		},
-		fixed: {
-			type: Boolean,
-			default: false
-		},
-		showConfirmBar: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		 * 是否高亮聚焦当前输入框
-		 * 会使用全局的主题色为边框色。
-		 */
-		focusHighlight: {
-			type: [Boolean, String],
-			default: true
-		},
-		/**
-		 * 高亮聚焦当前输入框的样式
-		 * 默认为自动全局2px solid 主题色,如果填写了以你的为准。
-		 */
-		focusHighlightStyle: {
-			type: String,
-			default: ''
-		},
-	});
-	const _attrs = computed(() => attrs);
-	const nowValue = ref<string | number>("");
-	const isFocus = ref<boolean>(false);
+	'linechange',
+	/**
+	 * 键盘高度变化时触发
+	 * @property {number} height 键盘高度
+	 */
+	'keyboardheightchange',
+	/**
+	 * 点击完成按钮时触发
+	 * @property {string} value 输入的值
+	 */
+	'confirm',
+	/**
+	 * 失去焦点时触发
+	 */
+	'blur',
+	/**
+	 * 获取焦点时触发
+	 */
+	'focus',
+	/**
+	 * 清除事件
+	 */
+	'clear',
+	/**
+	 * 输入时候触发
+	 * @property {string} value 输入的值
+	 */
+	"input",
+	/**
+	 * 等同v-model
+	 * @property {string} value 输入的值
+	 */
+	"update:modelValue",
+]);
+const attrs = defineProps({
+	/**
+	 * 输入框的值
+	 */
+	modelValue: {
+		type: [String, Number],
+		default: "",
+	},
+	/**
+	 * 输入框自定义的style样式
+	 */
+	inputStyle: {
+		type: String,
+		default: ""
+	},
+	/**
+	 * 输入框自定义的class样式
+	 */
+	inputClass: {
+		type: String,
+		default: ""
+	},
+	/**
+	 * 输入类型,可选值:text,number,idcard,digit,tel,safe-password,nickname,
+	 * textarea:文本域
+	 */
+	type: {
+		type: String as PropType<
+			"text" | "number" | "idcard" | "digit" | "tel" | "safe-password" | "nickname" | "textarea"
+		>,
+		deffault: "",
+	},
+	/**
+	 * 是否是密码框
+	 */
+	password: {
+		type: Boolean,
+		default: false,
+	},
+	/**
+	 * 显示密码小眼睛
+	 */
+	showEye: {
+		type: Boolean,
+		default: false,
+	},
+	/**
+	 * 输入框的占位文字
+	 */
+	placeholder: {
+		type: String,
+		default: "请输入或选择",
+	},
+	/**
+	 * 输入框的占位文字样式
+	 */
+	placeholderStyle: {
+		type: String,
+		default: "color: #b1b1b1;",
+	},
+	/**
+	 * 输入框的占位样式
+	 */
+	placeholderClass: {
+		type: String,
+		default: "",
+	},
+	/**
+	 * 输入框的对齐方式,可选值:left,right,center
+	 */
+	align: {
+		type: String as PropType<"left" | "right" | "center">,
+		default: "left",
+	},
+	/**
+	 * 输入框背景
+	 */
+	color: {
+		type: String,
+		default: "",
+	},
+	/**
+	 * 输入框暗黑背景，空值取全局的配置
+	 * 提供会覆盖全局的配色。默认是透明
+	 */
+	darkBgColor: {
+		type: String,
+		default: "transparent",
+	},
+	/**
+	 * 输入框字体大小
+	 */
+	fontSize: {
+		type: [String, Number],
+		default: "32",
+	},
+	width: {
+		type: [String, Number],
+		default: "auto",
+	},
+	height: {
+		type: [String, Number],
+		default: "88",
+	},
+	minHeight: {
+		type: [String, Number],
+		default: "auto",
+	},
+	/**
+	 * 输入框内的左右间隙
+	 */
+	inputPadding: {
+		type: String,
+		default: "24"
+	},
+	/**
+	 * 输入框圆角,默认空值取全局的配置
+	 */
+	round: {
+		type: [String, Number, Array<string | number>],
+		default: ""
+	},
+	/**
+	 * 是否显示清除按钮
+	 */
+	showClear: {
+		type: Boolean,
+		default: false
+	},
+	/**
+	 * 清除按钮颜色
+	 */
+	clearColor: {
+		type: String,
+		default: "#b1b1b1"
+	},
+	/**
+	 * 是否显示字符字统计
+	 */
+	showCharCount: {
+		type: Boolean,
+		default: false
+	},
+	/**
+	 * 字体颜色
+	 */
+	fontColor: {
+		type: String,
+		default: "#333333"
+	},
+	/**
+	 * 暗黑模式字体颜色,如果不填写自动反转
+	 */
+	darkFontColor: {
+		type: String,
+		default: ""
+	},
+	/**
+	 * 激活时的字体颜色
+	 * 空值取全局主题色,并且darkFontColor会失效.
+	 * 如果填写none则不生效
+	 */
+	focusFontColor: {
+		type: String,
+		default: ""
+	},
+	/**
+	 * 左图标的名称
+	 */
+	leftIcon: {
+		type: String,
+		default: ""
+	},
+	/**
+	 * 左图标的颜色
+	 * 默认空值取全局的主题色。
+	 */
+	iconColor: {
+		type: String,
+		default: ""
+	},
+	/**
+	 * 右图标的名称
+	 */
+	rightIcon: {
+		type: String,
+		default: ""
+	},
+	/**
+	 * 右文字
+	 */
+	rightText: {
+		type: String,
+		default: ""
+	},
+	/**
+	 * 右文字
+	 */
+	leftText: {
+		type: String,
+		default: ""
+	},
+	/**
+	 * 是否禁用
+	 */
+	disabled: {
+		type: Boolean,
+		default: false
+	},
+	/**
+	 * 是否聚焦
+	 */
+	focus: {
+		type: Boolean,
+		default: false
+	},
+	/**
+	 * 键盘右下解按钮文字,可以取值:send,search,next,done
+	 * 只对input有效,对textarea无效
+	 */
+	confirmType: {
+		type: String as PropType<"send" | "search" | "next" | "done">,
+		default: "done"
+	},
+	/**
+	 * 光标与键盘的距离，单位px
+	 */
+	cursorSpacing: {
+		type: Number,
+		default: 0
+	},
+	/**
+	 * 输入框的最大长度
+	 */
+	maxlength: {
+		type: Number,
+		default: -1
+	},
+	confirmHold: {
+		type: Boolean,
+		default: false
+	},
+	/**
+	 * 不可用，容易引起bug
+	 */
+	cursor: {
+		type: Number,
+		default: NaN
+	},
+	/**
+	 * 光标颜色,默认空值取全局配置
+	 */
+	cursorColor: {
+		type: String,
+		default: ""
+	},
+	/**
+	 * 光标起始位置
+	 */
+	selectionStart: {
+		type: Number,
+		default: -1
+	},
+	/**
+	 * 光标结束位置
+	 */
+	selectionEnd: {
+		type: Number,
+		default: -1
+	},
+	/**
+	 * 是否自动聚焦
+	 */
+	adjustPosition: {
+		type: Boolean,
+		default: true
+	},
+	/**
+	 * 是否自动失焦
+	 */
+	autoBlur: {
+		type: Boolean,
+		default: false
+	},
+	ignoreCompositionEvent: {
+		type: Boolean,
+		default: true
+	},
+	/**
+	 * 强制 input 处于同层状态,不可用，容易引起bug
+	 */
+	alwaysEmbed: {
+		type: Boolean,
+		default: true
+	},
+	/**
+	 * focus时，点击页面的时候不收起键盘
+	 */
+	holdKeyboard: {
+		type: Boolean,
+		default: false
+	},
+	safePasswordCertPath: {
+		type: String,
+		default: "",
+	},
+	safePasswordLength: {
+		type: Number,
+		default: NaN
+	},
+	safePasswordTimeStamp: {
+		type: Number,
+		default: NaN
+	},
+	safePasswordNonce: {
+		type: String,
+		default: ''
+	},
+	safePasswordSalt: {
+		type: String,
+		default: ''
+	},
+	safePasswordCustomHash: {
+		type: String,
+		default: ''
+	},
+	randomNumber: {
+		type: Boolean,
+		default: false
+	},
+	controlled: {
+		type: Boolean,
+		default: false
+	},
+	alwaysSystem: {
+		type: Boolean,
+		default: false
+	},
+	/**
+	 * input 输入模式
+	 */
+	inputmode: {
+		type: String as PropType<"url" | "email" | "search" | "tel" | "text" | "numeric" | "none" | "decimal">,
+		default: "text"
+	},
+	/**
+	 * 尽量不要使用,客户大量手机机型反馈
+	 * 部分手机在手写时会异常.最好固定高.
+	 */
+	autoHeight: {
+		type: Boolean,
+		default: false
+	},
+	fixed: {
+		type: Boolean,
+		default: false
+	},
+	showConfirmBar: {
+		type: Boolean,
+		default: false
+	},
+	/**
+	 * 是否高亮聚焦当前输入框
+	 * 会使用全局的主题色为边框色。
+	 */
+	focusHighlight: {
+		type: [Boolean, String],
+		default: true
+	},
+	/**
+	 * 高亮聚焦当前输入框的样式
+	 * 默认为自动全局2px solid 主题色,如果填写了以你的为准。
+	 */
+	focusHighlightStyle: {
+		type: String,
+		default: ''
+	},
+});
+const _attrs = computed(() => attrs);
+const nowValue = ref<string | number>("");
+const isFocus = ref<boolean>(false);
 
 
-	const showPlaceholder = computed(() => {
-		return nowValue.value == "" ? true : false;
-	});
-	const showPasswordEye = ref(_attrs.value.password)
-	const _color = computed(() => {
-		let color = attrs.color;
+const showPlaceholder = computed(() => {
+	return nowValue.value == "" ? true : false;
+});
+const showPasswordEye = ref(_attrs.value.password)
+const _color = computed(() => {
+	let color = attrs.color;
+	if (color == "") {
+		color = config.inputLightColor
+	}
+	if (config.mode == "dark") {
+		color = attrs.darkBgColor;
 		if (color == "") {
-			color = config.inputLightColor
+			color = config.inputDarkColor;
 		}
-		if (config.mode == "dark") {
-			color = attrs.darkBgColor;
-			if (color == "") {
-				color = config.inputDarkColor;
+	}
+	return getDefaultColor(color);
+});
+const _focusHighlight = computed(() => {
+	let defaultsolid = 'border:solid 2px transparent;' + _attrs.value.inputStyle
+	if (!isFocus.value) return defaultsolid;
+	return attrs.focusHighlight ? (attrs.focusHighlightStyle || `border:solid 2px ${getDefaultColor(config.color)} !important`) : defaultsolid;
+})
+const _fontColor = computed(() => {
+	let fontColor = attrs.fontColor;
+	if (config.mode == "dark") {
+		if (attrs.darkFontColor == "") {
+			fontColor = setTextColorLightByDark(attrs.fontColor)
+		} else {
+			fontColor = attrs.darkFontColor;
+		}
+	}
+	return getDefaultColor(fontColor)
+})
+const _currorColor = computed(() => {
+	return getDefaultColor(_attrs.value.cursorColor || config.color)
+})
+const _inputFontColor = computed(() => {
+	if (!isFocus.value) return _fontColor.value
+	if (attrs.fontColor == 'none') return _fontColor.value;
+	return getDefaultColor(attrs.focusFontColor || config.color)
+})
+const _fontSize = computed(() => {
+	return covetUniNumber(attrs.fontSize, config.unit);
+});
+const _width = computed(() => {
+	return covetUniNumber(attrs.width, config.unit);
+});
+const _height = computed(() => {
+	return covetUniNumber(attrs.height, config.unit);
+});
+const _minHeight = computed(() => {
+	return covetUniNumber(attrs.minHeight, config.unit);
+});
+const _inputPadding = computed(() => {
+	let padding = attrs.inputPadding.split(' ');
+	padding = padding.map(item => {
+		return covetUniNumber(item, config.unit);
+	})
+	return padding.join(' ');
+});
+const _round = computed((): string | undefined => {
+	let round = attrs.round;
+	if (round === '' && config.inputRadius !== '') {
+		round = config.inputRadius;
+	}
+	if (round === '') return undefined
+	return arrayNumberValid(round, '0px').join(' ')
+});
+const _clearColor = computed(() => getDefaultColor(attrs.clearColor))
+const oninput = (evt: Event) => {
+	// @ts-ignore
+	let value: string | number = evt.detail.value;
+	let pvalue = value
+	if (attrs.type == "number" || attrs.type == "digit" || attrs.type == "tel") {
+		pvalue = typeof pvalue == "number" ? pvalue.toString() : pvalue;
+		try {
+			let oladvalue = parseFloat(pvalue);
+			if (isNaN(oladvalue) || /[^0-9.]+/.test(pvalue)) {
+				pvalue = ''
 			}
-		}
-		return getDefaultColor(color);
-	});
-	const _focusHighlight = computed(() => {
-		let defaultsolid = 'border:solid 2px transparent;' + _attrs.value.inputStyle
-		if (!isFocus.value) return defaultsolid;
-		return attrs.focusHighlight ? (attrs.focusHighlightStyle || `border:solid 2px ${getDefaultColor(config.color)} !important`) : defaultsolid;
-	})
-	const _fontColor = computed(() => {
-		let fontColor = attrs.fontColor;
-		if (config.mode == "dark") {
-			if (attrs.darkFontColor == "") {
-				fontColor = setTextColorLightByDark(attrs.fontColor)
-			}else{
-				fontColor = attrs.darkFontColor;
-			}
-		}
-		return getDefaultColor(fontColor)
-	})
-	const _currorColor = computed(() => {
-		return getDefaultColor(_attrs.value.cursorColor || config.color)
-	})
-	const _inputFontColor = computed(() => {
-		if (!isFocus.value) return _fontColor.value
-		if (attrs.fontColor == 'none') return _fontColor.value;
-		return getDefaultColor(attrs.focusFontColor || config.color)
-	})
-	const _fontSize = computed(() => {
-		return covetUniNumber(attrs.fontSize, config.unit);
-	});
-	const _width = computed(() => {
-		return covetUniNumber(attrs.width, config.unit);
-	});
-	const _height = computed(() => {
-		return covetUniNumber(attrs.height, config.unit);
-	});
-	const _minHeight = computed(() => {
-		return covetUniNumber(attrs.minHeight, config.unit);
-	});
-	const _inputPadding = computed(() => {
-		let padding = attrs.inputPadding.split(' ');
-		padding = padding.map(item => {
-			return covetUniNumber(item, config.unit);
-		})
-		return padding.join(' ');
-	});
-	const _round = computed(() : string | undefined => {
-		let round = attrs.round;
-		if (round === '' && config.inputRadius !== '') {
-			round = config.inputRadius;
-		}
-		if (round === '') return undefined
-		return arrayNumberValid(round, '0px').join(' ')
-	});
-	const _clearColor = computed(() => getDefaultColor(attrs.clearColor))
-	const oninput = (evt : Event) => {
-		// @ts-ignore
-		let value : string | number = evt.detail.value;
-		let pvalue = value
-		if (attrs.type == "number" || attrs.type == "digit" || attrs.type == "tel") {
-			pvalue = typeof pvalue == "number" ? pvalue.toString() : pvalue;
-			try {
-				let oladvalue = parseFloat(pvalue);
-				if (isNaN(oladvalue) || /[^0-9.]+/.test(pvalue)) {
-					pvalue = ''
-				}
-			} catch (_) {
+		} catch (_) {
 
-			}
 		}
+	}
 
-		nowValue.value = pvalue;
-		emits("update:modelValue", pvalue);
-		emits("input", pvalue);
-		return pvalue
-	};
-	const onclear = () => {
-		nowValue.value = '';
-		emits('update:modelValue', '')
-		emits("clear")
+	nowValue.value = pvalue;
+	emits("update:modelValue", pvalue);
+	emits("input", pvalue);
+	return pvalue
+};
+const onclear = () => {
+	nowValue.value = '';
+	emits('update:modelValue', '')
+	emits("clear")
+}
+const onfocus = () => {
+	isFocus.value = true;
+	emits("focus", nowValue.value)
+};
+const onblur = () => {
+	isFocus.value = false;
+	emits("blur", nowValue.value)
+};
+const onconfirm = (evt: any) => {
+	emits("confirm", evt.detail.value);
+};
+const onkeyboardheightchange = (evt: any) => {
+	emits('keyboardheightchange', evt.detail.height);
+};
+const onlinechange = (evt: any) => {
+	emits('linechange', evt.detail);
+}
+const onchange = (evt: any) => {
+	// 用来监测微信输入昵称的值。
+	let val = evt.detail.value;
+	if (_attrs.value.type == 'nickname' && val != nowValue.value && val) {
+		nowValue.value = val;
+		emits("input", val);
+		emits("update:modelValue", val);
 	}
-	const onfocus = () => {
-		isFocus.value = true;
-		emits("focus", nowValue.value)
-	};
-	const onblur = () => {
-		isFocus.value = false;
-		emits("blur", nowValue.value)
-	};
-	const onconfirm = (evt : any) => {
-		emits("confirm", evt.detail.value);
-	};
-	const onkeyboardheightchange = (evt : any) => {
-		emits('keyboardheightchange', evt.detail.height);
-	};
-	const onlinechange = (evt : any) => {
-		emits('linechange', evt.detail);
-	}
-	const onchange = (evt : any) => {
-		// 用来监测微信输入昵称的值。
-		let val = evt.detail.value;
-		if (_attrs.value.type == 'nickname' && val != nowValue.value && val) {
-			nowValue.value = val;
-			emits("input", val);
-			emits("update:modelValue", val);
-		}
-	}
-	watchEffect(() => {
-		if (nowValue.value === attrs.modelValue) return;
-		nowValue.value = attrs.modelValue;
-	});
+}
+watchEffect(() => {
+	if (nowValue.value === attrs.modelValue) return;
+	nowValue.value = attrs.modelValue;
+});
 </script>
 <script lang="ts">
-	export default {
-		options: {
-			styleIsolation: "apply-shared",
-			virtualHost: true,
-			addGlobalClass: true,
-			multipleSlots: true,
-		},
-	};
+export default {
+	options: {
+		styleIsolation: "apply-shared",
+		virtualHost: true,
+		addGlobalClass: true,
+		multipleSlots: true,
+	},
+};
 </script>
 
 <style lang="scss" scoped>
-	uni-input {
-		min-height: auto;
+uni-input {
+	min-height: auto;
+}
+
+.tmInputShowChar {
+	font-size: 12px;
+	position: absolute;
+	right: 24rpx;
+	bottom: 16rpx;
+	pointer-events: none;
+	opacity: 0.5;
+}
+
+.tmInput {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: flex-start;
+	overflow: hidden;
+	box-sizing: border-box;
+
+}
+
+.tmInputWrap {
+	height: 100%;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	overflow: hidden;
+	flex: 1;
+	box-sizing: border-box;
+	transition-property: border-color;
+	transition-duration: 0.3s;
+	transition-timing-function: linear;
+	border-color: transparent;
+
+}
+
+.tmInputWrapBox {
+	position: relative;
+	height: 100%;
+	flex: 1;
+	box-sizing: border-box;
+
+	.tmInputInput {
+		height: 100%;
+		width: 100%;
+		box-sizing: border-box;
 	}
 
-	.tmInputShowChar {
-		font-size: 12px;
+	.tmInputPlaceholder {
+		box-sizing: border-box;
 		position: absolute;
-		right: 24rpx;
-		bottom: 16rpx;
+		left: 0px;
+		top: 0px;
+		width: 100%;
+		height: 100%;
 		pointer-events: none;
-		opacity: 0.5;
-	}
-
-	.tmInput {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: flex-start;
 		overflow: hidden;
-		box-sizing: border-box;
+		text-overflow: ellipsis;
+		line-clamp: 1;
+		-webkit-box-orient: vertical;
+		display: -webkit-box;
+		white-space: inherit;
+		text-wrap: nowrap;
+		opacity: 0;
+		transition: all 0.2s cubic-bezier(.42, .38, .15, .93);
 
-	}
-
-	.tmInputWrap {
-		height: 100%;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		overflow: hidden;
-		flex: 1;
-		box-sizing: border-box;
-		transition-property: border-color;
-		transition-duration: 0.3s;
-		transition-timing-function: linear;
-		border-color: transparent;
-
-	}
-
-	.tmInputWrapBox {
-		position: relative;
-		height: 100%;
-		flex: 1;
-		box-sizing: border-box;
-
-		.tmInputInput {
-			height: 100%;
-			width: 100%;
-			box-sizing: border-box;
+		&.tmInputPlaceholderOn {
+			opacity: 1;
+			transform: translateY(0%);
 		}
 
-		.tmInputPlaceholder {
-			box-sizing: border-box;
-			position: absolute;
-			left: 0px;
-			top: 0px;
-			width: 100%;
-			height: 100%;
-			pointer-events: none;
-			overflow: hidden;
-			text-overflow: ellipsis;
-			line-clamp: 1;
-			-webkit-box-orient: vertical;
-			display: -webkit-box;
-			white-space: inherit;
-			text-wrap: nowrap;
+		&.tmInputPlaceholderOff {
 			opacity: 0;
-			transition: all 0.2s cubic-bezier(.42, .38, .15, .93);
+			transform: translateY(50rpx);
 
-			&.tmInputPlaceholderOn {
-				opacity: 1;
-				transform: translateY(0%);
-			}
-
-			&.tmInputPlaceholderOff {
-				opacity: 0;
-				transform: translateY(50rpx);
-
-			}
 		}
 	}
+}
 </style>
\ No newline at end of file