diff --git a/src/App.vue b/src/App.vue index 8e9dea4..c1e6e40 100644 --- a/src/App.vue +++ b/src/App.vue @@ -72,6 +72,7 @@ export default { '/login', '/login/other', '/login/password', + '/login/verification-code', '/service-protocol', diff --git a/src/assets/img/icon/components/back-gray.png b/src/assets/img/icon/components/back-gray.png new file mode 100644 index 0000000..d7b318c Binary files /dev/null and b/src/assets/img/icon/components/back-gray.png differ diff --git a/src/assets/img/icon/components/back-white.png b/src/assets/img/icon/components/back-white.png new file mode 100644 index 0000000..28e94eb Binary files /dev/null and b/src/assets/img/icon/components/back-white.png differ diff --git a/src/assets/img/icon/components/close-black.png b/src/assets/img/icon/components/close-black.png new file mode 100644 index 0000000..c04ef40 Binary files /dev/null and b/src/assets/img/icon/components/close-black.png differ diff --git a/src/assets/img/icon/loading-white.png b/src/assets/img/icon/loading-white.png new file mode 100644 index 0000000..defc42c Binary files /dev/null and b/src/assets/img/icon/loading-white.png differ diff --git a/src/assets/img/icon/login/close-full-gray.png b/src/assets/img/icon/login/close-full-gray.png new file mode 100644 index 0000000..6d78b12 Binary files /dev/null and b/src/assets/img/icon/login/close-full-gray.png differ diff --git a/src/components/Back.vue b/src/components/Back.vue index 2fd2de4..e6f4e9a 100644 --- a/src/components/Back.vue +++ b/src/components/Back.vue @@ -9,21 +9,32 @@ export default { type: String, default: 'gray',//white }, + isClose: { + type: Boolean, + default: false + }, direction: { type: String, default: 'left', }, scale: { - type: [Number,String], + type: [Number, String], default: 1, }, }, data() { return { - src: require(`../assets/img/icon/back-${this.mode}.png`) + // src: require(`../assets/img/icon/components/back-${this.mode}.png`) + } + }, + computed: { + src() { + if (this.isClose) { + return require(`../assets/img/icon/components/close-${this.mode}.png`) + } + return require(`../assets/img/icon/components/back-${this.mode}.png`) } }, - computed: {}, mounted() { this.$setCss(this.$refs.img, 'transform', `rotate(${this.direction === 'left' ? '0' : '180'}deg) scale(${this.scale})`) }, diff --git a/src/components/BaseButton.vue b/src/components/BaseButton.vue new file mode 100644 index 0000000..4dc0643 --- /dev/null +++ b/src/components/BaseButton.vue @@ -0,0 +1,138 @@ + + + + diff --git a/src/components/BaseHeader.vue b/src/components/BaseHeader.vue index 44eb375..1297cc0 100644 --- a/src/components/BaseHeader.vue +++ b/src/components/BaseHeader.vue @@ -1,7 +1,10 @@