From b453d34860ac079557b77879c4aa8efc5d369df1 Mon Sep 17 00:00:00 2001 From: hhh Date: Sun, 22 Jan 2023 02:05:31 +0800 Subject: [PATCH] save --- src/pages/slideHooks/VInfinite.vue | 8 +- src/pages/slideHooks/index.vue | 121 ++++++++++++++++++++++++++++- 2 files changed, 123 insertions(+), 6 deletions(-) diff --git a/src/pages/slideHooks/VInfinite.vue b/src/pages/slideHooks/VInfinite.vue index b6f4394..3580e1a 100644 --- a/src/pages/slideHooks/VInfinite.vue +++ b/src/pages/slideHooks/VInfinite.vue @@ -14,7 +14,9 @@ const props = defineProps({ }, prefix: { type: String, - default: () => '' + default: () => { + return '' + } }, render: { type: Function, @@ -124,13 +126,13 @@ function touchStart(e) { } function touchMove(e) { - slideTouchMove(e, wrapperEl.value, state, judgeValue, canNext,null, SlideType.VERTICAL) + slideTouchMove(e, wrapperEl.value, state, judgeValue, canNext, null, SlideType.VERTICAL) } function touchEnd(e) { slideTouchEnd(e, state, canNext, () => { - },null, SlideType.VERTICAL) + }, null, SlideType.VERTICAL) slideReset(wrapperEl.value, state, SlideType.VERTICAL, emit) } diff --git a/src/pages/slideHooks/index.vue b/src/pages/slideHooks/index.vue index f84d221..58375c7 100644 --- a/src/pages/slideHooks/index.vue +++ b/src/pages/slideHooks/index.vue @@ -55,8 +55,11 @@ import SlideItem from './SlideItem' import SlideVideo from "../../components/slide/SlideVideo"; import SlideUser from "../../components/slide/SlideUser"; import SlideImgs from "../../components/slide/SlideImgs"; +import BVideo from "../../components/BVideo"; + import resource from "../../assets/data/resource.js"; import {reactive} from "vue"; +import enums from "../../utils/enums"; const state = reactive({ baseIndex: 0, @@ -71,12 +74,114 @@ const state = reactive({ type: 'imgs', src: `http://douyin.ttentau.top/0.mp4?vframe/jpg/offset/0/w/${document.body.clientWidth}` }, + { + type: 'recommend-video', + "id": "034ae83b-ca0a-401a-b7c6-cf78361bae7b", + video: 'http://douyin.ttentau.top/0.mp4', + "video_data_size": 26829508, + "duration": 427780, + "desc": "我不管我们宿舍第一好看", + "allow_download": 0, + "allow_duet": 0, + "allow_react": 0, + "allow_music": 1, + "allow_douplus": 1, + "allow_share": 1, + "digg_count": 10480000, + "comment_count": 79000, + "download_count": 6, + "play_count": 0, + "share_count": 119000, + "forward_count": 0, + "collect_count": 3, + "sort": 195, + "is_top": 0, + "city": "北京", + address: '中央戏剧学院', + "musicId": "2ee213c6-3e3f-4758-ba5a-7f1c955604a4", + "create_time": "1630423555", + "creator_id": "93864497380", + "status": 1, + "topics": [ + { + "id": "85ceda30-898f-4b57-b891-0e58b3ab99a9", + "name": "敬礼变装", + "creator_id": "93864497380", + "create_time": "1630423555", + "status": 1 + }, + { + "id": "85ceda30-898f-4b57-b891-0e58b3ab99a9", + "name": "宿舍", + "creator_id": "93864497380", + "create_time": "1630423555", + "status": 1 + } + ], + "music": { + "id": "cde50af2-628c-4d28-b9c6-67237a62518e", + "cover": "https://p29.douyinpic.com/img/tos-cn-avt-0015/f4de202ff2e41b523838a4a767aebd16~c5_100x100.jpeg?from=116350172", + "mp3": "https://sf3-cdn-tos.douyinstatic.com/obj/ies-music/1658584661080088.mp3", + "title": "@穷电影创作的原声-小高快起来跳舞", + "creator_id": "93864497380", + "create_time": "1630423555", + "status": 1 + }, + "author": { + "id": "1", + "unique_id_modify_time": "1630393144", + "unique_id": "10040050", + "favoriting_count": 143, + "avatar": new URL('../../assets/img/icon/avatar/3.png', import.meta.url).href, + school: { + name: '中央戏剧学院', + department: null, + joinTime: null, + education: null, + displayType: enums.DISPLAY_TYPE.ALL, + }, + "city": "", + "province": '北京', + "country": "", + "location": "", + "birthday": "2002-01-01", + "cover": "https://p3.douyinpic.com/obj/c8510002be9a3a61aad2?from=116350172", + "following_count": 66, + "follower_count": 235000, + "aweme_count": 1796000, + "nickname": "我是小睿耶", + certification: '', + "phone": "", + "sex": "", + "last_login_time": "1630423555", + "create_time": "1630423555", + "status": 1, + "desc": `一个普普通通学表演的\n看到的人都能开开心心`, + "is_private": 0 + } + }, ], videoPrefix: ['one', 'two', 'three'], + + isCommenting: false, + isSharing: false, + canMove: true, + + shareType: -1, + + showPlayFeedback: false, + showShareDuoshan: false, + showShareDialog: false, + showShare2WeChatZone: false, + showDouyinCode: false, + showFollowSetting: false, + showFollowSetting2: false, + showBlockDialog: false, + showChangeNote: false, + shareToFriend: false, }) - -function render(item, itemIndex, play) { +function render(item, itemIndex, play,prefix) { let node if (item.type === 'img') { node = @@ -84,8 +189,18 @@ function render(item, itemIndex, play) { if (item.type === 'imgs') { node = } + if (item.type === 'recommend-video') { + node = state.isCommenting = true} + onShowShare={e => state.isSharing = true} + onGoUserInfo={e => state.baseActiveIndex = 1} + /> + } return node - // return {node} } // function render1(item, itemIndex, play) {