@shijiu/jsview-vue-samples 2.2.426-test.0 → 2.3.151-test.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BakeViewDemo/AnimatePic.vue +1 -1
- package/Basic/components/text/TextDirection.vue +7 -1
- package/BasicFocusControl/components/BaseBlock.vue +65 -18
- package/BreakRender/assets/imageList.json +235 -235
- package/ColorSpace/App.vue +2 -2
- package/CoupletsTest/App.vue +1 -1
- package/CoupletsTest/widget/Banger/Banger.vue +3 -3
- package/CoupletsTest/widget/Banger/MaroonLoader.vue +5 -5
- package/CoupletsTest/widget/Couplets/Couplets.vue +4 -4
- package/CoupletsTest/widget/Fireworks/Fireworks.vue +13 -13
- package/CustomShader/App.vue +4 -4
- package/CustomShader/gaussianBlur.glsl +1 -1
- package/DashPath/App.vue +80 -0
- package/DashPath/AppForOperator.vue +33 -0
- package/DemoForOperator/AnimPic/AnimPic.vue +69 -0
- package/DemoForOperator/AnimPic/App.vue +28 -0
- package/DemoForOperator/Banger/App.vue +26 -0
- package/DemoForOperator/Banger/Banger/Banger.vue +316 -0
- package/DemoForOperator/Banger/Banger/Maroon.vue +123 -0
- package/DemoForOperator/Banger/Banger/MaroonLoader.vue +78 -0
- package/DemoForOperator/Banger/Banger/SpriteDeal.js +30 -0
- package/DemoForOperator/Blur/Blur.vue +146 -0
- package/DemoForOperator/Blur/BlurInOut/BlurInOut.vue +158 -0
- package/DemoForOperator/Blur/BlurInOut/StaticBgSlide.vue +162 -0
- package/DemoForOperator/Blur/BlurPopup/BlurPopup.vue +113 -0
- package/DemoForOperator/BookFlip/App.vue +115 -0
- package/DemoForOperator/BookFlip/BookFlip/FlipPage.vue +179 -0
- package/DemoForOperator/BookFlip/BookFlip/FlippingBook.vue +310 -0
- package/DemoForOperator/BookFlip/BookFlip/flip.glsl +135 -0
- package/DemoForOperator/BookFlip/BookPage.vue +82 -0
- package/DemoForOperator/Bounce/App.vue +43 -0
- package/DemoForOperator/Bounce/Bounce.vue +81 -0
- package/DemoForOperator/Bounce/FreeMoveBuilder.js +139 -0
- package/DemoForOperator/ChunLian/App.vue +47 -0
- package/DemoForOperator/ChunLian/Couplets.vue +291 -0
- package/DemoForOperator/ClickSpriteAnim/App.vue +130 -0
- package/DemoForOperator/ClickSpriteAnim/Item.vue +74 -0
- package/DemoForOperator/DominantColor/App.vue +187 -0
- package/DemoForOperator/EpisodeList/App.vue +80 -0
- package/DemoForOperator/EpisodeList/EpisodeList/Controller.vue +110 -0
- package/DemoForOperator/EpisodeList/EpisodeList/EpisodeList.vue +250 -0
- package/DemoForOperator/EpisodeList/GroupItem.vue +65 -0
- package/DemoForOperator/EpisodeList/ListItem.vue +48 -0
- package/DemoForOperator/Firework1/App.vue +25 -0
- package/DemoForOperator/Firework1/Fireworks.vue +397 -0
- package/DemoForOperator/Firework1/SpriteDeal.js +30 -0
- package/DemoForOperator/FlipPage/App.vue +75 -0
- package/DemoForOperator/FlipPage/FlipPage/FlipPage.vue +178 -0
- package/DemoForOperator/FlipPage/FlipPage/flipIn.glsl +41 -0
- package/DemoForOperator/FlipPage/FlipPage/flipOut.glsl +41 -0
- package/DemoForOperator/Focus/Alpha/AlphaFocusBox.vue +95 -0
- package/DemoForOperator/Focus/Alpha/AlphaPage.vue +40 -0
- package/DemoForOperator/Focus/Alpha/Item.vue +64 -0
- package/DemoForOperator/Focus/App.vue +124 -0
- package/DemoForOperator/Focus/CommonPageSetting.js +30 -0
- package/DemoForOperator/Focus/Item.vue +46 -0
- package/DemoForOperator/Focus/Light/Item.vue +67 -0
- package/DemoForOperator/Focus/Light/LightFocusBox.vue +87 -0
- package/DemoForOperator/Focus/Light/LightPage.vue +43 -0
- package/DemoForOperator/Focus/Light/utils/FrameCanvasStore.ts +68 -0
- package/DemoForOperator/Focus/Light/utils/RotateFrame.vue +146 -0
- package/DemoForOperator/Focus/Light/utils/circleHaloMask.png +0 -0
- package/DemoForOperator/Focus/Normal/Item.vue +64 -0
- package/DemoForOperator/Focus/Normal/NormalFocusBox.vue +65 -0
- package/DemoForOperator/Focus/Normal/NormalPage.vue +41 -0
- package/DemoForOperator/Focus/SwipeLight/Item.vue +73 -0
- package/DemoForOperator/Focus/SwipeLight/SwipeLightBox.vue +62 -0
- package/DemoForOperator/Focus/SwipeLight/SwipeLightPage.vue +44 -0
- package/DemoForOperator/FrameShadow/App.vue +193 -0
- package/DemoForOperator/FrameShadow/FrameShadow.vue +61 -0
- package/DemoForOperator/FullscreenIn/App.vue +105 -0
- package/DemoForOperator/FullscreenIn/FullscreenPoster.vue +56 -0
- package/DemoForOperator/FullscreenIn/Item.vue +50 -0
- package/DemoForOperator/Genie/App.vue +78 -0
- package/DemoForOperator/Genie/geniePakcer/Genie.vue +741 -0
- package/DemoForOperator/Genie/geniePakcer/genieBottom.glsl +49 -0
- package/DemoForOperator/Genie/geniePakcer/genieLeft.glsl +50 -0
- package/DemoForOperator/Genie/geniePakcer/genieRight.glsl +57 -0
- package/DemoForOperator/Genie/geniePakcer/genieTop.glsl +50 -0
- package/DemoForOperator/GrayFilter/App.vue +51 -0
- package/DemoForOperator/GrayFilter/GrayFilter.vue +59 -0
- package/DemoForOperator/Jigsaw/App.vue +45 -0
- package/DemoForOperator/Jigsaw/JigsawFull.vue +142 -0
- package/DemoForOperator/Jigsaw/JigsawSingle.vue +118 -0
- package/DemoForOperator/LongChatBox/App.vue +36 -0
- package/DemoForOperator/LongChatBox/Bubble.vue +104 -0
- package/DemoForOperator/LongChatBox/LongChat.vue +173 -0
- package/DemoForOperator/LongChatBox/TextManager.ts +147 -0
- package/DemoForOperator/LongChatBox/VirtualList.vue +298 -0
- package/DemoForOperator/LongChatBox/testData.js +51 -0
- package/DemoForOperator/LongChatBox/utile.js +331 -0
- package/DemoForOperator/Particle/App.vue +69 -0
- package/DemoForOperator/Particle/Drop/DropParticle.vue +208 -0
- package/DemoForOperator/Particle/Explode/ExplodeParticle.vue +120 -0
- package/DemoForOperator/PosterAnim/App.vue +125 -0
- package/DemoForOperator/PosterAnim/Bounce/BouncePage.vue +54 -0
- package/DemoForOperator/PosterAnim/Bounce/Item.vue +85 -0
- package/DemoForOperator/PosterAnim/Breath/BreathPage.vue +47 -0
- package/DemoForOperator/PosterAnim/Breath/Item.vue +58 -0
- package/DemoForOperator/PosterAnim/CommonPageSetting.js +30 -0
- package/DemoForOperator/PosterAnim/Item.vue +46 -0
- package/DemoForOperator/PosterAnim/PosterAnim.js +79 -0
- package/DemoForOperator/PosterAnim/Scale/Item.vue +72 -0
- package/DemoForOperator/PosterAnim/Scale/ScalePage.vue +48 -0
- package/DemoForOperator/PosterAnim/Shake/Item.vue +85 -0
- package/DemoForOperator/PosterAnim/Shake/ShakePage.vue +53 -0
- package/DemoForOperator/PosterOverflow/App.vue +116 -0
- package/DemoForOperator/PosterOverflow/Item.vue +67 -0
- package/DemoForOperator/PosterOverflow/PosterOverflow.vue +39 -0
- package/DemoForOperator/Resize/App.vue +157 -0
- package/DemoForOperator/Resize/Resize/Item.vue +234 -0
- package/DemoForOperator/Resize/Resize/Resize.vue +96 -0
- package/DemoForOperator/Ripple/App.vue +54 -0
- package/DemoForOperator/Ripple/Ripple.vue +65 -0
- package/DemoForOperator/ScreenShootScale/App.vue +96 -0
- package/DemoForOperator/ScreenShootScale/Back.vue +86 -0
- package/DemoForOperator/ScreenShootScale/Front.vue +133 -0
- package/DemoForOperator/ScreenShootScale/Item.vue +62 -0
- package/DemoForOperator/ScreenShootScale/ScreenShootScale.vue +109 -0
- package/DemoForOperator/SmoothSwiper/App.vue +50 -0
- package/DemoForOperator/Sound/Bounce/App.vue +56 -0
- package/DemoForOperator/Sound/Bounce/Bounce.vue +87 -0
- package/DemoForOperator/Sound/Bounce/FreeMoveBuilder.js +146 -0
- package/DemoForOperator/Sound/Bounce/bgmusic.mp3 +0 -0
- package/DemoForOperator/Sound/Bounce/coin.mp3 +0 -0
- package/DemoForOperator/Sound/FocusMove/App.vue +134 -0
- package/DemoForOperator/Sound/FocusMove/Item.vue +43 -0
- package/DemoForOperator/Sound/FocusMove/move.mp3 +0 -0
- package/DemoForOperator/Sound/Rain/App.vue +11 -0
- package/DemoForOperator/Sound/Rain/Raining/Rain.vue +69 -0
- package/DemoForOperator/Sound/Rain/Raining/RainScene.vue +118 -0
- package/DemoForOperator/Sound/Sound/Sound.vue +24 -0
- package/DemoForOperator/Sound/Sound/index.js +4 -0
- package/DemoForOperator/Sound/Sound/useSound.js +112 -0
- package/DemoForOperator/Sprite/App.vue +33 -0
- package/DemoForOperator/Sprite/Sprite.vue +147 -0
- package/DemoForOperator/Stretch/App.vue +103 -0
- package/DemoForOperator/Stretch/Stretch/Item.vue +192 -0
- package/DemoForOperator/Stretch/Stretch/Stretch.vue +218 -0
- package/DemoForOperator/Swiper/App.vue +101 -0
- package/DemoForOperator/Swiper/Item.vue +56 -0
- package/DemoForOperator/Swiper/ParallaxSlide.vue +164 -0
- package/DemoForOperator/TabContent/App.vue +89 -0
- package/DemoForOperator/TabContent/ContentPage.vue +66 -0
- package/DemoForOperator/TabContent/Item.vue +85 -0
- package/DemoForOperator/TabContent/PageItem.vue +40 -0
- package/DemoForOperator/TabContent/TabContent/CreepFocus.vue +160 -0
- package/DemoForOperator/TabContent/TabContent/Item.vue +63 -0
- package/DemoForOperator/TabContent/TabContent/TabContent.vue +184 -0
- package/DemoForOperator/TabContent/TabContent/TabItem.vue +368 -0
- package/DemoForOperator/TabContent/TabContent/TabWidget.vue +243 -0
- package/DemoForOperator/TabContent/TabContent/Util.js +3 -0
- package/DemoForOperator/TabContent/TabContent/ViewSwiper.vue +110 -0
- package/DemoForOperator/TabContent/testData.js +241 -0
- package/DemoForOperator/TabContentVertical/App.vue +104 -0
- package/DemoForOperator/TabContentVertical/ContentPage.vue +67 -0
- package/DemoForOperator/TabContentVertical/Item.vue +94 -0
- package/DemoForOperator/TabContentVertical/PageItem.vue +40 -0
- package/DemoForOperator/TabContentVertical/TabContent/CreepFocus.vue +160 -0
- package/DemoForOperator/TabContentVertical/TabContent/Item.vue +63 -0
- package/DemoForOperator/TabContentVertical/TabContent/TabContent.vue +184 -0
- package/DemoForOperator/TabContentVertical/TabContent/TabItem.vue +368 -0
- package/DemoForOperator/TabContentVertical/TabContent/TabWidget.vue +259 -0
- package/DemoForOperator/TabContentVertical/TabContent/Util.js +3 -0
- package/DemoForOperator/TabContentVertical/TabContent/ViewSwiper.vue +110 -0
- package/DemoForOperator/TabContentVertical/assets/children_science.png +0 -0
- package/DemoForOperator/TabContentVertical/assets/documentary.png +0 -0
- package/DemoForOperator/TabContentVertical/assets/free.png +0 -0
- package/DemoForOperator/TabContentVertical/assets/game.png +0 -0
- package/DemoForOperator/TabContentVertical/assets/home_selected.png +0 -0
- package/DemoForOperator/TabContentVertical/assets/movie_ticket.png +0 -0
- package/DemoForOperator/TabContentVertical/assets/my_account.png +0 -0
- package/DemoForOperator/TabContentVertical/assets/opera.png +0 -0
- package/DemoForOperator/TabContentVertical/assets/sports.png +0 -0
- package/DemoForOperator/TabContentVertical/assets/tv_drama.png +0 -0
- package/DemoForOperator/TabContentVertical/assets/variety_show.png +0 -0
- package/DemoForOperator/TabContentVertical/assets/vip.png +0 -0
- package/DemoForOperator/TabContentVertical/testData.js +76 -0
- package/DemoForOperator/Vortex/App.vue +78 -0
- package/DemoForOperator/Vortex/Vortex/Vortex.vue +180 -0
- package/DemoForOperator/Vortex/Vortex/vortexIn.glsl +38 -0
- package/DemoForOperator/Vortex/Vortex/vortexOut.glsl +38 -0
- package/DemoForOperator/index.js +6 -0
- package/DemoForOperator/routeList.js +259 -0
- package/DemoHomepage/App.vue +50 -30
- package/DemoHomepage/components/Dialog.vue +1 -0
- package/DemoHomepage/components/Item.vue +11 -0
- package/DemoHomepage/components/TabFrame.vue +7 -0
- package/DemoHomepage/router.js +178 -81
- package/DemoHomepage/views/Homepage.vue +7 -2
- package/DivMetroPerformance/data.js +3 -3
- package/DriftScopeTest/App.vue +1 -1
- package/FilterDemo/AnimatePic.vue +1 -1
- package/FilterDemo/VideoLayer.vue +2 -2
- package/FullScreenFlex/TestFrame2.vue +1 -1
- package/GiftRain/App.vue +12 -12
- package/GiftRain/components/SpriteTranslate.vue +68 -48
- package/HashHistory/App.vue +2 -2
- package/HashHistory/router.js +1 -1
- package/JsvPreDownloader/App.vue +4 -4
- package/MediaDemo/components/frames/AudioFrame.vue +1 -1
- package/MediaDemo/components/frames/VideoFrame.vue +1 -1
- package/MetroWidgetDemos/MassiveItems/ContentItem.vue +1 -1
- package/MetroWidgetDemos/MassiveItems/data.js +1 -1
- package/MetroWidgetDemos/PerformanceTest/data.js +3 -3
- package/MetroWidgetDemos/RefreshDemo/assets/imageList.json +235 -235
- package/MetroWidgetDemos/SkeletonDiagram/assets/imageList.json +235 -235
- package/MetroWidgetDemos/TripleWidget/App.vue +7 -1
- package/MetroWidgetDemos/TripleWidget/Item.vue +16 -2
- package/MetroWidgetDemos/TripleWidget/SWidgetItem.vue +7 -1
- package/MetroWidgetDemos/TripleWidget/WidgetItem.vue +8 -2
- package/MetroWidgetDemos/focusableItemMetroWidget/WidgetItem.vue +3 -1
- package/MetroWidgetDemos/routeList.js +34 -17
- package/Poster3d/App.vue +69 -0
- package/Poster3d/Poster3d.vue +92 -0
- package/PosterPacker/App.vue +5 -5
- package/PosterPacker/tools/vortexPacker/Vortex.vue +1 -1
- package/QrcodeDemo/App.vue +1 -1
- package/Ripple/App.vue +1 -1
- package/ScaleDownNeon/App.vue +4 -4
- package/SceneTransition/App.vue +2 -2
- package/SceneTransition/maskConfig/config2.js +12 -12
- package/SceneTransition/maskConfig/config3.js +14 -14
- package/SprayView/App.vue +96 -51
- package/SpringFestival/App.vue +73 -0
- package/SpringFestival/SpringFestivalScene/ChunLian.vue +211 -0
- package/SpringFestival/SpringFestivalScene/FreeMoveBuilder.js +139 -0
- package/SpringFestival/SpringFestivalScene/LanternAnim.js +60 -0
- package/SpringFestival/SpringFestivalScene/Rain.vue +137 -0
- package/SpringFestival/SpringFestivalScene/Scene.vue +218 -0
- package/SpringFestival/SpringFestivalScene/imageConfig.js +87 -0
- package/SpringFestival/SpringFestivalScene/index.js +1 -0
- package/Swiper/App.vue +28 -29
- package/Swiper/Item.vue +19 -0
- package/SwiperTest/App.vue +9 -9
- package/TestNativeSharedView/AckEventDefine.ts +82 -0
- package/TestNativeSharedView/App.vue +4 -6
- package/TestNativeSharedView/JsvDemoTester.js +131 -0
- package/TextureAnimation/App.vue +16 -6
- package/TextureAnimation/App3.vue +100 -0
- package/TextureAnimation/utils/FrameCanvasStore.ts +68 -0
- package/TextureAnimation/utils/RotateFrame.vue +146 -0
- package/TextureAnimation/utils/circleHaloMask.png +0 -0
- package/TombSweepingDayTest/Raining/RainScene.vue +4 -4
- package/ViewOpacity/App.vue +21 -2
- package/package.json +1 -1
package/DriftScopeTest/App.vue
CHANGED
|
@@ -106,7 +106,7 @@ onBeforeUnmount(() => {
|
|
|
106
106
|
width: 1280,
|
|
107
107
|
height: 720,
|
|
108
108
|
backgroundImage:
|
|
109
|
-
'https://qcast
|
|
109
|
+
'https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/DriftScopeTest/App/fly2.jpg',
|
|
110
110
|
}"
|
|
111
111
|
/>
|
|
112
112
|
</template>
|
|
@@ -4,7 +4,7 @@ import { getDataUrl } from "../CommonUtils/ResourceData";
|
|
|
4
4
|
const DemoResourceBase = getDataUrl();
|
|
5
5
|
const item_url = DemoResourceBase
|
|
6
6
|
? `${DemoResourceBase}/27bda620942566673ab449a3ef765321.png`
|
|
7
|
-
: "
|
|
7
|
+
: "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/FilterDemo/AnimatePic/27bda620942566673ab449a3ef765321.png";
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
10
|
<template>
|
|
@@ -27,9 +27,9 @@ globalLoadJsvPlayerPlugin((status) => {
|
|
|
27
27
|
console.log("JsvPlayer plugin load status: " + status);
|
|
28
28
|
});
|
|
29
29
|
|
|
30
|
-
// const video_url = "
|
|
30
|
+
// const video_url = "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/FilterDemo/VideoLayer/52fae4231350c85fec605b47bbe479c5.mp4";
|
|
31
31
|
const video_url =
|
|
32
|
-
"
|
|
32
|
+
"https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/FilterDemo/VideoLayer/cctv1_1080_25fps.mp4";
|
|
33
33
|
</script>
|
|
34
34
|
|
|
35
35
|
<style scoped>
|
|
@@ -18,7 +18,7 @@ import { JsvScreenFlex } from "jsview";
|
|
|
18
18
|
justifyContent: 'flex-start',
|
|
19
19
|
alignItems: 'flex-start',
|
|
20
20
|
}"
|
|
21
|
-
background="https://qcast
|
|
21
|
+
background="https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/FullScreenFlex/TestFrame2/BackgroundLongmao.jpg"
|
|
22
22
|
>
|
|
23
23
|
<div
|
|
24
24
|
id="DivAnchor1"
|
package/GiftRain/App.vue
CHANGED
|
@@ -73,18 +73,18 @@ const MySound = new Sound()
|
|
|
73
73
|
const DemoResourceBase = getDataUrl()
|
|
74
74
|
//预加载信息
|
|
75
75
|
const resourceMap = {
|
|
76
|
-
kimi_normal: '
|
|
77
|
-
kimi_smile: '
|
|
78
|
-
kimi_boom: '
|
|
79
|
-
red_packet: '
|
|
80
|
-
bigRed_packet: '
|
|
81
|
-
boom_image: '
|
|
82
|
-
bg: '
|
|
83
|
-
_ScoreBg: "
|
|
84
|
-
add1: '
|
|
85
|
-
add5: "
|
|
86
|
-
min1: "
|
|
87
|
-
_AudioBgUrl: "https://qcast
|
|
76
|
+
kimi_normal: 'https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/kimi_normal.png',
|
|
77
|
+
kimi_smile: 'https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/kimi_smile.png',
|
|
78
|
+
kimi_boom: 'https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/kimi_boom.png',
|
|
79
|
+
red_packet: 'https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/red.png',
|
|
80
|
+
bigRed_packet: 'https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/bigred.png',
|
|
81
|
+
boom_image: 'https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/boom.png',
|
|
82
|
+
bg: 'https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/bg.jpg',
|
|
83
|
+
_ScoreBg: "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/score_bg.png",
|
|
84
|
+
add1: 'https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/add1.png',
|
|
85
|
+
add5: "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/add5.png",
|
|
86
|
+
min1: "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/min1.png",
|
|
87
|
+
_AudioBgUrl: "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/GiftRain/App/MiniGameBackgroundMusic-redpack.mp3"
|
|
88
88
|
}
|
|
89
89
|
if (DemoResourceBase) {
|
|
90
90
|
console.log('存在');
|
|
@@ -1,72 +1,92 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
<JsvActorMove
|
|
3
|
+
:key="`translate${item.key}`"
|
|
4
|
+
ref="translateF"
|
|
5
|
+
:style="{
|
|
6
|
+
left: item.left,
|
|
7
|
+
top: item.top,
|
|
8
|
+
width: item.width,
|
|
9
|
+
height: item.height,
|
|
10
|
+
}"
|
|
11
|
+
:control="_Control"
|
|
12
|
+
>
|
|
13
|
+
<div
|
|
14
|
+
:key="`bg${item.key}`"
|
|
15
|
+
ref="translate"
|
|
16
|
+
:style="{
|
|
17
|
+
backgroundImage: `url(${item.src})`,
|
|
18
|
+
left: 0,
|
|
19
|
+
top: 0,
|
|
20
|
+
width: item.width,
|
|
21
|
+
height: item.height,
|
|
22
|
+
}"
|
|
23
|
+
/>
|
|
24
|
+
</JsvActorMove>
|
|
7
25
|
</template>
|
|
8
26
|
|
|
9
27
|
<script setup>
|
|
10
|
-
import { shallowRef, defineProps, onMounted, onBeforeMount } from
|
|
11
|
-
import {
|
|
28
|
+
import { shallowRef, defineProps, onMounted, onBeforeMount } from "vue";
|
|
29
|
+
import {
|
|
30
|
+
JsvActorMove,
|
|
31
|
+
JsvActorMoveControl,
|
|
32
|
+
createImpactTracer,
|
|
33
|
+
createImpactCallback,
|
|
34
|
+
createImpactAutoFroze,
|
|
35
|
+
} from "jsview";
|
|
12
36
|
//定义子ref
|
|
13
|
-
let translate = shallowRef(null)
|
|
37
|
+
let translate = shallowRef(null);
|
|
14
38
|
//定义父ref
|
|
15
|
-
let translateF=shallowRef(null)
|
|
39
|
+
let translateF = shallowRef(null);
|
|
16
40
|
//定义props
|
|
17
41
|
const props = defineProps({
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
})
|
|
42
|
+
onDestory: Function,
|
|
43
|
+
item: Object,
|
|
44
|
+
onImpactTracer: Function,
|
|
45
|
+
MoneyBag: Object,
|
|
46
|
+
});
|
|
23
47
|
const control = new JsvActorMoveControl();
|
|
24
48
|
const _Control = control;
|
|
25
49
|
const item = props.item;
|
|
26
50
|
//销毁方法
|
|
27
51
|
const _onDestroy = () => {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
52
|
+
if (props.onDestory) {
|
|
53
|
+
props.onDestory(props.item.key);
|
|
54
|
+
}
|
|
55
|
+
};
|
|
32
56
|
|
|
33
57
|
let sensor = null;
|
|
34
58
|
|
|
35
59
|
const _InitItemEle = (item, ele) => {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
)
|
|
49
|
-
);
|
|
50
|
-
sensor = giftrain_sensor;
|
|
51
|
-
}
|
|
60
|
+
if (ele && !item.ele) {
|
|
61
|
+
item.ele = ele;
|
|
62
|
+
if (props.MoneyBag) {
|
|
63
|
+
const giftrain_sensor = createImpactTracer(
|
|
64
|
+
props.MoneyBag,
|
|
65
|
+
ele,
|
|
66
|
+
createImpactCallback(() => {
|
|
67
|
+
props.onImpactTracer(item);
|
|
68
|
+
_onDestroy();
|
|
69
|
+
}) //碰撞即停
|
|
70
|
+
);
|
|
71
|
+
sensor = giftrain_sensor;
|
|
52
72
|
}
|
|
53
|
-
}
|
|
54
|
-
|
|
73
|
+
}
|
|
74
|
+
};
|
|
55
75
|
|
|
56
76
|
//挂载时初始化
|
|
57
77
|
onMounted(() => {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
})
|
|
78
|
+
_InitItemEle(item, translate.value);
|
|
79
|
+
_Control.moveToY(720 * 1.5 + 30, (720 * 1.5) / item.duration, () => {
|
|
80
|
+
_onDestroy();
|
|
81
|
+
});
|
|
82
|
+
});
|
|
63
83
|
//卸载之前释放碰撞监听者
|
|
64
|
-
onBeforeMount(()=>{
|
|
65
|
-
|
|
66
|
-
sensor.Recycle()
|
|
67
|
-
sensor=null
|
|
68
|
-
|
|
69
|
-
})
|
|
84
|
+
onBeforeMount(() => {
|
|
85
|
+
if (sensor != null) {
|
|
86
|
+
sensor.Recycle();
|
|
87
|
+
sensor = null;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
70
90
|
</script>
|
|
71
91
|
|
|
72
|
-
<style lang="scss" scoped></style>
|
|
92
|
+
<style lang="scss" scoped></style>
|
package/HashHistory/App.vue
CHANGED
package/HashHistory/router.js
CHANGED
package/JsvPreDownloader/App.vue
CHANGED
|
@@ -7,7 +7,7 @@ const router = useRouter();
|
|
|
7
7
|
|
|
8
8
|
const downloader = new JsvPreDownloader();
|
|
9
9
|
const single =
|
|
10
|
-
"https://
|
|
10
|
+
"https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/JsvPreDownloader/App/dd4b1c7471613493.jpg";
|
|
11
11
|
|
|
12
12
|
const list = [
|
|
13
13
|
{
|
|
@@ -15,16 +15,16 @@ const list = [
|
|
|
15
15
|
isImage: true,
|
|
16
16
|
},
|
|
17
17
|
{
|
|
18
|
-
url: "https://
|
|
18
|
+
url: "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/JsvPreDownloader/App/8a2b507dd6effe91.jpg",
|
|
19
19
|
isImage: true,
|
|
20
20
|
},
|
|
21
21
|
downloader.buildDownloadItem(
|
|
22
|
-
"https://
|
|
22
|
+
"https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/JsvPreDownloader/App/d6f86f1b1d5f112d.jpg",
|
|
23
23
|
"",
|
|
24
24
|
true
|
|
25
25
|
),
|
|
26
26
|
{
|
|
27
|
-
url: "https://
|
|
27
|
+
url: "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/JsvPreDownloader/App/e1e898525109d0ea.jpg",
|
|
28
28
|
isImage: false,
|
|
29
29
|
},
|
|
30
30
|
{
|
|
@@ -16,7 +16,7 @@ class AudioFrame extends Vue {
|
|
|
16
16
|
|
|
17
17
|
this.mediaStatus = inject('mediaStatus');
|
|
18
18
|
|
|
19
|
-
this.audioUrl = "
|
|
19
|
+
this.audioUrl = "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/MediaDemo/components/frames/AudioFrame/demo_test.mp3";
|
|
20
20
|
// is.audioUrl = "http://192.168.1.99/videos/empty.mp3";
|
|
21
21
|
}
|
|
22
22
|
}
|
|
@@ -14,7 +14,7 @@ class VideoFrame extends Vue {
|
|
|
14
14
|
|
|
15
15
|
this.videoCtrl = inject('videoCtrl');
|
|
16
16
|
|
|
17
|
-
this.videoUrl = "
|
|
17
|
+
this.videoUrl = "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/MediaDemo/components/frames/VideoFrame/neza.mp4";
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
|
|
@@ -15,7 +15,7 @@ import borderMid from "../PerformanceTest/assets/line_mid.png";
|
|
|
15
15
|
import borderRight from "../PerformanceTest/assets/line_right.png";
|
|
16
16
|
import { ref, computed } from "vue";
|
|
17
17
|
|
|
18
|
-
const picUrl = "
|
|
18
|
+
const picUrl = "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/MetroWidgetDemos/MassiveItems/ContentItem/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg";
|
|
19
19
|
|
|
20
20
|
const props = defineProps({
|
|
21
21
|
data: Object,
|
|
@@ -10,7 +10,7 @@ for (let i = 0; i < 40; i++) {
|
|
|
10
10
|
savePrize: `${i}`,
|
|
11
11
|
soldTotal: `${Math.floor(Math.random() * 50000)}`,
|
|
12
12
|
pictUrl:
|
|
13
|
-
"
|
|
13
|
+
"https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/MetroWidgetDemos/MassiveItems/data/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -10,7 +10,7 @@ for (let i = 0; i < 40; i++) {
|
|
|
10
10
|
savePrize: `${i}`,
|
|
11
11
|
soldTotal: `${Math.floor(Math.random() * 50000)}`,
|
|
12
12
|
pictUrl:
|
|
13
|
-
"
|
|
13
|
+
"https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/MetroWidgetDemos/PerformanceTest/data/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -24,7 +24,7 @@ for (let i = 0; i < 50; i++) {
|
|
|
24
24
|
savePrize: `${i}`,
|
|
25
25
|
soldTotal: `${Math.floor(Math.random() * 50000)}`,
|
|
26
26
|
pictUrl:
|
|
27
|
-
"
|
|
27
|
+
"https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/MetroWidgetDemos/PerformanceTest/data/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
30
|
|
|
@@ -38,7 +38,7 @@ for (let i = 0; i < 30; i++) {
|
|
|
38
38
|
savePrize: `${i}`,
|
|
39
39
|
soldTotal: `${Math.floor(Math.random() * 50000)}`,
|
|
40
40
|
pictUrl:
|
|
41
|
-
"
|
|
41
|
+
"https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/MetroWidgetDemos/PerformanceTest/data/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
|