feat(login): 增加login的轮播图

src/views/login/index.vue

@@ -1,17 +1,31 @@
 <template>
-  <div text-center flex-col-center wh-full>
+  <div text-center flex-center wh-full>
-    <h1 font="bold" text-5xl>{{ msg }}</h1>
+    <n-carousel autoplay w-500px>
-    <div m-10>
+      <img
-      Already configured:
+        h-screen
-      vue3、vite3、unocss、eslint、prettier、ts、tsx、conventional、husk、lint-staged、vue-router、axios
+        object-cover
-    </div>
+        src="https://images.unsplash.com/photo-1659991689791-db84493f8544?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=686&q=80"
-    <div c-lightBlue><router-link to="/">Go to layout</router-link></div>
+      />
+      <img
+        object-cover
+        h-screen
+        src="https://images.unsplash.com/photo-1599420186946-7b6fb4e297f0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"
+      />
+      <img
+        h-screen
+        object-cover
+        src="https://images.unsplash.com/photo-1657299156568-c94580e20fb6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"
+      />
+      <img
+        object-cover
+        h-screen
+        src="https://images.unsplash.com/photo-1659983391845-47ea9d99e7bd?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"
+      />
+    </n-carousel>
+    <div c-lightBlue flex-1><router-link to="/">Go to layout</router-link></div>
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts"></script>
-import { ref } from 'vue';
-const msg = ref('It is just a blank template.');
-</script>
 
-<style lang="less" scoped></style>
+<style scoped></style>

tsconfig.json

@@ -1,7 +1,6 @@
 {
   "compilerOptions": {
     "baseUrl": ".",
-    "incremental": true, // 只编译修改过的文件,这个时候会生成tsconfig.tsbuildinfo,下次编译的时候会进行对比只编译修改过的文件
     "target": "ESNext",
     "useDefineForClassFields": true,
     "module": "ESNext",