更新fa 为 taro icons

package-lock.json

@@ -9,7 +9,6 @@
       "version": "1.0.0",
       "dependencies": {
         "@babel/runtime": "^7.23.4",
-        "@nutui/icons-vue-taro": "^0.0.9",
         "@nutui/nutui-taro": "^4.2.1",
         "@nutui/touch-emulator": "^1.0.0",
         "@tarojs/components": "3.6.20",
@@ -31,6 +30,9 @@
         "graphql-tag": "^2.12.6",
         "moment": "^2.29.4",
         "pinia": "^2.1.7",
+        "taro-icons": "^0.4.0",
+        "tarojs-router-next": "^3.4.0",
+        "tarojs-router-next-plugin": "^3.4.0",
         "vue": "^3.3.8"
       },
       "devDependencies": {
@@ -2962,7 +2964,6 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "devOptional": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -2975,7 +2976,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "devOptional": true,
       "engines": {
         "node": ">= 8"
       }
@@ -2984,7 +2984,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "devOptional": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -4518,6 +4517,36 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/@ts-morph/common": {
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/@ts-morph/common/-/common-0.16.0.tgz",
+      "integrity": "sha512-SgJpzkTgZKLKqQniCjLaE3c2L2sdL7UShvmTmPBejAKd2OKV/yfMpQ2IWpAuA+VY5wy7PkSUaEObIqEK6afFuw==",
+      "dependencies": {
+        "fast-glob": "^3.2.11",
+        "minimatch": "^5.1.0",
+        "mkdirp": "^1.0.4",
+        "path-browserify": "^1.0.1"
+      }
+    },
+    "node_modules/@ts-morph/common/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@ts-morph/common/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@tsconfig/node10": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
@@ -7146,6 +7175,11 @@
         "node": ">= 0.12.0"
       }
     },
+    "node_modules/code-block-writer": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-11.0.3.tgz",
+      "integrity": "sha512-NiujjUFB4SwScJq2bwbYUtXbZhBSlY6vYzm++3Q6oC+U+injTqfPYFK8wS9COOmb2lueqp0ZRB4nK1VYeHgNyw=="
+    },
     "node_modules/color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
@@ -10098,7 +10132,6 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
       "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "devOptional": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -10135,7 +10168,6 @@
       "version": "1.16.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz",
       "integrity": "sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==",
-      "devOptional": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -13077,6 +13109,17 @@
       "resolved": "https://registry.npmjs.org/loglevel-plugin-prefix/-/loglevel-plugin-prefix-0.8.4.tgz",
       "integrity": "sha512-WpG9CcFAOjz/FtNht+QJeGpvVl/cdR6P0z6OcXSkr8wFJOsV2GRj2j10JLfjuA4aYkcKCNIEqRGCyTife9R8/g=="
     },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
     "node_modules/lower-case": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
@@ -13341,7 +13384,6 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "devOptional": true,
       "engines": {
         "node": ">= 8"
       }
@@ -13743,7 +13785,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
       "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
-      "dev": true,
       "bin": {
         "mkdirp": "bin/cmd.js"
       },
@@ -14851,6 +14892,11 @@
         "tslib": "^2.0.3"
       }
     },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="
+    },
     "node_modules/path-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
@@ -15989,6 +16035,21 @@
       "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-7.1.2.tgz",
       "integrity": "sha512-FuEc12/eKqqoRYIGBrUptCBRhobL19PS2U31vMNTfyck1FxPyMfgsXyW4Mav85y/ZN1hop3hOwRlUDok23oYfQ=="
     },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
     "node_modules/property-expr": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/property-expr/-/property-expr-2.0.6.tgz",
