@shijiu/jsview-vue-samples 2.2.426-test.0 → 2.3.151-test.0

package/DemoHomepage/router.js

@@ -1,408 +1,502 @@
 import { createRouter } from 'vue-router';
 import { jsvCreateHashHistory } from 'jsview';
 import { metroWidgetRouteList } from "../MetroWidgetDemos"
+import Homepage from './views/Homepage.vue' // 不使用动态import，加速显示
+import { demoForOperatorRouteList } from '../DemoForOperator';
+
 let routeList = [
   // 功能实例
   {
-    name: 'Home',
+    meta: { nameText: 'Home', },
+    name: "Home",
     path: '/',
-    component: () => import('./views/Homepage.vue'),
+    component: Homepage,
     meta: {
       keepAlive: true // 需要被缓存(测试Router keep alive机制)
     }
   },
   {
-    name: '基础示例合集',
+    meta: { nameText: '基础示例合集', },
+    name: "feature-基础示例合集",
     path: '/feature/Basic',
     component: () => import('@shijiu/jsview-vue-samples/Basic/App.vue'),
   },
   // {
-  //   name: 'FreeMoveResize',
+  //   meta: { nameText: 'FreeMoveResize', },
   //   path: '/feature/FreeMoveResize',
   //   component: () => import('@shijiu/jsview-vue-samples/FreeMoveResize/App.vue'),
   // },
   {
-    name: '烟花行进特效',
+    meta: { nameText: '3d移动动画', },
+    name: "Operations-3d移动动画",
+    path: '/Operations/3dMove',
+    component: () => import('jsview-vue-samples/Poster3d/App.vue'),
+  },
+  {
+    meta: { nameText: '烟花行进特效', },
+    name: "Operations-烟花行进特效",
     path: '/Operations/SprayMove',
     component: () => import('jsview-vue-samples/SprayMove/App.vue'),
   },
   {
-    name: '海报图收放组件',
+    meta: { nameText: '海报图收放组件', },
+    name: "Operations-海报图收放组件",
     path: '/Operations/PosterPacker',
     component: () => import('jsview-vue-samples/PosterPacker/App.vue'),
   },
   {
-    name: 'div快照功能',
+    meta: { nameText: 'div快照功能', },
+    name: "feature-div快照功能",
     path: '/feature/BakeViewDemo',
     component: () => import('@shijiu/jsview-vue-samples/BakeViewDemo/App.vue'),
   },
   {
-    name: 'FlexDemo',
+    meta: { nameText: 'FlexDemo', },
+    name: "feature-FlexDemo",
     path: '/feature/FlexDemo',
     component: () => import('@shijiu/jsview-vue-samples/FlexCellDemo/App.vue')
   },
   {
-    name: 'ScreenFlex',
+    meta: { nameText: 'ScreenFlex', },
+    name: "feature-ScreenFlex",
     path: '/feature/ScreenFlex',
     component: () => import('@shijiu/jsview-vue-samples/FullScreenFlex/App.vue')
   },
   {
-    name: '连接线Demo',
+    meta: { nameText: '连接线Demo', },
+    name: "feature-连接线Demo",
     path: '/feature/ConnectLine',
     component: () => import('@shijiu/jsview-vue-samples/ConnectLine/App.vue')
   },
   {
-    name: '离散焦点自动处理',
+    meta: { nameText: '离散焦点自动处理', },
+    name: "feature-离散焦点自动处理",
     path: '/feature/DispersedFocusControl',
     component: () => import('@shijiu/jsview-vue-samples/DispersedFocusControl/App.vue'),
   },
   {
-    name: '离散焦点分布',
+    meta: { nameText: '离散焦点分布', },
+    name: "feature-离散焦点分布",
     path: '/feature/DispersedItemSample',
     component: () => import('@shijiu/jsview-vue-samples/DispersedItemSample/DispersedItemSample.vue')
   },
   {
-    name: '饼图测试',
+    meta: { nameText: '饼图测试', },
+    name: "feature-饼图测试",
     path: '/feature/SecTorTest',
     component: () => import('@shijiu/jsview-vue-samples/SecTorTest/App.vue'),
   },
   {
-    name: 'TextureStore测试',
+    meta: { nameText: 'TextureStore测试', },
+    name: "feature-TextureStore测试",
     path: '/feature/TextureStoreTest',
     component: () => import('@shijiu/jsview-vue-samples/TextureStoreTest/App.vue'),
   },
   {
-    name: 'NinePatch对齐测试',
+    meta: { nameText: 'NinePatch对齐测试', },
+    name: "feature-NinePatch对齐测试",
     path: '/feature/NinePatchTester',
     component: () => import('@shijiu/jsview-vue-samples/NinePatchTester/App.vue'),
   },
   {
-    name: 'NativeSharedView测试',
+    meta: { nameText: 'NativeSharedView测试', },
+    name: "feature-NativeSharedView测试",
     path: '/feature/TestNativeSharedView',
     component: () => import('@shijiu/jsview-vue-samples/TestNativeSharedView/App.vue'),
   },
   {
-    name: 'CSS预处理',
+    meta: { nameText: 'CSS预处理', },
+    name: "feature-CSS预处理",
     path: '/feature/CssPreprocessor',
     component: () => import('@shijiu/jsview-vue-samples/CssPreprocessor/App.vue'),
   },
   {
-    name: '可视化变化通知',
+    meta: { nameText: '可视化变化通知', },
+    name: "feature-可视化变化通知",
     path: '/feature/VisibleSensorDemo',
     component: () => import('@shijiu/jsview-vue-samples/VisibleSensorDemo/App.vue'),
   },
   {
-    name: '快速刷新的表格布局组件',
+    meta: { nameText: '快速刷新的表格布局组件', },
+    name: "feature-快速刷新的表格布局组件",
     path: '/feature/GridDemo',
     component: () => import('@shijiu/jsview-vue-samples/GridDemo/App.vue'),
   },
   {
-    name: '有命名空间的焦点切换',
+    meta: { nameText: '有命名空间的焦点切换', },
+    name: "feature-有命名空间的焦点切换",
     path: '/feature/BasicFocusControl',
     component: () => import('@shijiu/jsview-vue-samples/BasicFocusControl/App.vue'),
   },
   {
-    name: 'Hash方式路由切换',
+    meta: { nameText: 'Hash方式路由切换', },
+    name: "feature-Hash方式路由切换",
     path: '/feature/HashHistory',
     props: { routePath: '/feature/HashHistory' },
     component: () => import('@shijiu/jsview-vue-samples/HashHistory/App.vue'),
   },
   {
-    name: '翻牌游戏',
+    meta: { nameText: '翻牌游戏', },
+    name: "Game-翻牌游戏",
     path: '/Game/FlipCard',
     component: () => import('@shijiu/jsview-vue-samples/FlipCard/App.vue'),
   },
   {
-    name: '设置颜色空间',
+    meta: { nameText: '设置颜色空间', },
+    name: "feature-设置颜色空间",
     path: '/feature/ColorSpace',
     component: () => import('@shijiu/jsview-vue-samples/ColorSpace/App.vue'),
   },
   {
-    name: '制定Texture尺寸',
+    meta: { nameText: '制定Texture尺寸', },
+    name: "feature-制定Texture尺寸",
     path: '/feature/TextureSize',
     component: () => import('@shijiu/jsview-vue-samples/TextureSize/App.vue'),
   },
   {
-    name: '长文字',
+    meta: { nameText: '长文字', },
+    name: "feature-长文字",
     path: '/feature/LongText',
     component: () => import('@shijiu/jsview-vue-samples/LongText/App.vue'),
   },
   {
-    name: '长文字Latex',
+    meta: { nameText: '长文字Latex', },
+    name: "feature-长文字Latex",
     path: '/feature/LongTextLatex',
     component: () => import('@shijiu/jsview-vue-samples/LongTextLatex/App.vue'),
   },
   {
-    name: '二维码',
+    meta: { nameText: '二维码', },
+    name: "feature-二维码",
     path: '/feature/QrcodeDemo',
     component: () => import('@shijiu/jsview-vue-samples/QrcodeDemo/App.vue'),
   },
   {
-    name: '文字阴影',
+    meta: { nameText: '文字阴影', },
+    name: "feature-文字阴影",
     path: '/feature/TextShadowDemo',
     component: () => import('@shijiu/jsview-vue-samples/TextShadowDemo/App.vue'),
   },
   {
-    name: '多行文字区域内对齐',
+    meta: { nameText: '多行文字区域内对齐', },
+    name: "feature-多行文字区域内对齐",
     path: '/feature/TextBox',
     component: () => import('@shijiu/jsview-vue-samples/TextBox/App.vue'),
   },
   // TODO: 改为FreeMove后再激活
   // {
-  //   name: '抛物运动写法样例',
+  //   meta: { nameText: '抛物运动写法样例', },
   //   path: '/Game/ThrowMoveDemo',
   //   component: () => import('@shijiu/jsview-vue-samples/ThrowMoveDemo/App.vue'),
   // },
   {
-    name: '精灵图',
+    meta: { nameText: '精灵图', },
+    name: "Game-精灵图",
     path: '/Game/SpriteImage',
     component: () => import('@shijiu/jsview-vue-samples/SpriteImage/App.vue'),
   },
   {
-    name: '文字滚动(标题跑马灯)',
+    meta: { nameText: '文字滚动(标题跑马灯)', },
+    name: "feature-文字滚动(标题跑马灯)",
     path: '/feature/Marquee',
     component: () => import('@shijiu/jsview-vue-samples/Marquee/App.vue'),
   },
   {
-    name: '文字输入',
+    meta: { nameText: '文字输入', },
+    name: "feature-文字输入",
     path: '/feature/Input',
     component: () => import('@shijiu/jsview-vue-samples/Input/App.vue'),
   },
   {
-    name: '情景主题效果:雨',
+    meta: { nameText: '情景主题效果:雨', },
+    name: "Operations-情景主题效果:雨",
     path: '/Operations/TombSweepingDayTest',
     component: () => import('@shijiu/jsview-vue-samples/TombSweepingDayTest/App.vue'),
   },
   {
-    name: '.9图焦点框漂移',
+    meta: { nameText: '.9图焦点框漂移', },
+    name: "Operations-.9图焦点框漂移",
     path: '/Operations/NinePatchDemo',
     component: () => import('@shijiu/jsview-vue-samples/NinePatchDemo/App.vue'),
   },
   {
-    name: '动图',
+    meta: { nameText: '动图', },
+    name: "Operations-动图",
     path: '/Operations/AnimPicture',
     component: () => import('@shijiu/jsview-vue-samples/AnimPicture/App.vue'),
   },
   {
-    name: '粒子效果',
+    meta: { nameText: '粒子效果', },
+    name: "Operations-粒子效果",
     path: '/Operations/SprayView',
     component: () => import('@shijiu/jsview-vue-samples/SprayView/App.vue'),
   },
   {
-    name: '长图片',
+    meta: { nameText: '长图片', },
+    name: "Operations-长图片",
     path: '/Operations/LongImage',
     component: () => import('@shijiu/jsview-vue-samples/LongImage/App.vue'),
   },
   {
-    name: '拼图demo',
+    meta: { nameText: '拼图demo', },
+    name: "Operations-拼图demo",
     path: '/Operations/MaskClip',
     component: () => import('@shijiu/jsview-vue-samples/MaskClip/App.vue'),
   },
   {
-    name: 'SoundPool',
+    meta: { nameText: 'SoundPool', },
+    name: "Game-SoundPool",
     path: '/Game/SoundPool',
     component: () => import('@shijiu/jsview-vue-samples/SoundPool/App.vue'),
   },
   {
-    name: 'TextureAnimation',
+    meta: { nameText: 'TextureAnimation', },
+    name: "Operations-TextureAnimation",
     path: '/Operations/TextureAnimation',
     component: () => import('@shijiu/jsview-vue-samples/TextureAnimation/App.vue'),
   },
   {
-    name: '焦点框旋转光效果',
+    meta: { nameText: '焦点框旋转光效果', },
+    name: "Operations-焦点框旋转光效果",
     path: '/Operations/TextureAnimation2',
-    component: () => import('@shijiu/jsview-vue-samples/TextureAnimation/App2.vue'),
+    component: () => import('@shijiu/jsview-vue-samples/TextureAnimation/App3.vue'),
   },
   {
-    name: '公祭日黑白效果',
+    meta: { nameText: '公祭日黑白效果', },
+    name: "Operations-公祭日黑白效果",
     path: '/Operations/GrayDown',
     component: () => import('@shijiu/jsview-vue-samples/FilterDemo/App.vue'),
   },
   {
-    name: '水波特效',
+    meta: { nameText: '水波特效', },
+    name: "Operations-水波特效",
     path: '/Operations/Ripple',
     component: () => import('@shijiu/jsview-vue-samples/Ripple/App.vue'),
   },
   {
-    name: '预加载',
+    meta: { nameText: '预加载', },
+    name: "feature-预加载",
     path: '/feature/Preload',
     component: () => import('@shijiu/jsview-vue-samples/Preload/App.vue'),
   },
   {
-    name: '单图片透明',
+    meta: { nameText: '单图片透明', },
+    name: "feature-单图片透明",
     path: '/feature/ViewOpacity',
     component: () => import('@shijiu/jsview-vue-samples/ViewOpacity/App.vue'),
   },
   {
-    name: '图片缩小算法',
+    meta: { nameText: '图片缩小算法', },
+    name: "feature-图片缩小算法",
     path: '/feature/ScaleDownNeon',
     component: () => import('@shijiu/jsview-vue-samples/ScaleDownNeon/App.vue'),
   },
   {
-    name: '渐变Texture',
+    meta: { nameText: '渐变Texture', },
+    name: "feature-渐变Texture",
     path: '/feature/GradientTexture',
     component: () => import('@shijiu/jsview-vue-samples/GradientTexture/App.vue'),
   },
   {
-    name: '碰撞检测',
+    meta: { nameText: '碰撞检测', },
+    name: "Game-碰撞检测",
     path: '/Game/Collision',
     component: () => import('@shijiu/jsview-vue-samples/Collision/App.vue'),
   },
   {
-    name: '碰撞即停',
+    meta: { nameText: '碰撞即停', },
+    name: "Game-碰撞即停",
     path: '/Game/ImpactStop',
     component: () => import('@shijiu/jsview-vue-samples/ImpactStop/App.vue'),
   },
   {
-    name: '滚动图',
+    meta: { nameText: '滚动图', },
+    name: "Operations-滚动图",
     path: '/Operations/Swiper',
     component: () => import('@shijiu/jsview-vue-samples/Swiper/App.vue'),
   },
   {
-    name: '下载接口示例',
+    meta: { nameText: '下载接口示例', },
+    name: "feature-下载接口示例",
     path: '/feature/JsvPreDownloader',
     component: () => import('@shijiu/jsview-vue-samples/JsvPreDownloader/App.vue'),
   },
   {
-    name: '焦点移动样式',
+    meta: { nameText: '焦点移动样式', },
+    name: "Operations-焦点移动样式",
     path: '/Operations/FocusMoveStyle',
     component: () => import('@shijiu/jsview-vue-samples/FocusMoveStyle/App.vue'),
   },
   {
-    name: 'Mockjs测试',
+    meta: { nameText: 'Mockjs测试', },
+    name: "feature-Mockjs测试",
     path: '/feature/MockjsDemo',
     component: () => import('@shijiu/jsview-vue-samples/MockjsDemo/App.vue'),
   },
   {
-    name: '红包雨',
+    meta: { nameText: '红包雨', },
+    name: "Game-红包雨",
     path: '/Game/GiftRain',
     component: () => import('@shijiu/jsview-vue-samples/GiftRain/App.vue'),
   },
   {
-    name: '雷达图',
+    meta: { nameText: '雷达图', },
+    name: "Game-雷达图",
     path: '/Game/RadarChart',
     component: () => import('@shijiu/jsview-vue-samples/JsvRadarChart/App.vue')
   },
   // TODO: 等改为对接FreeMoveActor后再恢复
   // {
-  //   name: '跑酷游戏',
+  //   meta: { nameText: '跑酷游戏', },
   //   path: '/Game/Parkour',
   //   component: () => import('@shijiu/jsview-vue-samples/Parkour/App.vue')
   // },
   {
-    name: 'Hash参数',
+    meta: { nameText: 'Hash参数', },
+    name: "feature-Hash参数",
     path: '/feature/HashParams',
     component: () => import('@shijiu/jsview-vue-samples/HashParams/App.vue'),
   },
   {
-    name: '按键打断描画',
+    meta: { nameText: '按键打断描画', },
+    name: "feature-按键打断描画",
     path: '/feature/BreakRender',
     component: () => import('@shijiu/jsview-vue-samples/BreakRender/App.vue'),
   },
   {
-    name: 'latex示例',
+    meta: { nameText: 'latex示例', },
+    name: "feature-latex示例",
     path: '/feature/LatexDemo',
     component: () => import('@shijiu/jsview-vue-samples/LatexDemo/App.vue'),
   },
   {
-    name: 'GetRect示例',
+    meta: { nameText: 'GetRect示例', },
+    name: "feature-GetRect示例",
     path: '/feature/GetRect',
     component: () => import('@shijiu/jsview-vue-samples/GetBoundingClientRect/App.vue'),
   },
   {
-    name: '动态Class示例',
+    meta: { nameText: '动态Class示例', },
+    name: "feature-动态Class示例",
     path: '/feature/DynamicClass',
     component: () => import('@shijiu/jsview-vue-samples/DynamicClass/App.vue'),
   },
   {
-    name: 'Class动态切换示例',
+    meta: { nameText: 'Class动态切换示例', },
+    name: "feature-Class动态切换示例",
     path: '/feature/ClassDynamicSwitching',
     component: () => import('@shijiu/jsview-vue-samples/ClassDynamicSwitching/App.vue'),
   },
   {
-    name: 'JsvLine示例',
+    meta: { nameText: 'JsvLine示例', },
+    name: "feature-JsvLine示例",
     path: '/feature/JsvLine',
     component: () => import('@shijiu/jsview-vue-samples/JsvLine/App.vue'),
   },
   // {
-  //   name: 'FreeMove示例',
+  //   meta: { nameText: 'FreeMove示例', },
   //   path: '/feature/FreeMove',
   //   component: () => import('@shijiu/jsview-vue-samples/FreeMove/App.vue'),
   // },
   {
-    name: '思维导图示例',
+    meta: { nameText: '思维导图示例', },
+    name: "feature-思维导图示例",
     path: '/feature/MindMap',
     component: () => import('@shijiu/jsview-vue-samples/MindMap/App.vue'),
   },
   {
-    name: 'latex公式',
+    meta: { nameText: 'latex公式', },
+    name: "feature-latex公式",
     path: '/feature/LatexFormula',
     component: () => import('@shijiu/jsview-vue-samples/LatexFormula/App.vue'),
   },
   {
-    name: 'Swiper3dTest',
+    meta: { nameText: 'Swiper3dTest', },
+    name: "Operations-Swiper3dTest",
     path: '/Operations/Swiper3D',
     component: () => import('@shijiu/jsview-vue-samples/SwiperTest/App.vue'),
   },
   {
-    name: '进度条',
+    meta: { nameText: '进度条', },
+    name: "Operations-进度条",
     path: '/Operations/ProgressBar',
     component: () => import('@shijiu/jsview-vue-samples/ProgressBar/App.vue'),
   },
   {
-    name: '春联测试',
+    meta: { nameText: '春联测试', },
+    name: "Operations-春联测试",
     path: '/Operations/CoupletsTest',
     component: () => import('@shijiu/jsview-vue-samples/CoupletsTest/App.vue'),
   },
   {
-    name: '场景过渡',
+    meta: { nameText: '全屏春联特效', },
+    name: "Operations-全屏春联特效",
+    path: '/Operations/SpringFestival2025',
+    component: () => import('jsview-vue-samples/SpringFestival/App.vue'),
+  },
+  {
+    meta: { nameText: '场景过渡', },
+    name: "Operations-场景过渡",
     path: '/Operations/SceneTransition',
     component: () => import('@shijiu/jsview-vue-samples/SceneTransition/App.vue'),
   },
   {
-    name: '点击Div',
+    meta: { nameText: '点击Div', },
+    name: "touch-点击Div",
     path: '/touch/ClickDivDemo',
     component: () => import('@shijiu/jsview-vue-samples/ClickDivDemo/App.vue'),
   },
   {
-    name: '触控示例',
+    meta: { nameText: '触控示例', },
+    name: "touch-触控示例",
     path: '/touch/TouchWidget',
     component: () => import('@shijiu/jsview-vue-samples/TouchWidget/App.vue'),
   },
   {
-    name: 'DragBox',
+    meta: { nameText: 'DragBox', },
+    name: "touch-DragBox",
     path: '/touch/Box',
     component: () => import('@shijiu/jsview-vue-samples/DragBox/App.vue'),
   },
   // {
-  //   name: 'FreeMove触控磁吸',
+  //   meta: { nameText: 'FreeMove触控磁吸', },
   //   path: '/touch/FreeMoveChildAttract',
   //   component: () => import('@shijiu/jsview-vue-samples/FreeMoveChildAttract/App.vue'),
   // },
   // {
-  //   name: 'FreeMoveLink',
+  //   meta: { nameText: 'FreeMoveLink', },
   //   path: '/touch/FreeMoveLink',
   //   component: () => import('@shijiu/jsview-vue-samples/FreeMoveLink/App.vue'),
   // },
   {
-    name: '可拖拽进度条',
+    meta: { nameText: '可拖拽进度条', },
+    name: "touch-可拖拽进度条",
     path: '/touch/ScrollBoxTest',
     component: () => import('@shijiu/jsview-vue-samples/ScrollBoxTest/App.vue'),
   },
   // {
-  //   name: '透视镜效果样例',
+  //   meta: { nameText: '透视镜效果样例', },
   //   path: '/Operations/DriftScopeTest',
   //   component: () => import('@shijiu/jsview-vue-samples/DriftScopeTest/App.vue'),
   // },
   {
-    name: '自定义shader',
+    meta: { nameText: '自定义shader', },
+    name: "Operations-自定义shader",
     path: '/Operations/CustomShader',
     component: () => import('@shijiu/jsview-vue-samples/CustomShader/App.vue'),
   },
+  {
+    meta: { nameText: '虚线框测试用例', },
+    name: "Operations-虚线框测试用例",
+    path: '/Operations/DashPath',
+    component: () => import('@shijiu/jsview-vue-samples/DashPath/App.vue'),
+  },
 ];
 
 //添加MetroWidget demo
