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 @@ + + + + +