@@ -16108,7 +16169,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "devOptional": true,
       "funding": [
         {
           "type": "github",
@@ -16211,6 +16271,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
@@ -16792,7 +16865,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "devOptional": true,
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -16829,7 +16901,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "devOptional": true,
       "funding": [
         {
           "type": "github",
@@ -18530,6 +18601,45 @@
         "safe-buffer": "^5.1.1"
       }
     },
+    "node_modules/taro-icons": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/taro-icons/-/taro-icons-0.4.0.tgz",
+      "integrity": "sha512-28kBBw+CFLa2I4mxaKfnkfO1UlVtlh8kezWUxzadUq3cXCkGZ8JxpXOk6yzPVSAxTA2FRTZl8HdXKOZYC7XDdg==",
+      "dependencies": {
+        "prop-types": "^15.7.2",
+        "react": "^16.13.0"
+      }
+    },
+    "node_modules/taro-icons/node_modules/react": {
+      "version": "16.14.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
+      "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/tarojs-router-next": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/tarojs-router-next/-/tarojs-router-next-3.4.0.tgz",
+      "integrity": "sha512-uJVqjLB8Q5RxDEkl/IPlgWnBCDSX3oj/flAYMIfKkKaepeGqGbCWy93zg1brsiDOmMvBtcPHBrnuZZuke6GmcQ==",
+      "dependencies": {
+        "query-string": "^7.0.0"
+      }
+    },
+    "node_modules/tarojs-router-next-plugin": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/tarojs-router-next-plugin/-/tarojs-router-next-plugin-3.4.0.tgz",
+      "integrity": "sha512-+kgU9wpx5CwY27FtT5PwymTw9HUEBjJPNlkRZY+8CABWuwRb5tN4OhMeva+J+EeNmSngMuJn4Jyi4WAxqdP/Ug==",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "ts-morph": "^15.1.0"
+      }
+    },
     "node_modules/terser": {
       "version": "5.26.0",
       "resolved": "https://registry.npmjs.org/terser/-/terser-5.26.0.tgz",
@@ -18800,6 +18910,15 @@
         "typescript": ">=4.2.0"
       }
     },
