fix

src/main.ts

@@ -4,7 +4,7 @@ import tmui from "./tmui";
 import App from "./App.vue";
 // @ts-ignore
 import api from "@/http";
-import title from "./components/title/index.vue";
+import title from "./components/Title/index.vue";
 export function createApp() {
   const app = createSSRApp(App);
   app.config.globalProperties.$api = api;

src/pages.json

@@ -15,6 +15,17 @@
 			}
 		}
 		},
+		{
+			"path": "pages/ticket/index",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"app-plus": {
+					"titleNView": false // 禁用原生导航
+				}
+			}
+		},
 		{
 			"path": "pages/login/index",
 			"style": {

src/pages/ticket/card/index.vue

@@ -0,0 +1,53 @@
+<template>
+    <div class="card">
+        <div class="card-item">
+            <div class="card-name">
+                姓名
+            </div>
+            <div style="margin-left: 20rpx; color: #000000;">
+                <input type="text" v-model="visitors.name" />
+            </div>
+        </div>
+        <tm-divider realColor></tm-divider>
+        <div class="card-name">
+            <div class="card-name">身份证号</div>
+            <div>
+                <input v-model="visitors.id" type="idcard" />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue';
+let visitorsList = ref([])
+let visitors = reactive({
+    name: '',
+    id: ''
+})
+</script>
+
+<style scoped lang="scss">
+.card {
+    margin-top: 20rpx;
+    width: 690rpx;
+    height: 190rpx;
+    background-color: #fff;
+    border-radius: 24rpx;
+    padding: 32rpx;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    color: black;
+
+    .card-item {
+        display: flex;
+        align-items: center;
+    }
+
+    .card-name {
+        width: 200rpx;
+        border-right: 1rpx solid #BBC5E0;
+    }
+}
+</style>

src/pages/ticket/index.vue

@@ -65,6 +65,7 @@
                     </div>
                 </div>
             </div>
+            <Card></Card>
         </div>
     </div>
 </template>
@@ -72,6 +73,7 @@
 <script setup>
 import { onMounted, ref, reactive, watch } from "vue";
 import { useTimer } from '@/tmui/tool/useFun/useTimer'
+import Card from "./card/index"
 const { start, stop, formattedTime, status, restart, timeObj, times, change } = useTimer({
     totalTime: 10, unit: 'ss', format: 'ss秒'
 });