diff --git a/src/assets/image/gdz47@2x.png b/src/assets/image/gdz47@2x.png
new file mode 100644
index 0000000..febded8
Binary files /dev/null and b/src/assets/image/gdz47@2x.png differ
diff --git a/src/assets/image/gdz53@2x.png b/src/assets/image/gdz53@2x.png
new file mode 100644
index 0000000..5f77a65
Binary files /dev/null and b/src/assets/image/gdz53@2x.png differ
diff --git a/src/assets/image/z3321@2x.png b/src/assets/image/z3321@2x.png
new file mode 100644
index 0000000..4affbd1
Binary files /dev/null and b/src/assets/image/z3321@2x.png differ
diff --git a/src/assets/image/zu3327@2x.png b/src/assets/image/zu3327@2x.png
new file mode 100644
index 0000000..cd7c149
Binary files /dev/null and b/src/assets/image/zu3327@2x.png differ
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index f95f3ea..9dd26b5 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -2,15 +2,18 @@
import {useAdaptation} from "@/utils/self-adaption.js";
import {sizes} from "@/dict/index.js";
import size375 from '@/views/login/size375/index.vue'
+import size768 from '@/views/login/size768/index.vue'
import {computed} from "vue";
const {maxWidth}= useAdaptation(sizes,(maxWidth)=>{
+ console.log('maxWidth',maxWidth.value)
})
+
const viewComponent = computed(()=>{
switch (maxWidth.value){
case '375px':
return size375
- default:
- return size375
+ case '768px':
+ return size768
}
})
diff --git a/src/views/login/size768/index.vue b/src/views/login/size768/index.vue
new file mode 100644
index 0000000..cde7b05
--- /dev/null
+++ b/src/views/login/size768/index.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+

+
+
+
+

+
+
+
+
+
+
+
diff --git a/src/views/signup/size768/index.vue b/src/views/signup/size768/index.vue
new file mode 100644
index 0000000..759f830
--- /dev/null
+++ b/src/views/signup/size768/index.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+

+
+
+
+

+
+
+
+
+
+