+    "node_modules/ts-morph": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/ts-morph/-/ts-morph-15.1.0.tgz",
+      "integrity": "sha512-RBsGE2sDzUXFTnv8Ba22QfeuKbgvAGJFuTN7HfmIRUkgT/NaVLfDM/8OFm2NlFkGlWEXdpW5OaFIp1jvqdDuOg==",
+      "dependencies": {
+        "@ts-morph/common": "~0.16.0",
+        "code-block-writer": "^11.0.0"
+      }
+    },
     "node_modules/ts-node": {
       "version": "10.9.2",
       "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",

package.json

@@ -36,7 +36,6 @@
   "author": "",
   "dependencies": {
     "@babel/runtime": "^7.23.4",
-    "@nutui/icons-vue-taro": "^0.0.9",
     "@nutui/nutui-taro": "^4.2.1",
     "@nutui/touch-emulator": "^1.0.0",
     "@tarojs/components": "3.6.20",
@@ -58,6 +57,9 @@
     "graphql-tag": "^2.12.6",
     "moment": "^2.29.4",
     "pinia": "^2.1.7",
+    "taro-icons": "^0.4.0",
+    "tarojs-router-next": "^3.4.0",
+    "tarojs-router-next-plugin": "^3.4.0",
     "vue": "^3.3.8"
   },
   "devDependencies": {

src/components/contact/index.vue

@@ -1,7 +1,10 @@
 <script setup lang="ts">
-import "./index.scss";
 import Taro from "@tarojs/taro";
+import { Router } from 'tarojs-router-next'
+import 'taro-icons/scss/FontAwesome.scss'
 import StringUtil from "../../utils/StringUtil";
+import "./index.scss";
+
 
 const props = defineProps(['items'])
 
@@ -9,19 +12,21 @@ const props = defineProps(['items'])
 
 <template>
   <nut-elevator :index-list="props.items" is-sticky :height="(Taro.getSystemInfoSync().windowHeight)-50-32-40">
-  <template #default="{ item }">
+  <template #default="{ item }" >
       <view class="d-flex flex-row pb-2">
         <view class="pr-4 pt-2">
           <nut-avatar size="normal" color="white" :bg-color="StringUtil.mbString2RgbHex(item.name)">
             <view v-if="StringUtil.getBJXFirstChar(item.name)">{{StringUtil.getBJXFirstChar(item.name)}}</view>
-            <view v-else><fa icon="fa fa-user fa-lg"></fa></view>
+            <view v-else>
+              <Text className='fas fa-user fa-lg'/>
+            </view>
           </nut-avatar>
         </view>
         <view>
           <view class="d-flex flex-row pt-2">
             <view v-if="item.name" class="name">{{item.name}}</view>
             <view v-else class="text-black-50 name">
-              <fa icon="text-info fa fa-exclamation-circle name"></fa> 无姓名
+              <Text className='text-info fas fa-exclamation-circle'/> 无姓名
             </view>
             <view class="pl-2 vip pt-1">
               <view v-if="item.isVIP" class="badge badge-pill badge-danger">VIP</view>
@@ -31,13 +36,12 @@ const props = defineProps(['items'])
           <view class="company">
             <view v-if="item.company">{{item.company}}</view>
             <view v-else class="text-black-50">
-              <fa icon="text-info fa fa-exclamation-circle"></fa> 无公司信息
+              <Text className='text-info fas fa-exclamation-circle'/> 无公司信息
             </view>
           </view>
         </view>
       </view>
 
-
   </template>
   </nut-elevator>
 </template>

src/components/fa/index.js

@@ -1,7 +0,0 @@
-import './index.scss'
-Component({
-	properties: {
-		icon: null,
-		type: String
-	},
-});

src/components/fa/index.json

@@ -1,3 +0,0 @@
-{
-  "component": true
-}

src/components/fa/index.scss

@@ -1,12 +0,0 @@
-@import "../font-awesome/index.wxss";
-.text-primary		{ color: #007bff !important; }
-.text-secondary { color: #6c757d !important; }
-.text-success		{ color: #28a745 !important; }
-.text-danger 		{ color: #dc3545 !important; }
-.text-warning 	{ color: #ffc107 !important; }
-.text-info 			{ color: #17a2b8 !important; }
-.text-light 		{ color: #f8f9fa !important; }
-.text-dark 			{ color: #343a40 !important; }
-.text-muted 		{ color: rgb(138,147,155) !important; }
-.text-white 		{ color: #fff !important; }
-.text-grey      { color: #ddd !important; }

src/components/fa/index.wxml

@@ -1,3 +0,0 @@
-<i class="{{icon}}">
-  <slot></slot>
-</i>

src/components/notification/index.vue

@@ -1,6 +1,7 @@
 <script setup>
 import './index.scss'
 import StringUtil from "../../utils/StringUtil";
+import 'taro-icons/scss/FontAwesome.scss'
 import { ArrowDown } from '@nutui/icons-vue-taro';
 
 
@@ -16,8 +17,8 @@ let todayPassJsonObject = JSON.parse(props.todayPassTime)
 </script>
 
 <template>
-  <view class="pt-2"></view>
   <view class="container">
+    <view class="pt-2"></view>
     <view class="card mr-3 bg-light">
       <view class="card-body">
         <view class="d-flex flex-row">
@@ -25,7 +26,9 @@ let todayPassJsonObject = JSON.parse(props.todayPassTime)
             <nut-avatar size="large" color="white" :bg-color="StringUtil.mbString2RgbHex(lastName)">
               <view>
                 <view v-if="lastName">{{lastName}}</view>
-                <view v-else><fa icon="fa fa-user fa-lg"/></view>
+                <view v-else>
+                  <Text className='fa fa-user fa-lg'/>
+                </view>
               </view>
             </nut-avatar>
           </view>
@@ -34,7 +37,7 @@ let todayPassJsonObject = JSON.parse(props.todayPassTime)
               <view v-if="props.name" class="h4">{{props.name}}</view>
               <view v-else>
                 <view class="text-black-50 h4">
-                  <fa icon="text-info fa fa-exclamation-circle"></fa> 无姓名
+                  <Text className='text-info fas fa-exclamation-circle'/> 无姓名
                 </view>
               </view>
               <view class="pl-2">
@@ -44,8 +47,10 @@ let todayPassJsonObject = JSON.parse(props.todayPassTime)
             </view>
             <view>
               <view v-if="props.company">{{props.company}}</view>
-              <view v-else class="text-black-50">
-                <fa icon="text-info fa fa-exclamation-circle"></fa> 无公司信息
+              <view v-else>
+                <view class="text-black-50">
+                  <Text className='text-info fas fa-exclamation-circle'/> 无公司信息
+                </view>
               </view>
             </view>
           </view>

src/pages/contact/index.config.ts

@@ -1,6 +1,4 @@
 export default definePageConfig({
   navigationBarTitleText: '',
-  usingComponents: {
-    "fa": "../../components/fa"
-  }
+  usingComponents: {}
 })

src/pages/contact/index.vue

@@ -1,9 +1,11 @@
 <script setup>
 import Contact from "../../components/contact"
-import { ref } from 'vue';
 import { Search2 } from '@nutui/icons-vue-taro';
-const val = ref('');
+import { Router } from 'tarojs-router-next'
+import { ref } from 'vue';
+import './index.scss'
 
+const val = ref('');
 
 const data = ref([
   {
@@ -48,6 +50,9 @@ const data = ref([
       <view class="flex-grow-1">
         通讯录
       </view>
+      <view class="pr-2">
+        <fa icon="fa fa-plus-circle text-primary" @tap="Router.toContactNew()"></fa>
+      </view>
     </view>
     <nut-searchbar v-model="val">
       <template #rightin>

src/pages/index/index.config.ts

@@ -1,6 +1,4 @@
-export default {
+export default definePageConfig({
   navigationBarTitleText: '',
-  usingComponents: {
-    "fa": "../../components/fa"
-  }
-}
+  usingComponents: {}
+})

src/pages/index/index.vue

@@ -7,60 +7,60 @@
   import {useDidShow, useLoad} from "@tarojs/taro";
   import { Date } from '@nutui/icons-vue-taro';
   import Notification from "../../components/notification";
-
-
-  const show = ref(false);
-
-  const state = reactive({
-    msg: '欢迎使用 NutUI4.0 开发小程序',
-    msg2: '你成功了～',
-    isVisible1: false,
-    val: ''
-  })
-
-  const handleClick = msg => {
-    state.msg = msg
-  }
-
-  useDidShow(() => {
-    console.log("did show is run xxxxxxx.")
-  })
-
-  useLoad(() => {
-    console.log("use load  is run xxxxxxx.")
-  })
+  //
+  //
+  // const show = ref(false);
+  //
+  // const state = reactive({
+  //   msg: '欢迎使用 NutUI4.0 开发小程序',
+  //   msg2: '你成功了～',
+  //   isVisible1: false,
+  //   val: ''
+  // })
+  //
+  // const handleClick = msg => {
+  //   state.msg = msg
+  // }
+  //
+  // useDidShow(() => {
+  //   console.log("did show is run xxxxxxx.")
+  // })
+  //
+  // useLoad(() => {
+  //   console.log("use load  is run xxxxxxx.")
+  // })
 
 </script>
 
 
 <template>
-  <view class="pl-3 pt-3 pr-3 h2 d-flex">
-    <view class="flex-grow-1">
-      来访记录
+  <view>
+    <view class="pl-3 pt-3 pr-3 h2 d-flex">
+      <view class="flex-grow-1">
+        来访记录
+      </view>
     </view>
-  </view>
 
-  <view class="d-flex text-black-50 pt-2 pb-2 pr-3">
-    <view class="flex-grow-1"></view>
-    <view>最近30天的来访</view>
-  </view>
+    <view class="d-flex text-black-50 pt-2 pb-2 pr-3">
+      <view class="flex-grow-1"></view>
+      <view>最近30天的来访</view>
+    </view>
 <!--  <Counter/>-->
-  <Notification name="" company="小明科技2" is-vip="true" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21","22:22:20"]'/>
-  <Notification name="王远" company="joydata科技" is-vip="true" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='[]'/>
-  <Notification name="华雨" company="joydata科技" is-vip="false" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21"]'/>
-  <Notification name="邸为荣" company="" is-vip="false"  pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21","22:22:20"]'/>
-
-  <view class="container pt-5 pb-3">
-    <view class="row">
-      <view class="col"/>
-      <view class="col text-center text-black-50">
-        <nut-divider> 没有更多了 </nut-divider>
+    <Notification name="" company="小明科技2" is-vip="true" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21","22:22:20"]'/>
+    <Notification name="王远" company="joydata科技" is-vip="true" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='[]'/>
+    <Notification name="华雨" company="joydata科技" is-vip="false" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21"]'/>
+    <Notification name="邸为荣" company="" is-vip="false"  pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21","22:22:20"]'/>
+
+    <view class="container pt-5 pb-3">
+      <view class="row">
+        <view class="col"/>
+        <view class="col text-center text-black-50">
+          <nut-divider> 没有更多了 </nut-divider>
+        </view>
+        <view class="col"/>
       </view>
-      <view class="col"/>
     </view>
 
-  </view>
-
 <!--  <nut-cell title="展示弹出层" is-link @click="show = true"></nut-cell>-->
 <!--  <nut-popup :style="{ padding: '30px 50px' }" v-model:visible="show">正文</nut-popup>-->
 <!--  <View><Text>{{state.msg}}</Text></View>-->
@@ -81,16 +81,7 @@
 <!--  </span>-->
 <!--  </button>-->
 
-
-<!--  <span class="badge badge-primary">Primary</span>-->
-<!--  <span class="badge text-bg-secondary">Secondary</span>-->
-<!--  <span class="badge text-bg-success">Success</span>-->
-<!--  <span class="badge text-bg-danger">Danger</span>-->
-<!--  <span class="badge text-bg-warning">Warning</span>-->
-<!--  <span class="badge text-bg-info">Info</span>-->
-<!--  <span class="badge text-bg-light">Light</span>-->
-<!--  <span class="badge text-bg-dark">Dark</span>-->
-
+  </view>
 </template>
 
 

src/pages/invite/index.config.ts

@@ -1,6 +1,4 @@
 export default definePageConfig({
   navigationBarTitleText: '',
-  usingComponents: {
-    "fa": "../../components/fa"
-  }
+  usingComponents: {}
 })

src/pages/settings/index.config.ts

@@ -1,6 +1,4 @@
 export default definePageConfig({
   navigationBarTitleText: '',
-  usingComponents: {
-    "fa": "../../components/fa"
-  }
+  usingComponents: {}
 })