From 3e1a5d8c44de37c6fe6ee90ae26cc99b84396b8a Mon Sep 17 00:00:00 2001 From: zyronon Date: Fri, 27 Aug 2021 17:55:26 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=88=86=E4=BA=AB=E7=BB=84?= =?UTF-8?q?=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 24 +- src/api/index.js | 2 + src/api/user.js | 7 + src/components/Share.vue | 4 +- src/pages/home/Index2.vue | 2 +- src/pages/home/Share2Friend.vue | 2538 +++++++++++++++++++++++++++++++ src/pages/me/Me.vue | 10 +- src/pages/me/Me3.vue | 10 +- src/router/index.js | 2 + src/store/index.js | 179 +-- src/utils/mixin.js | 2 +- 11 files changed, 2591 insertions(+), 189 deletions(-) create mode 100644 src/api/user.js create mode 100644 src/pages/home/Share2Friend.vue diff --git a/src/App.vue b/src/App.vue index 689088f..ad3ede0 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,14 +1,14 @@ @@ -46,6 +46,7 @@ export default { const routeDeep = [ '/message', '/attention', '/home', '/me', '/publish', + '/home/share-to-friend', '/country-choose', '/edit-userinfo', '/edit-userinfo-item', @@ -88,6 +89,9 @@ export default { this.transitionName = toDepth > fromDepth ? 'go' : 'back' } }, + mounted() { + this.$store.dispatch('getFriends') + }, } diff --git a/src/pages/me/Me.vue b/src/pages/me/Me.vue index e78040f..e1bdb11 100644 --- a/src/pages/me/Me.vue +++ b/src/pages/me/Me.vue @@ -447,7 +447,7 @@ export default { this.loadings['loading' + newVal] = true let res = await this.$api.videos.collect({pageNo: this.videos.collect.pageNo, pageSize: this.pageSize,}) this.loadings['loading' + newVal] = false - if (res.code === this.SUCCESS_CODE) this.videos.collect = res.data + if (res.code === this.SUCCESS) this.videos.collect = res.data } } else { if (videoOb.total === -1) { @@ -456,15 +456,15 @@ export default { switch (newVal) { case 0: res = await this.$api.videos.my({pageNo: this.videos.my.pageNo, pageSize: this.pageSize,}) - if (res.code === this.SUCCESS_CODE) this.videos.my = res.data + if (res.code === this.SUCCESS) this.videos.my = res.data break case 1: res = await this.$api.videos.private({pageNo: this.videos.private.pageNo, pageSize: this.pageSize,}) - if (res.code === this.SUCCESS_CODE) this.videos.private = res.data + if (res.code === this.SUCCESS) this.videos.private = res.data break case 2: res = await this.$api.videos.like({pageNo: this.videos.like.pageNo, pageSize: this.pageSize,}) - if (res.code === this.SUCCESS_CODE) this.videos.like = res.data + if (res.code === this.SUCCESS) this.videos.like = res.data break } this.loadings['loading' + newVal] = false @@ -521,7 +521,7 @@ export default { break } this.loadings['loading' + this.contentIndex] = false - if (res.code === this.SUCCESS_CODE) { + if (res.code === this.SUCCESS) { videoOb.list = videoOb.list.concat(res.data.list) } } diff --git a/src/pages/me/Me3.vue b/src/pages/me/Me3.vue index 4661082..e4d5170 100644 --- a/src/pages/me/Me3.vue +++ b/src/pages/me/Me3.vue @@ -426,7 +426,7 @@ export default { this.loadings['loading' + newVal] = true let res = await this.$api.videos.collect({pageNo: this.videos.collect.pageNo, pageSize: this.pageSize,}) this.loadings['loading' + newVal] = false - if (res.code === this.SUCCESS_CODE) this.videos.collect = res.data + if (res.code === this.SUCCESS) this.videos.collect = res.data } } else { if (videoOb.total === -1) { @@ -435,15 +435,15 @@ export default { switch (newVal) { case 0: res = await this.$api.videos.my({pageNo: this.videos.my.pageNo, pageSize: this.pageSize,}) - if (res.code === this.SUCCESS_CODE) this.videos.my = res.data + if (res.code === this.SUCCESS) this.videos.my = res.data break case 1: res = await this.$api.videos.private({pageNo: this.videos.private.pageNo, pageSize: this.pageSize,}) - if (res.code === this.SUCCESS_CODE) this.videos.private = res.data + if (res.code === this.SUCCESS) this.videos.private = res.data break case 2: res = await this.$api.videos.like({pageNo: this.videos.like.pageNo, pageSize: this.pageSize,}) - if (res.code === this.SUCCESS_CODE) this.videos.like = res.data + if (res.code === this.SUCCESS) this.videos.like = res.data break } this.loadings['loading' + newVal] = false @@ -500,7 +500,7 @@ export default { break } this.loadings['loading' + this.contentIndex] = false - if (res.code === this.SUCCESS_CODE) { + if (res.code === this.SUCCESS) { videoOb.list = videoOb.list.concat(res.data.list) } } diff --git a/src/router/index.js b/src/router/index.js index a407a02..8f060b7 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -43,6 +43,7 @@ import Help from "../pages/login/Help"; import Test from "../pages/Test"; import Test2 from "../pages/Test2"; import Test3 from "../pages/Test3"; +import Share2Friend from "../pages/home/Share2Friend"; const routes = [ // {path: '', component: Music}, @@ -52,6 +53,7 @@ const routes = [ {path: '/test2', component: Test2}, {path: '/test3', component: Test3}, {path: '/home', component: Index}, + {path: '/home/share-to-friend', component: Share2Friend}, {path: '/attention', component: Attention}, {path: '/publish', component: Publish}, {path: '/message', component: Message}, diff --git a/src/store/index.js b/src/store/index.js index 12fa87f..4d72be9 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -1,5 +1,7 @@ import * as Vuex from "vuex"; import enums from '../utils/enums' +import api from '../api/index' +import CONST_VAR from "../utils/const_var"; const store = Vuex.createStore({ state: { @@ -24,182 +26,29 @@ const store = Vuex.createStore({ displayType: enums.DISPLAY_TYPE.ALL, } }, - friends: [ - { - avatar: require('../assets/img/icon/avatar/1.png'), - name: '倒影着稚嫩的少年', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/2.png'), - name: '冒安志', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/3.png'), - name: '凌依晨', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/4.png'), - name: '蔡傲安', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/5.png'), - name: '甫韦茹', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/6.png'), - name: '马佳婉清', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/7.png'), - name: '富察昕昕', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/8.png'), - name: '章昊苍', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/9.png'), - name: '买易槐', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/10.png'), - name: '阎韶丽', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/11.png'), - name: '倒影着稚嫩的少年', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/12.png'), - name: '思念一直在', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/13.png'), - name: '幸福泡泡', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/14.png'), - name: '原味青春', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/15.png'), - name: '℉阳光下的小情绪', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/16.png'), - name: '看,熟悉旳风景', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/17.png'), - name: '心若向阳无谓伤悲', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/18.png'), - name: '蓝天下的迷彩?', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/19.png'), - name: '◇、_保持微笑ゞ', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/20.png'), - name: '浅唱↘我们的歌', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/21.png'), - name: 'dear°学会微笑', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/22.png'), - name: '〤伱的微笑', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/23.png'), - name: '一只喵的旅行。', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/24.png'), - name: '为你锁住心', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/25.png'), - name: '一起走过的日子°', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/26.png'), - name: '‘心’之天空', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - { - avatar: require('../assets/img/icon/avatar/27.png'), - name: '好◇°我会Yi直在●', - lastLoginTime: '2021-08-25 12:12:12', - select:false - }, - - ] + friends: [] }, mutations: { setUserinfo(store, val) { store.userinfo = val }, + setFriends(store, val) { + store.friends = val + }, setMaskDialog(store, val) { store.maskDialog = val.state if (val.mode) { store.maskDialogMode = val.mode } } + }, + actions: { + async getFriends(context) { + let res = await api.user.friends() + if (res.code === CONST_VAR.SUCCESS) { + context.commit('setFriends', res.data) + } + } } }) diff --git a/src/utils/mixin.js b/src/utils/mixin.js index d697890..02dd8e1 100644 --- a/src/utils/mixin.js +++ b/src/utils/mixin.js @@ -33,7 +33,7 @@ export default { }, data() { return { - SUCCESS_CODE: 200 + SUCCESS: 200 } }, methods: {