@shijiu/jsview-vue-samples 1.9.887 → 1.9.915
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/AnimPicture/App.vue +10 -10
- package/Basic/App.vue +1 -1
- package/Basic/components/FontStyle.css +4 -4
- package/Basic/components/anim/AnimKeyframeBasic.vue +1 -1
- package/Basic/components/anim/AnimKeyframeComposite.vue +2 -2
- package/Basic/components/anim/AnimTransition.vue +4 -4
- package/Basic/components/div/DivClip.vue +0 -39
- package/Basic/components/div/DivCssScoped.vue +1 -1
- package/Basic/components/div/DivLayout.vue +1 -1
- package/Basic/components/div/DivRadius.vue +4 -4
- package/Basic/components/img/ImageGroup.vue +2 -2
- package/Basic/components/img/ImgLayout.vue +78 -14
- package/Basic/components/text/TextDirection.vue +9 -9
- package/Basic/components/text/TextEmoji.vue +7 -2
- package/Basic/components/text/TextFontStyle.vue +4 -4
- package/Basic/components/text/TextGroup1.vue +1 -1
- package/Basic/components/text/TextGroup2.vue +2 -2
- package/BasicFocusControl/App.vue +2 -2
- package/BasicFocusControl/components/BaseBlock.vue +2 -2
- package/BasicFocusControl/components/MainArea.vue +2 -2
- package/BasicFocusControl/components/SideBar.vue +2 -2
- package/Collision/App.vue +16 -16
- package/ColorSpace/App.vue +11 -11
- package/CssPreprocessor/App.vue +70 -0
- package/CssPreprocessor/Less/App.vue +32 -0
- package/CssPreprocessor/Less/PanelData.js +51 -0
- package/CssPreprocessor/Less/components/less-group1/LessComments.vue +34 -0
- package/CssPreprocessor/Less/components/less-group1/LessConditionals.vue +32 -0
- package/CssPreprocessor/Less/components/less-group1/LessOperations.vue +24 -0
- package/CssPreprocessor/Less/components/less-group1/LessVariables.vue +48 -0
- package/CssPreprocessor/Less/components/less-group2/LessIteration.vue +32 -0
- package/CssPreprocessor/Less/components/less-group2/LessMethods.vue +27 -0
- package/CssPreprocessor/Less/components/less-group3/LessExtends.vue +32 -0
- package/CssPreprocessor/Less/components/less-group3/LessNesting.vue +63 -0
- package/CssPreprocessor/Less/components/less-group4/LessKeyframes.vue +40 -0
- package/CssPreprocessor/Less/components/less-group4/LessMaps.vue +33 -0
- package/CssPreprocessor/Less/components/less-group4/LessMixins.vue +33 -0
- package/CssPreprocessor/Less/components/less-group5/LessImporting.vue +34 -0
- package/CssPreprocessor/Less/components/less-group5/TextSettings.less +4 -0
- package/CssPreprocessor/Scss/App.vue +32 -0
- package/CssPreprocessor/Scss/PanelData.js +51 -0
- package/CssPreprocessor/Scss/components/scss-group1/ScssComments.vue +34 -0
- package/CssPreprocessor/Scss/components/scss-group1/ScssConditionals.vue +36 -0
- package/CssPreprocessor/Scss/components/scss-group1/ScssOperations.vue +30 -0
- package/CssPreprocessor/Scss/components/scss-group1/ScssVariables.vue +48 -0
- package/CssPreprocessor/Scss/components/scss-group2/ScssIteration.vue +36 -0
- package/CssPreprocessor/Scss/components/scss-group2/ScssMethods.vue +84 -0
- package/CssPreprocessor/Scss/components/scss-group3/ScssExtends.vue +34 -0
- package/CssPreprocessor/Scss/components/scss-group3/ScssNesting.vue +75 -0
- package/CssPreprocessor/Scss/components/scss-group4/ScssKeyframes.vue +40 -0
- package/CssPreprocessor/Scss/components/scss-group4/ScssMaps.vue +35 -0
- package/CssPreprocessor/Scss/components/scss-group4/ScssMixins.vue +33 -0
- package/CssPreprocessor/Scss/components/scss-group5/ScssImporting.vue +34 -0
- package/CssPreprocessor/Scss/components/scss-group5/TextSettings.scss +4 -0
- package/CssPreprocessor/Stylus/App.vue +32 -0
- package/CssPreprocessor/Stylus/PanelData.js +51 -0
- package/CssPreprocessor/Stylus/components/stylus-group1/StylusComments.vue +34 -0
- package/CssPreprocessor/Stylus/components/stylus-group1/StylusConditionals.vue +36 -0
- package/CssPreprocessor/Stylus/components/stylus-group1/StylusOperations.vue +30 -0
- package/CssPreprocessor/Stylus/components/stylus-group1/StylusVariables.vue +47 -0
- package/CssPreprocessor/Stylus/components/stylus-group2/StylusIteration.vue +34 -0
- package/CssPreprocessor/Stylus/components/stylus-group2/StylusMethods.vue +78 -0
- package/CssPreprocessor/Stylus/components/stylus-group3/StylusExtends.vue +34 -0
- package/CssPreprocessor/Stylus/components/stylus-group3/StylusNesting.vue +63 -0
- package/CssPreprocessor/Stylus/components/stylus-group4/StylusKeyframes.vue +40 -0
- package/CssPreprocessor/Stylus/components/stylus-group4/StylusMaps.vue +33 -0
- package/CssPreprocessor/Stylus/components/stylus-group4/StylusMixins.vue +33 -0
- package/CssPreprocessor/Stylus/components/stylus-group5/StylusImporting.vue +34 -0
- package/CssPreprocessor/Stylus/components/stylus-group5/TextSettings.styl +4 -0
- package/CssPreprocessor/utils/ContentBlock.vue +43 -0
- package/CssPreprocessor/utils/ContentList.vue +34 -0
- package/CssPreprocessor/utils/FontStyle.css +19 -0
- package/CssPreprocessor/utils/Panel.vue +49 -0
- package/CssPreprocessor/utils/TitleBar.vue +29 -0
- package/DemoHomepage/App.vue +46 -11
- package/DemoHomepage/components/Dialog.vue +15 -15
- package/DemoHomepage/router.js +20 -12
- package/DemoHomepage/views/Homepage.vue +90 -102
- package/DivMetroPerformance/App.vue +150 -0
- package/DivMetroPerformance/Item.vue +58 -0
- package/DivMetroPerformance/assets/bg.jpg +0 -0
- package/DivMetroPerformance/assets/coupon_content.png +0 -0
- package/DivMetroPerformance/assets/coupon_left.png +0 -0
- package/DivMetroPerformance/assets/coupon_mid.png +0 -0
- package/DivMetroPerformance/assets/coupon_right.png +0 -0
- package/DivMetroPerformance/assets/focus_border.png +0 -0
- package/DivMetroPerformance/assets/holder_logo.png +0 -0
- package/DivMetroPerformance/assets/jrbm.png +0 -0
- package/DivMetroPerformance/assets/line_left.png +0 -0
- package/DivMetroPerformance/assets/line_mid.png +0 -0
- package/DivMetroPerformance/assets/line_right.png +0 -0
- package/DivMetroPerformance/assets/loading.png +0 -0
- package/DivMetroPerformance/assets/logo.png +0 -0
- package/DivMetroPerformance/assets/mcjx.png +0 -0
- package/DivMetroPerformance/assets/tao.png +0 -0
- package/DivMetroPerformance/assets/tmall.png +0 -0
- package/DivMetroPerformance/border.png +0 -0
- package/DivMetroPerformance/components/ContentItem.vue +385 -0
- package/DivMetroPerformance/components/MyTab.vue +129 -0
- package/DivMetroPerformance/data.js +124 -0
- package/DivMetroPerformance/utils/GridItem.vue +28 -0
- package/DivMetroPerformance/utils/GridPlate.vue +85 -0
- package/FilterDemo/AnimatePic.vue +3 -3
- package/FilterDemo/App.vue +3 -3
- package/FlipCard/App.vue +2 -2
- package/FlipCard/FlipCard.vue +2 -2
- package/GridDemo/Item.vue +13 -13
- package/HashHistory/App.vue +0 -1
- package/HashHistory/components/Item.vue +2 -2
- package/HashHistory/views/MainPage.vue +1 -1
- package/HashHistory/views/SubPage.vue +2 -2
- package/ImpactStop/App.vue +9 -11
- package/Input/InputPanel.vue +2 -4
- package/LongImage/App.vue +2 -2
- package/LongImage/Button.vue +1 -1
- package/LongImage/ButtonItem.vue +1 -1
- package/LongText/App.vue +3 -3
- package/LongText/Button.vue +1 -1
- package/LongText/ButtonItem.vue +1 -1
- package/LongText/LongTextScroll.vue +4 -4
- package/Marquee/longText.js +0 -2
- package/MaskClip/App.vue +4 -4
- package/MediaDemo/App.vue +127 -0
- package/MediaDemo/assets/audio-poster.png +0 -0
- package/MediaDemo/components/Button.vue +69 -0
- package/MediaDemo/components/Controllor.vue +279 -0
- package/MediaDemo/components/StatusBar.vue +100 -0
- package/MediaDemo/components/frames/AudioFrame.vue +39 -0
- package/MediaDemo/components/frames/AudioPoster.vue +48 -0
- package/MediaDemo/components/frames/MediaFrame.vue +153 -0
- package/MediaDemo/components/frames/VideoFrame.vue +39 -0
- package/MetroWidgetDemos/Advanced/ButtonItem.vue +4 -4
- package/MetroWidgetDemos/Advanced/widgets/Item.vue +5 -5
- package/MetroWidgetDemos/Advanced/widgets/WidgetItem.vue +2 -2
- package/MetroWidgetDemos/Advanced/widgets/Widgets.vue +57 -56
- package/MetroWidgetDemos/Item.vue +4 -5
- package/MetroWidgetDemos/PerformanceTest/App.vue +3 -3
- package/MetroWidgetDemos/PerformanceTest/components/ContentItem.vue +26 -26
- package/MetroWidgetDemos/PerformanceTest/components/MyTab.vue +15 -15
- package/MetroWidgetDemos/PingPong/AppPage.vue +2 -2
- package/MetroWidgetDemos/PingPong/TabItem.vue +2 -2
- package/MetroWidgetDemos/PingPong/ViewSwiper.vue +9 -9
- package/MetroWidgetDemos/Simple/RelativeTemplate.vue +2 -2
- package/MetroWidgetDemos/WidgetItem.vue +2 -2
- package/NinePatchDemo/App.vue +3 -3
- package/NinePatchDemo/Item.vue +5 -5
- package/Preload/App.vue +5 -5
- package/Preload/Item.vue +1 -1
- package/QrcodeDemo/App.vue +3 -3
- package/ScaleDownNeon/App.vue +9 -9
- package/SoundPool/App.vue +6 -9
- package/SprayView/App.vue +22 -22
- package/SpriteImage/App.vue +4 -4
- package/Swiper/App.vue +2 -8
- package/TextBox/App.vue +1 -2
- package/TextBox/RenderCenter.vue +16 -16
- package/TextBox/RenderLeft.vue +16 -16
- package/TextBox/RenderOneLine.vue +12 -12
- package/TextBox/RenderRight.vue +16 -16
- package/TextShadowDemo/App.vue +4 -4
- package/TextureAnimation/App.vue +1 -17
- package/TextureAnimation/App2.vue +3 -3
- package/TextureSize/App.vue +8 -8
- package/ThrowMoveDemo/AccelerateDemo.vue +4 -4
- package/ThrowMoveDemo/LRParabolicDemo.vue +4 -4
- package/ThrowMoveDemo/TargetDemo.vue +4 -4
- package/ThrowMoveDemo/UDParabolicDemo.vue +4 -4
- package/TouchSample/App.vue +2 -2
- package/TouchSample/Item.vue +2 -2
- package/TouchSample/MetroWidgetHorizontal.vue +3 -3
- package/TouchSample/MetroWidgetVertical.vue +3 -3
- package/TouchSample/TouchContainerHorizontal.vue +2 -2
- package/TouchSample/TouchContainerVertical.vue +2 -2
- package/TransitPage/App.vue +1 -1
- package/VideoDemo/App.vue +4 -4
- package/VideoDemo/components/Button.vue +1 -1
- package/VideoDemo/components/Controllor.vue +2 -2
- package/VideoDemo/components/VideoFrame.vue +1 -1
- package/VisibleSensorDemo/App.vue +7 -7
- package/assets/bmpDemo.bmp +0 -0
- package/assets/jpegDemo.jpeg +0 -0
- package/assets/pngDemo.png +0 -0
- package/assets/pngNoAlphaDemo.png +0 -0
- package/assets/webpDemo.webp +0 -0
- package/package.json +6 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script setup>
|
|
2
|
-
import { watch, reactive, onMounted, ref
|
|
2
|
+
import { watch, reactive, onMounted, ref } from "vue";
|
|
3
3
|
import { useRouter } from "vue-router";
|
|
4
4
|
import { jJsvRuntimeBridge, JsvVisibleSensor } from "jsview";
|
|
5
5
|
|
|
@@ -10,8 +10,8 @@ const VISIBLE_RANGE = 0.25;
|
|
|
10
10
|
|
|
11
11
|
const router = useRouter();
|
|
12
12
|
|
|
13
|
-
const containerRef =
|
|
14
|
-
let case_config =
|
|
13
|
+
const containerRef = ref(null);
|
|
14
|
+
let case_config = ref(null);
|
|
15
15
|
let status_text = reactive({
|
|
16
16
|
oldH: "false",
|
|
17
17
|
newH: "false",
|
|
@@ -216,19 +216,19 @@ old vertical: ${status_text.oldV}`
|
|
|
216
216
|
<style scoped>
|
|
217
217
|
@keyframes visibleSensor_upDown {
|
|
218
218
|
from {
|
|
219
|
-
transform: translate3d(
|
|
219
|
+
transform: translate3d(75, -180, 0);
|
|
220
220
|
}
|
|
221
221
|
to {
|
|
222
|
-
transform: translate3d(
|
|
222
|
+
transform: translate3d(75, 330, 0);
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
@keyframes visibleSensor_leftRight {
|
|
227
227
|
from {
|
|
228
|
-
transform: translate3d(-
|
|
228
|
+
transform: translate3d(-180, 75, 0);
|
|
229
229
|
}
|
|
230
230
|
to {
|
|
231
|
-
transform: translate3d(
|
|
231
|
+
transform: translate3d(330, 75, 0);
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
234
|
</style>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shijiu/jsview-vue-samples",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.915",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": "system/jsview-framework",
|
|
6
6
|
"author": "mengxk",
|
|
@@ -11,6 +11,11 @@
|
|
|
11
11
|
"jsview-vue",
|
|
12
12
|
"jsview-vue-samples"
|
|
13
13
|
],
|
|
14
|
+
"devDependencies": {
|
|
15
|
+
"less": "4.1.3",
|
|
16
|
+
"sass": "1.58.1",
|
|
17
|
+
"stylus": "0.59.0"
|
|
18
|
+
},
|
|
14
19
|
"engines": {
|
|
15
20
|
"node": ">=16.0.0"
|
|
16
21
|
}
|