-routeList = routeList.concat(metroWidgetRouteList);
+routeList = routeList
+  .concat(metroWidgetRouteList)
+  .concat(demoForOperatorRouteList);
 
 const router = createRouter({
   // 浏览器调试和盒子上都可以使用功能与WebHashHistory相同的jsvCreateHashHistory(推荐)
@@ -410,5 +504,8 @@ const router = createRouter({
   history: jsvCreateHashHistory(),
   routes: routeList,
 });
+router.beforeEach((to, from) => {
+  console.log("router beforeEach", to, from);
+})
 
 export { router }

package/DemoHomepage/views/Homepage.vue

@@ -16,11 +16,12 @@ const metroWidgetData = [];
 const operationsData = [];
 const gameData = [];
 const touchTestData = [];
+const operatorData = [];
 
 const routeList = useRouter().getRoutes();
 for (let item of routeList) {
   let obj = {
-    name: item.name,
+    name: item.meta.nameText,
     path: item.path,
     width: 300,
     height: 100,
@@ -41,6 +42,9 @@ for (let item of routeList) {
   } else if (item.path.indexOf("/touch/") >= 0) {
     obj.backgroundColor = colorTemplete[touchTestData.length % 4];
     touchTestData.push(obj);
+  } else if (item.path.indexOf("/operator/") >= 0) {
+    obj.backgroundColor = colorTemplete[operatorData.length % 4];
+    operatorData.push(obj);
   }
 }
 const dataList = [
@@ -49,6 +53,7 @@ const dataList = [
   operationsData,
   touchTestData,
   gameData,
+  operatorData,
 ];
 
 // 控制v-show
@@ -218,7 +223,7 @@ onDeactivated(() => {
 }
 
 .logo {
-  top: 10;
+  top: 60;
   width: 1260;
   height: 30;
   color: #00ff00;

package/DivMetroPerformance/data.js

@@ -89,7 +89,7 @@ for (let i = 0; i < 50; i++) {
     savePrize: `${i}`,
     soldTotal: `${Math.floor(Math.random() * 50000)}`,
     pictUrl:
-      "http://img.alicdn.com/bao/uploaded/i3/2207313464483/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
+      "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/DivMetroPerformance/data/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
   }));
 }
 
@@ -103,7 +103,7 @@ for (let i = 0; i < 49; i++) {
     savePrize: `${i}`,
     soldTotal: `${Math.floor(Math.random() * 50000)}`,
     pictUrl:
-      "http://img.alicdn.com/bao/uploaded/i3/2207313464483/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
+      "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/DivMetroPerformance/data/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
   }));
 }
 
@@ -117,7 +117,7 @@ for (let i = 0; i < 48; i++) {
     savePrize: `${i}`,
     soldTotal: `${Math.floor(Math.random() * 50000)}`,
     pictUrl:
-      "http://img.alicdn.com/bao/uploaded/i3/2207313464483/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
+      "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/DivMetroPerformance/data/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
   }));
 }