瀏覽代碼

no message

DESKTOP-70VPDLK\Administrator 1 年之前
父節點
當前提交
d72a4af9e1
共有 100 個文件被更改,包括 9 次插入4088 次删除
  1. 0 1
      index.html
  2. 2 2
      main.js
  3. 1 1
      manifest.json
  4. 0 0
      page_task/components/en-from/en-radio/en-radio.vue
  5. 0 0
      page_task/components/en-from/en-select/en-select.vue
  6. 2 2
      page_task/task_details/module/send_chat.vue
  7. 2 2
      page_task/task_details/task_details.vue
  8. 2 2
      pages/statistics/module/head_filter.vue
  9. 二進制
      static/img/index/index-bg.png
  10. 二進制
      static/img/index/system-bg.png
  11. 二進制
      static/img/information/Group 2122.png
  12. 二進制
      static/img/information/Group 2123.png
  13. 二進制
      static/img/information/Mask group.png
  14. 二進制
      static/img/information/paizhao 1.png
  15. 二進制
      static/img/login/await_bg.png
  16. 二進制
      static/img/statistics/Vector 236.png
  17. 二進制
      static/img/statistics/champion.png
  18. 二進制
      static/img/statistics/one.png
  19. 二進制
      static/img/statistics/runner-up.png
  20. 二進制
      static/img/statistics/stat-calendar.png
  21. 二進制
      static/img/statistics/stat-down.png
  22. 二進制
      static/img/statistics/stat-loan.png
  23. 二進制
      static/img/statistics/stat-noloan.png
  24. 二進制
      static/img/statistics/stat-num.png
  25. 二進制
      static/img/statistics/stat-sign.png
  26. 二進制
      static/img/statistics/stat-up.png
  27. 二進制
      static/img/statistics/statistics-bg.png
  28. 二進制
      static/img/statistics/statistics-bg2.png
  29. 二進制
      static/img/statistics/task-four.png
  30. 二進制
      static/img/statistics/task-one.png
  31. 二進制
      static/img/statistics/task-three.png
  32. 二進制
      static/img/statistics/task-two.png
  33. 二進制
      static/img/statistics/third.png
  34. 二進制
      static/img/statistics/three.png
  35. 二進制
      static/img/statistics/two.png
  36. 二進制
      static/img/statistics/white-arrow.png
  37. 二進制
      static/img/task-details/Group 1912.png
  38. 二進制
      static/img/task-details/Group 2132.png
  39. 二進制
      static/img/task-details/Group 2134.png
  40. 0 0
      static/img/task-details/Maskoup.png
  41. 二進制
      static/img/task-details/bg-four.png
  42. 二進制
      static/img/task-details/bg-one.png
  43. 二進制
      static/img/task-details/bg-three.png
  44. 二進制
      static/img/task-details/bg-two.png
  45. 二進制
      static/img/task-details/close.png
  46. 二進制
      static/img/task-details/front.png
  47. 二進制
      static/img/task-details/head.png
  48. 二進制
      static/img/task-details/icon-four.png
  49. 二進制
      static/img/task/details-bg.png
  50. 二進制
      static/img/task/task-nav-bg.png
  51. 0 0
      static/js/jweixin-1.2.0.js
  52. 0 0
      static/js/jwxwork-1.0.0.js
  53. 0 28
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/App.vue
  54. 0 21
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/LICENSE
  55. 0 73
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/README.md
  56. 0 125
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/common/js/config.js
  57. 0 16
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/common/js/data.js
  58. 0 102
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/common/style/icon.css
  59. 0 30
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/common/style/var.scss
  60. 0 52
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/components/DemoBlock/DemoBlock.vue
  61. 0 85
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/components/DemoHome/DemoHome.vue
  62. 0 104
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/components/DemoHomeNav/DemoHomeNav.vue
  63. 0 44
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/components/DemoItem/DemoItem.vue
  64. 0 35
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/main.js
  65. 0 110
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/manifest.json
  66. 0 19
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/package.json
  67. 0 169
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages.json
  68. 0 51
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/autoplay/index.vue
  69. 0 81
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/base/index.vue
  70. 0 110
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/cards/index.vue
  71. 0 60
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/carousel/index.vue
  72. 0 87
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/controller/index.vue
  73. 0 95
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/coverflow/index.vue
  74. 0 130
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/creative/index.vue
  75. 0 83
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/cube/index.vue
  76. 0 521
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/debug/index.vue
  77. 0 28
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/demos/carousel/index.vue
  78. 0 235
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/demos/paper/index.vue
  79. 0 279
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/demos/travel-slider/index.vue
  80. 0 71
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/fade/index.vue
  81. 0 60
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/flip/index.vue
  82. 0 68
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/index/index.vue
  83. 0 219
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/indicator-custom/index.vue
  84. 0 93
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/indicator/index.vue
  85. 0 30
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/loop/index.vue
  86. 0 68
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/panorama/index.vue
  87. 0 79
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/scrollbar/index.vue
  88. 0 97
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/switcher/index.vue
  89. 0 83
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/thumbs/index.vue
  90. 0 60
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/virtual/index.vue
  91. 0 1
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/banks.svg
  92. 0 1
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/business.svg
  93. 0 1
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/checkmark.svg
  94. 0 6
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/earth.svg
  95. 二進制
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/egypt.jpg
  96. 0 88
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/egypt.svg
  97. 二進制
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/england.jpg
  98. 0 177
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/england.svg
  99. 二進制
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/france.jpg
  100. 0 103
      zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/france.svg

+ 0 - 1
index.html

@@ -17,7 +17,6 @@
     <!--app-html-->
   </div>
   <script type="module" src="/main.js"></script>
-  <script type="module" src="/static/js/jwxwork-1.0.0.js"></script>
 </body>
 
 </html>

+ 2 - 2
main.js

@@ -24,7 +24,7 @@ import Enblank from './components/en-utils/en-blank/en-blank.vue'
 // scroll-view组件
 import EnScroll from './components/en-scroll/en-scroll.vue'
 // 单选
-import EnRadio from './components/en-from/en-radio/en-radio.vue'
+import EnRadio from './page_task/components/en-from/en-radio/en-radio.vue'
 
 Vue.component('Search', Search)
 Vue.component('Nav', Nav)
@@ -65,4 +65,4 @@ export function createApp() {
 		app,
 	}
 }
-// #endif
+// #endif

+ 1 - 1
manifest.json

@@ -1,6 +1,6 @@
 {
     "name" : "万汇融通云",
-    "appid" : "__UNI__E870E93",
+    "appid" : "__UNI__E819C2B",
     "description" : "",
     "versionName" : "1.0.13",
     "versionCode" : 101,

+ 0 - 0
components/en-from/en-radio/en-radio.vue → page_task/components/en-from/en-radio/en-radio.vue


+ 0 - 0
components/en-utils/en-select/en-select.vue → page_task/components/en-from/en-select/en-select.vue


+ 2 - 2
page_task/task_details/module/send_chat.vue

@@ -12,7 +12,7 @@
 					<image class="delete-iocn wh-25" src="/static/img/information/hint-subtract.png" mode="" @click.stop="shutImg(pIndex)"></image>
 				</view>
 				<view class="add-image column-c justify-center m-t20" @click.stop="showUploadingImg(true)">
-					<image class="wh-45" src="/static/img/task-details/Mask oup.png" mode=""></image>
+					<image class="wh-45" src="/static/img/task-details/Maskoup.png" mode=""></image>
 					<text class="size-24 text-color-666">视频/图片</text>
 				</view>
 			</view>
@@ -281,4 +281,4 @@
 		display: inline-block;
 		margin-bottom: 10rpx;
 	}
-</style>
+</style>

+ 2 - 2
page_task/task_details/task_details.vue

@@ -106,7 +106,7 @@
     getStageList,
     getTaskDetail, setExecute, takeTask
   } from "@/api/task";
-  import EnSelect from "@/components/en-utils/en-select/en-select.vue";
+  import EnSelect from "@/page_task/components/en-from/en-select/en-select.vue";
 
 	export default {
 		components: {
@@ -390,4 +390,4 @@
 	.swiper-wrapper {
 		z-index: 0 !important;
 	}
-</style>
+</style>

+ 2 - 2
pages/statistics/module/head_filter.vue

@@ -37,7 +37,7 @@
 	</view>
 </template>
 <script>
-	import EnSelect from "@/components/en-utils/en-select/en-select.vue";
+	import EnSelect from "@/page_task/components/en-from/en-select/en-select.vue";
 	import tools from "@/service/tools";
 
 	export default {
@@ -235,4 +235,4 @@
 	.open {
 		transform: rotateZ(180deg);
 	}
-</style>
+</style>

二進制
static/img/index/index-bg.png


二進制
static/img/index/system-bg.png


二進制
static/img/information/Group 2122.png


二進制
static/img/information/Group 2123.png


二進制
static/img/information/Mask group.png


二進制
static/img/information/paizhao 1.png


二進制
static/img/login/await_bg.png


二進制
static/img/statistics/Vector 236.png


二進制
static/img/statistics/champion.png


二進制
static/img/statistics/one.png


二進制
static/img/statistics/runner-up.png


二進制
static/img/statistics/stat-calendar.png


二進制
static/img/statistics/stat-down.png


二進制
static/img/statistics/stat-loan.png


二進制
static/img/statistics/stat-noloan.png


二進制
static/img/statistics/stat-num.png


二進制
static/img/statistics/stat-sign.png


二進制
static/img/statistics/stat-up.png


二進制
static/img/statistics/statistics-bg.png


二進制
static/img/statistics/statistics-bg2.png


二進制
static/img/statistics/task-four.png


二進制
static/img/statistics/task-one.png


二進制
static/img/statistics/task-three.png


二進制
static/img/statistics/task-two.png


二進制
static/img/statistics/third.png


二進制
static/img/statistics/three.png


二進制
static/img/statistics/two.png


二進制
static/img/statistics/white-arrow.png


二進制
static/img/task-details/Group 1912.png


二進制
static/img/task-details/Group 2132.png


二進制
static/img/task-details/Group 2134.png


+ 0 - 0
static/img/task-details/Mask oup.png → static/img/task-details/Maskoup.png


二進制
static/img/task-details/bg-four.png


二進制
static/img/task-details/bg-one.png


二進制
static/img/task-details/bg-three.png


二進制
static/img/task-details/bg-two.png


二進制
static/img/task-details/close.png


二進制
static/img/task-details/front.png


二進制
static/img/task-details/head.png


二進制
static/img/task-details/icon-four.png


二進制
static/img/task/details-bg.png


二進制
static/img/task/task-nav-bg.png


文件差異過大導致無法顯示
+ 0 - 0
static/js/jweixin-1.2.0.js


文件差異過大導致無法顯示
+ 0 - 0
static/js/jwxwork-1.0.0.js


+ 0 - 28
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/App.vue

@@ -1,28 +0,0 @@
-<script>
-	export default {
-		onLaunch: function() {
-			console.log('App Launch')
-		},
-		onShow: function() {
-			console.log('App Show')
-		},
-		onHide: function() {
-			console.log('App Hide')
-		}
-	}
-</script>
-
-<style>
-	::-webkit-scrollbar {
-		width: 0;
-		background: transparent;
-	}
-
-	page {
-		background-color: #e4ebf5;
-	}
-	
-	.demo-swiper{
-		padding-bottom: 16rpx;
-	}
-</style>

+ 0 - 21
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 zebra-ui
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

+ 0 - 73
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/README.md

@@ -1,73 +0,0 @@
-<p align="center">
-	<img alt="logo" src="https://assets-1256020106.cos.ap-beijing.myqcloud.com/zebra-swiper/logo.png" width="220" style="margin-bottom: 10px;">
-</p>
-
-<h1 align="center">ZebraSwiper</h1>
-
-<p align="center">基于uniapp,全面对标swiper,并实现全端兼容。</p>
-
-<p align="center">
-	🔥 <a href="https://swiper.zebraui.com/">文档网站</a>
-	&nbsp;
-	&nbsp;
-	🚀 <a href="https://zebraui.com/" target="_blank">zebraUI组件库</a>
-</p>
-
-## 介绍
-
-[zebra-swiper](https://github.com/zebra-ui/zebra-uniapp-swiper) 是基于uniapp开发的一款移动端轮播组件,旨在实现一些复杂的轮播交互。
-
-## 特性
-
-- 全面对标swiper,并实现全端兼容
-- 兼容多端,小程序也可实现3D轮播效果
-- 可自定义3D效果
-- 多种示例可供参考
-
-## 安装
-
-### npm方式
-
-```bash
-npm i @zebra-ui/swiper
-```
-
-```js
-// pages.json
-
-{
-  "easycom": {
-    "autoscan": true,
-    "custom": {
-      "^z-(.*)": "@zebra-ui/swiper/components/z-$1/z-$1.vue"
-    }
-  },
-	"pages": [...],
-	"globalStyle": {...}
-}
-```
-
-### uni_modules方式
-
-[插件市场](https://ext.dcloud.net.cn/plugin?id=7273)直接导入即可
-
-## 手机预览
-
-<div>
-	<img alt="wx" src="https://assets-1256020106.cos.ap-beijing.myqcloud.com/zebra-swiper/wx.jpg" width="200" />
-	<img alt="ali" src="https://assets-1256020106.cos.ap-beijing.myqcloud.com/zebra-swiper/ali.jpg" width="200" />
-	<img alt="h5" src="https://assets-1256020106.cos.ap-beijing.myqcloud.com/zebra-swiper/h5.png" width="200" />
-</div>
-
-## 预览
-<div style="display:flex;flex-wrap:wrap;margin-top:30px;">
- <img alt="gif" src="https://assets-1256020106.file.myqcloud.com/zebra-swiper/show/total1.gif" width="300" style="margin:20px;" />
- <img alt="gif" src="https://assets-1256020106.file.myqcloud.com/zebra-swiper/show/total2.gif" width="300" style="margin:20px;" />
- <img alt="gif" src="https://assets-1256020106.file.myqcloud.com/zebra-swiper/show/total3.gif" width="300" style="margin:20px;" />
-</div>
-
-## 群
-
-QQ群:947159437
-
-![image](https://assets-1256020106.cos.ap-beijing.myqcloud.com/zebra-swiper/zebra-swiper-group-code.png)

+ 0 - 125
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/common/js/config.js

@@ -1,125 +0,0 @@
-export default [{
-		groupName: "基础轮播",
-		list: [{
-				path: "/base",
-				title: "Base 基础",
-				image: "basic",
-			},
-			{
-				path: "/carousel",
-				title: "Carousel 轮播块",
-				image: "carousel",
-			},
-			{
-				path: "/loop",
-				title: "Loop 循环",
-				image: "loop",
-			},
-			{
-				path: "/autoplay",
-				title: "Autoplay 播放",
-				image: "autoplay",
-			},
-			{
-				path: "/switcher",
-				title: "Switcher 切换器",
-				image: "switcher",
-			},
-			{
-				path: "/thumbs",
-				title: "Thumbs 缩略图",
-				image: "thumbs",
-			},
-			{
-				path: "/scrollbar",
-				title: "Scrollbar 滚动条",
-				image: "scrollbar",
-			},
-			{
-				path: '/virtual',
-				title: 'Virtual 虚拟',
-				image: 'virtual'
-			},
-		],
-	},
-	{
-		groupName: "切换效果",
-		list: [{
-				path: "/fade",
-				title: "Fade 淡入",
-				image: "fade",
-			},
-			{
-				path: "/cube",
-				title: "Cube 方块",
-				image: "cube",
-			},
-			{
-				path: "/coverflow",
-				title: "CoverFlow 3D流",
-				image: "coverflow",
-			},
-			{
-				path: "/flip",
-				title: "Flip 3D翻转",
-				image: "flip",
-			},
-			{
-				path: "/cards",
-				title: "Cards 卡片式",
-				image: "cards",
-			},
-			{
-				path: "/panorama",
-				title: "Panorama 全景",
-				image: "panorama",
-			},
-			{
-				path: "/creative",
-				title: "Creative 创意性",
-				image: "creative",
-			},
-		],
-	},
-	{
-		groupName: "指示器",
-		list: [{
-				path: "/indicator",
-				title: "Indicator 指示器",
-				image: "indicator",
-			},
-			{
-				path: "/indicator-custom",
-				title: "IndicatorCustom 自定义",
-				image: "indicator",
-			},
-		],
-	},
-	{
-		groupName: "控制器",
-		list: [{
-			path: "/controller",
-			title: "Controller 控制器",
-			image: "controller",
-		}],
-	},
-	{
-		groupName: "高级案例",
-		list: [{
-				path: "/demos/travel-slider",
-				title: "TravelSlider 地球",
-				image: "travel",
-			},
-			{
-				path: "/demos/paper",
-				title: "Paper 开屏页",
-				image: "paper",
-			},
-			{
-				path: "/demos/carousel",
-				title: "Carousel 层叠",
-				image: "stack",
-			},
-		],
-	},
-];

+ 0 - 16
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/common/js/data.js

@@ -1,16 +0,0 @@
-export default [{
-	background: '#213DD3',
-	text: 'slide1'
-}, {
-	background: '#7ED321',
-	text: 'slide2'
-}, {
-	background: '#D32160',
-	text: 'slide3'
-}, {
-	background: '#D36021',
-	text: 'slide4'
-}, {
-	background: '#50E3C2',
-	text: 'slide5'
-}]

+ 0 - 102
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/common/style/icon.css

@@ -1,102 +0,0 @@
-@font-face {
-  font-family: "iconfont"; /* Project id 3161382 */
-  src: url('https://at.alicdn.com/t/c/font_3161382_ag4l7sp1cte.woff2?t=1693562772775') format('woff2'),
-       url('https://at.alicdn.com/t/c/font_3161382_ag4l7sp1cte.woff?t=1693562772775') format('woff'),
-       url('https://at.alicdn.com/t/c/font_3161382_ag4l7sp1cte.ttf?t=1693562772775') format('truetype');
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.zebra-icon-virtual:before {
-  content: "\e60b";
-}
-
-.zebra-icon-controller:before {
-  content: "\e780";
-}
-
-.zebra-icon-stack:before {
-  content: "\e698";
-}
-
-.zebra-icon-fade:before {
-  content: "\e71d";
-}
-
-.zebra-icon-loop:before {
-  content: "\e637";
-}
-
-.zebra-icon-cube:before {
-  content: "\e7fb";
-}
-
-.zebra-icon-creative:before {
-  content: "\e652";
-}
-
-.zebra-icon-indicator:before {
-  content: "\e64c";
-}
-
-.zebra-icon-coverflow:before {
-  content: "\e672";
-}
-
-.zebra-icon-scrollbar:before {
-  content: "\e7bd";
-}
-
-.zebra-icon-switcher:before {
-  content: "\e61f";
-}
-
-.zebra-icon-autoplay:before {
-  content: "\ea82";
-}
-
-.zebra-icon-carousel:before {
-  content: "\e668";
-}
-
-.zebra-icon-basic:before {
-  content: "\e60e";
-}
-
-.zebra-icon-thumbs:before {
-  content: "\e635";
-}
-
-.zebra-icon-cards:before {
-  content: "\e600";
-}
-
-.zebra-icon-flip:before {
-  content: "\e65f";
-}
-
-.zebra-icon-travel:before {
-  content: "\e746";
-}
-
-.zebra-icon-panorama:before {
-  content: "\e62c";
-}
-
-.zebra-icon-paper:before {
-  content: "\e60d";
-}
-
-.zebra-icon-circle_chevron_left:before {
-  content: "\e611";
-}
-
-.zebra-icon-circle_chevron_right:before {
-  content: "\e615";
-}

+ 0 - 30
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/common/style/var.scss

@@ -1,30 +0,0 @@
-$zebra-doc-black: #323233;
-$zebra-doc-blue: #1989fa;
-$zebra-doc-purple: #8080ff;
-$zebra-doc-fuchsia: #a7419e;
-$zebra-doc-green: #4fc08d;
-$zebra-doc-text-color: #34495e;
-$zebra-doc-text-light-blue: rgba(69, 90, 100, 0.6);
-$zebra-doc-background-color: #f7f8fa;
-$zebra-doc-grey: #999;
-$zebra-doc-dark-grey: #666;
-$zebra-doc-light-grey: #ccc;
-$zebra-doc-border-color: #f1f4f8;
-$zebra-doc-code-color: #58727e;
-$zebra-doc-code-background-color: #f1f4f8;
-$zebra-doc-code-font-family: "Source Code Pro", "Monaco", "Inconsolata",
-  monospace;
-$zebra-doc-padding: 60rpx;
-$zebra-doc-row-max-width: 1680rpx;
-$zebra-doc-nav-width: 440rpx;
-$zebra-doc-border-radius: 24rpx;
-
-// header
-$zebra-doc-header-top-height: 120rpx;
-$zebra-doc-header-bottom-height: 100rpx;
-
-// simulator
-$zebra-doc-simulator-width: 720rpx;
-$zebra-doc-simulator-small-width: 640rpx;
-$zebra-doc-simulator-height: 1240rpx;
-$zebra-doc-simulator-small-height: 1120rpx;

+ 0 - 52
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/components/DemoBlock/DemoBlock.vue

@@ -1,52 +0,0 @@
-<template>
-	<view class="zebra-doc-demo-block">
-		<view v-if="title" class="zebra-doc-demo-block__title">{{ title }}</view>
-		<view v-if="card" class="zebra-doc-demo-block__card">
-			<slot />
-		</view>
-		<slot v-else />
-	</view>
-</template>
-
-<script>
-	export default {
-		name: "demo-block",
-		props: {
-			card: {
-				type: Boolean,
-				default: true,
-			},
-			title: String,
-		},
-	};
-</script>
-
-<style lang="scss">
-	@import "../../common/style/var";
-
-	.zebra-doc-demo-block {
-		margin: 30rpx;
-		border-radius: 10rpx;
-		overflow: hidden;
-		background: #e4ebf5;
-		box-shadow: 10rpx 10rpx 20rpx #cbd1da, -10rpx -10rpx 20rpx #fdffff;
-
-		&__title {
-			margin: 0;
-			padding: 30rpx;
-			color: $zebra-doc-text-light-blue;
-			font-weight: normal;
-			font-size: 28rpx;
-			line-height: 32rpx;
-			border-bottom: 2rpx solid $zebra-doc-background-color;
-		}
-
-		&__card {
-			padding: 30rpx;
-		}
-
-		&__title+&__card {
-			margin-top: 0;
-		}
-	}
-</style>

+ 0 - 85
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/components/DemoHome/DemoHome.vue

@@ -1,85 +0,0 @@
-<template>
-	<view class="demo-home">
-		<view class="demo-home__title">
-			<image mode="aspectFit" class="demo-home__image" src="../../static/logo.png" />
-		</view>
-		<view class="demo-home__desc">
-			适配多端的高自定义轮播组件,全面对标swiperjs并兼容全端
-		</view>
-		<view v-for="(group, index) in list" :key="index">
-			<demo-home-nav :group="group" />
-		</view>
-	</view>
-</template>
-
-<script>
-	import DemoHomeNav from "../DemoHomeNav/DemoHomeNav.vue";
-	export default {
-		props: {
-			list: {
-				type: Array,
-				default: function() {
-					return [];
-				},
-			},
-		},
-		components: {
-			DemoHomeNav,
-		},
-		data() {
-			return {
-				title: "Hello",
-			};
-		},
-		onLoad() {},
-		methods: {},
-	};
-</script>
-
-<style scoped lang="scss">
-	.demo-home {
-		box-sizing: border-box;
-		width: 100%;
-		min-height: 100vh;
-		padding: 92rpx 40rpx 40rpx;
-		background-color: #e4ebf5;
-	}
-
-	.demo-home__title,
-	.demo-home__desc {
-		padding-left: 32rpx;
-		font-weight: normal;
-		line-height: 42rpx;
-		user-select: none;
-	}
-
-	.demo-home__title {
-		margin: 0 0 32rpx;
-		font-size: 64rpx;
-	}
-
-	.demo-home__image,
-	.demo-home__text {
-		display: inline-block;
-	}
-
-	.demo-home__image {
-		width: 500rpx;
-		height: 152rpx;
-	}
-
-	.demo-home__text {
-		margin-left: 32rpx;
-		font-weight: 500;
-	}
-
-	.demo-home__title .demo-home--small {
-		font-size: 48rpx;
-	}
-
-	.demo-home__desc {
-		margin: 0 0 80rpx;
-		color: rgba(69, 90, 100, 0.6);
-		font-size: 28rpx;
-	}
-</style>

+ 0 - 104
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/components/DemoHomeNav/DemoHomeNav.vue

@@ -1,104 +0,0 @@
-<template>
-	<view class="demo-home-nav">
-		<view class="demo-home-nav__title">{{ group.groupName }}</view>
-		<view class="demo-home-nav__group">
-			<view v-for="(item, index) in group.list" :key="index" class="demo-home-nav__block" @click="onClick(item.path)">
-				<!-- <image class="image" :src="item.image"></image> -->
-				<view class="block-card">
-					<view class="block-card-icon">
-						<view :class="[
-                'iconfont',
-                'card-icon-content',
-                'zebra-icon-' + item.image,
-              ]" />
-						<view class="block-card-title">
-							{{ item.title.split(" ")[1] }}
-						</view>
-						<view class="block-card-text">
-							{{ item.title.split(" ")[0] }}
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		props: {
-			group: {
-				type: Object,
-				default: function() {
-					return null;
-				},
-			},
-		},
-		methods: {
-			onClick(event) {
-				const url = `/pages${event}/index`;
-				if (getCurrentPages().length > 9) {
-					uni.redirectTo({
-						url,
-					});
-				} else {
-					uni.navigateTo({
-						url,
-					});
-				}
-			},
-		},
-	};
-</script>
-
-<style scoped lang="scss">
-	@import "@/common/style/icon.css";
-
-	.card-icon-content {
-		color: #1874ca;
-		font-size: 78rpx;
-	}
-
-	.demo-home-nav__title {
-		margin: 0 32rpx;
-		color: rgba(69, 90, 100, 0.6);
-		font-size: 14px;
-	}
-
-	.demo-home-nav__group {
-		display: flex;
-		flex-wrap: wrap;
-		padding: 20rpx 0;
-	}
-
-	.demo-home-nav__block {
-		width: 330rpx;
-		height: 300rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-
-		.block-card {
-			width: 240rpx;
-			height: 240rpx;
-			box-shadow: 12rpx 12rpx 24rpx #bec8e4, -12rpx -12rpx 24rpx #fff;
-			border-radius: 26rpx;
-			background-color: #e4ebf5;
-			box-sizing: border-box;
-			padding: 30rpx;
-
-			.block-card-title {
-				margin-top: 20rpx;
-				font-weight: bold;
-				font-size: 36rpx;
-				color: #1874ca;
-			}
-
-			.block-card-text {
-				margin-top: 14rpx;
-				font-size: 22rpx;
-				color: rgba(69, 90, 100, 0.6);
-			}
-		}
-	}
-</style>

+ 0 - 44
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/components/DemoItem/DemoItem.vue

@@ -1,44 +0,0 @@
-<template>
-	<view class="item" :style="[getStyle()]">
-		{{item.text}}
-	</view>
-</template>
-
-<script>
-	export default {
-		name: "demo-item",
-		props: {
-			item: {
-				type: [Object, String],
-				default: () => {}
-			},
-			height: {
-				type: String,
-				default: '300rpx'
-			},
-			customStyle: {
-				type: Object,
-				default: () => {}
-			}
-		},
-		methods: {
-			getStyle() {
-				return {
-					background: this.item.background,
-					height: this.height,
-					...this.customStyle
-				}
-			}
-		}
-	};
-</script>
-
-<style lang="scss" scoped>
-	.item {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 100%;
-		color: #ffffff;
-	}
-</style>

+ 0 - 35
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/main.js

@@ -1,35 +0,0 @@
-import App from './App'
-
-// #ifndef VUE3
-import Vue from 'vue'
-Vue.config.productionTip = false
-import DemoBlock from '@/components/DemoBlock/DemoBlock.vue';
-import DemoItem from '@/components/DemoItem/DemoItem.vue';
-Vue.component('demo-block', DemoBlock)
-Vue.component('demo-item', DemoItem)
-App.mpType = 'app'
-const app = new Vue({
-	...App
-})
-app.$mount()
-// #endif
-
-// #ifdef VUE3
-import {
-	createSSRApp
-} from 'vue'
-
-import DemoBlock from '@/components/DemoBlock/DemoBlock.vue';
-import DemoItem from '@/components/DemoItem/DemoItem.vue';
-
-export function createApp() {
-	const app = createSSRApp(App)
-
-	app.component('demo-block', DemoBlock)
-	app.component('demo-item', DemoItem)
-
-	return {
-		app
-	}
-}
-// #endif

+ 0 - 110
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/manifest.json

@@ -1,110 +0,0 @@
-{
-    "name" : "zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例",
-    "appid" : "__UNI__FC8AE79",
-    "description" : "适配多端的高自定义轮播组件",
-    "versionName" : "1.0.0",
-    "versionCode" : "100",
-    "transformPx" : false,
-    "app-plus" : {
-        "usingComponents" : true,
-        "nvueStyleCompiler" : "uni-app",
-        "compilerVersion" : 3,
-        "splashscreen" : {
-            "alwaysShowBeforeRender" : true,
-            "waiting" : true,
-            "autoclose" : true,
-            "delay" : 0
-        },
-        "modules" : {},
-        "distribute" : {
-            "android" : {
-                "permissions" : [
-                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
-                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
-                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
-                ]
-            },
-            "ios" : {},
-            "sdkConfigs" : {
-                "ad" : {}
-            },
-            "icons" : {
-                "android" : {
-                    "hdpi" : "unpackage/res/icons/72x72.png",
-                    "xhdpi" : "unpackage/res/icons/96x96.png",
-                    "xxhdpi" : "unpackage/res/icons/144x144.png",
-                    "xxxhdpi" : "unpackage/res/icons/192x192.png"
-                },
-                "ios" : {
-                    "appstore" : "unpackage/res/icons/1024x1024.png",
-                    "ipad" : {
-                        "app" : "unpackage/res/icons/76x76.png",
-                        "app@2x" : "unpackage/res/icons/152x152.png",
-                        "notification" : "unpackage/res/icons/20x20.png",
-                        "notification@2x" : "unpackage/res/icons/40x40.png",
-                        "proapp@2x" : "unpackage/res/icons/167x167.png",
-                        "settings" : "unpackage/res/icons/29x29.png",
-                        "settings@2x" : "unpackage/res/icons/58x58.png",
-                        "spotlight" : "unpackage/res/icons/40x40.png",
-                        "spotlight@2x" : "unpackage/res/icons/80x80.png"
-                    },
-                    "iphone" : {
-                        "app@2x" : "unpackage/res/icons/120x120.png",
-                        "app@3x" : "unpackage/res/icons/180x180.png",
-                        "notification@2x" : "unpackage/res/icons/40x40.png",
-                        "notification@3x" : "unpackage/res/icons/60x60.png",
-                        "settings@2x" : "unpackage/res/icons/58x58.png",
-                        "settings@3x" : "unpackage/res/icons/87x87.png",
-                        "spotlight@2x" : "unpackage/res/icons/80x80.png",
-                        "spotlight@3x" : "unpackage/res/icons/120x120.png"
-                    }
-                }
-            }
-        }
-    },
-    "quickapp" : {},
-    "mp-weixin" : {
-        "appid" : "",
-        "setting" : {
-            "urlCheck" : false
-        },
-        "usingComponents" : true
-    },
-    "mp-alipay" : {
-        "usingComponents" : true,
-        "appid" : "2021003114603720"
-    },
-    "mp-baidu" : {
-        "usingComponents" : true
-    },
-    "mp-toutiao" : {
-        "usingComponents" : true
-    },
-    "uniStatistics" : {
-        "enable" : false
-    },
-    "vueVersion" : "3",
-    "h5" : {
-        "template" : "template.h5.html",
-        "title" : "zebra-swiper",
-        "router" : {
-            "base" : "/h5/",
-            "mode" : "history"
-        }
-    },
-    "mp-qq" : {
-        "appid" : "1112174302"
-    }
-}

+ 0 - 19
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/package.json

@@ -1,19 +0,0 @@
-{
-  "name": "zebra-swiper",
-  "version": "1.0.0",
-  "description": "zebra-swiper示例项目",
-  "main": "main.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/zebra-ui/zebra-swiper.git"
-  },
-  "author": "zebra-ui",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/zebra-ui/zebra-swiper/issues"
-  },
-  "homepage": "https://github.com/zebra-ui/zebra-swiper/blob/master/README.md"
-}

+ 0 - 169
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages.json

@@ -1,169 +0,0 @@
-{
-	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
-		{
-			"path": "pages/index/index",
-			"style": {
-				"navigationStyle": "custom",
-				"navigationBarTitleText": "zebra-swiper"
-			}
-		}, {
-			"path": "pages/base/index",
-			"style": {
-				"navigationBarTitleText": "基础轮播",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/fade/index",
-			"style": {
-				"navigationBarTitleText": "淡入",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/cube/index",
-			"style": {
-				"navigationBarTitleText": "方块",
-				"enablePullDownRefresh": false
-			}
-		}, {
-			"path": "pages/coverflow/index",
-			"style": {
-				"navigationBarTitleText": "3D流",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/flip/index",
-			"style": {
-				"navigationBarTitleText": "3D翻转",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/cards/index",
-			"style": {
-				"navigationBarTitleText": "卡片式",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/creative/index",
-			"style": {
-				"navigationBarTitleText": "创意性",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/indicator/index",
-			"style": {
-				"navigationBarTitleText": "指示器",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/indicator-custom/index",
-			"style": {
-				"navigationBarTitleText": "自定义",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/switcher/index",
-			"style": {
-				"navigationBarTitleText": "Switcher",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/carousel/index",
-			"style": {
-				"navigationBarTitleText": "Carousel",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/loop/index",
-			"style": {
-				"navigationBarTitleText": "Loop",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/autoplay/index",
-			"style": {
-				"navigationBarTitleText": "Autoplay",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/panorama/index",
-			"style": {
-				"navigationBarTitleText": "Panorama",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/thumbs/index",
-			"style": {
-				"navigationBarTitleText": "Thumbs",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/scrollbar/index",
-			"style": {
-				"navigationBarTitleText": "Scrollbar",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/demos/travel-slider/index",
-			"style": {
-				"navigationStyle": "custom"
-			}
-
-		}, {
-			"path": "pages/demos/paper/index",
-			"style": {
-				"navigationStyle": "custom"
-			}
-
-		}, {
-			"path": "pages/virtual/index",
-			"style": {
-				"navigationBarTitleText": "Virtual",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/debug/index",
-			"style": {
-				"navigationBarTitleText": "Debug",
-				"navigationStyle": "custom",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/demos/carousel/index",
-			"style": {
-				"navigationBarTitleText": "Carousel",
-				"enablePullDownRefresh": false
-			}
-
-		}, {
-			"path": "pages/controller/index",
-			"style": {
-				"navigationBarTitleText": "Controller",
-				"enablePullDownRefresh": false
-			}
-
-		}
-	],
-	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "zebra-swiper",
-		"navigationBarBackgroundColor": "#e4ebf5",
-		"backgroundColor": "#e4ebf5"
-	}
-}

+ 0 - 51
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/autoplay/index.vue

@@ -1,51 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="基础用法">
-			<z-swiper v-model="list" :options="{autoplay:true}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="时间间隔">
-			<z-swiper v-model="list" :options="{ autoplay: {delay: 1000}}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自动停止">
-			<z-swiper v-model="list" :options="{ autoplay: {stopOnLastSlide: true}}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="无限循环">
-			<z-swiper v-model="loopList" :options="{ autoplay:true,loop:true}">
-				<z-swiper-item v-for="(item,index) in loopList" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="反向">
-			<z-swiper v-model="list" :options="{ autoplay: {reverseDirection: true}}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				list: data,
-				loopList: data,
-			}
-		}
-	}
-</script>

+ 0 - 81
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/base/index.vue

@@ -1,81 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="基础用法">
-			<z-swiper v-model="list">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="监听事件">
-			<z-swiper v-model="list" ref="zSwiper" @slideChange="onChange">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="纵向">
-			<z-swiper v-model="list" :custom-style="{height:'300rpx'}" :options="options">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="切换速度">
-			<z-swiper v-model="list" :options="{speed:2000}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="禁用">
-			<z-swiper v-model="list" :options="{enabled:false}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="高度自适应">
-			<z-swiper v-model="list" :options="{autoHeight:true}">
-				<z-swiper-item>
-					<demo-item :item="list[0]" height="200rpx"></demo-item>
-				</z-swiper-item>
-				<z-swiper-item>
-					<demo-item :item="list[1]" height="400rpx"></demo-item>
-				</z-swiper-item>
-				<z-swiper-item>
-					<demo-item :item="list[2]" height="500rpx"></demo-item>
-				</z-swiper-item>
-				<z-swiper-item>
-					<demo-item :item="list[3]" height="300rpx"></demo-item>
-				</z-swiper-item>
-				<z-swiper-item>
-					<demo-item :item="list[4]" height="100rpx"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				list: data,
-				options: {
-					direction: 'vertical',
-					bubbling: false
-				}
-			}
-		},
-		methods: {
-			onChange(swiper, index) {
-				uni.showToast({
-					title: '当前 swiper 索引:' + this.$refs.zSwiper.swiper.activeIndex,
-					icon: 'none'
-				})
-			}
-		}
-	}
-</script>

+ 0 - 110
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/cards/index.vue

@@ -1,110 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="切换效果-卡片">
-			<z-swiper v-model="list" :options="options">
-				<z-swiper-item :custom-style="slideCustomStyle" v-for="(item,index) in list" :key="index">
-					<demo-item :custom-style="itemCustomStyle" :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自动播放">
-			<z-swiper v-model="list" :options="optionsAutoplay">
-				<z-swiper-item :custom-style="slideCustomStyle" v-for="(item,index) in list" :key="index">
-					<demo-item :custom-style="itemCustomStyle" :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="纵向">
-			<z-swiper v-model="list" :custom-style="{height:'800rpx'}" :options="optionsVertical">
-				<z-swiper-item :custom-style="slideCustomStyle" v-for="(item,index) in list" :key="index">
-					<demo-item :custom-style="itemCustomStyle" :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="关闭旋转">
-			<z-swiper v-model="list" :options="optionsRotate">
-				<z-swiper-item :custom-style="slideCustomStyle" v-for="(item,index) in list" :key="index">
-					<demo-item :custom-style="itemCustomStyle" :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="偏移距离">
-			<z-swiper v-model="list" :options="optionsOffset">
-				<z-swiper-item :custom-style="slideCustomStyle" v-for="(item,index) in list" :key="index">
-					<demo-item :custom-style="itemCustomStyle" :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="旋转角度">
-			<z-swiper v-model="list" :options="optionsRotateNumber">
-				<z-swiper-item :custom-style="slideCustomStyle" v-for="(item,index) in list" :key="index">
-					<demo-item :custom-style="itemCustomStyle" :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="无限循环">
-			<z-swiper v-model="loopList" :options="optionsLoop">
-				<z-swiper-item :custom-style="slideCustomStyle" v-for="(item,index) in loopList
-				" :key="index">
-					<demo-item :custom-style="itemCustomStyle" :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				slideCustomStyle: {
-					display: 'flex',
-					alignItems: 'center',
-					justifyContent: 'center'
-				},
-				itemCustomStyle: {
-					"height": "640rpx",
-					"width": "480rpx",
-					"border-radius": "24rpx"
-				},
-				options: {
-					effect: 'cards'
-				},
-				optionsAutoplay: {
-					effect: 'cards',
-					autoplay: true
-				},
-				optionsVertical: {
-					effect: 'cards',
-					direction: 'vertical'
-				},
-				optionsRotate: {
-					effect: 'cards',
-					cardsEffect: {
-						rotate: false
-					}
-				},
-				optionsOffset: {
-					effect: 'cards',
-					cardsEffect: {
-						perSlideOffset: 14
-					}
-				},
-				optionsRotateNumber: {
-					effect: 'cards',
-					cardsEffect: {
-						perSlideRotate: 20
-					}
-				},
-				optionsLoop: {
-					effect: 'cards',
-					loop: true,
-					loopedSlides: 2,
-				},
-				list: data,
-				loopList: data,
-			}
-		},
-	}
-</script>

+ 0 - 60
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/carousel/index.vue

@@ -1,60 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="数量">
-			<z-swiper v-model="list" :options="{slidesPerView : 2}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自适应">
-			<z-swiper v-model="list" :options="{slidesPerView : 'auto',centeredSlides: true,spaceBetween: 14}">
-				<z-swiper-item v-for="(item,index) in list" :key="index" :custom-style="{width:'500rpx'}">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="居中">
-			<z-swiper v-model="list" :options="{slidesPerView : 2,centeredSlides : true}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="贴合边缘">
-			<z-swiper v-model="list" :options="{slidesPerView : 3,centeredSlides : true,centeredSlidesBounds: true}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="分组">
-			<z-swiper v-model="list" :options="{slidesPerView : 3, slidesPerGroup : 3}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="距离">
-			<z-swiper v-model="list" :options="{slidesPerView : 3,spaceBetween : 20}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				options: {
-					direction: 'vertical'
-				},
-				list: data
-			}
-		}
-	}
-</script>

+ 0 - 87
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/controller/index.vue

@@ -1,87 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="基础用法">
-			<z-swiper ref="zSwiper" v-model="list1" :options="options">
-				<z-swiper-item v-for="(item,index) in list1" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-			<z-swiper :custom-style="{'margin-top':'20rpx'}" ref="zSwiperThumbs" v-model="list2" :options="optionsThumbs" @swiper="setThumbsSwiper">
-				<z-swiper-item v-for="(item,index) in list2" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="反向">
-			<z-swiper ref="zSwiperInverse" v-model="list1Inverse" :options="optionsInverse">
-				<z-swiper-item v-for="(item,index) in list1Inverse" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-			<z-swiper :custom-style="{'margin-top':'20rpx'}" ref="zSwiperThumbsInverse" v-model="list2Inverse" :options="optionsThumbsInverse"
-				@swiper="setThumbsSwiperInverse">
-				<z-swiper-item v-for="(item,index) in list2Inverse" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				optionsThumbs: {
-					controller: {
-						control: null,
-						inverse: false,
-					}
-				},
-				options: {
-					controller: {
-						control: null,
-						inverse: false,
-					}
-				},
-				optionsThumbsInverse: {
-					controller: {
-						control: null,
-						inverse: true,
-					}
-				},
-				optionsInverse: {
-					controller: {
-						control: null,
-						inverse: true,
-					}
-				},
-				list1: data,
-				list2: data,
-				list1Inverse: data,
-				list2Inverse: data
-			}
-		},
-		methods: {
-			setThumbsSwiper() {
-				this.$refs.zSwiper.swiper.on("beforeMount", (swiper) => {
-					this.$refs.zSwiper.swiper.params.controller.control = this.$refs.zSwiperThumbs.swiper;
-				})
-
-				this.$refs.zSwiperThumbs.swiper.on("beforeMount", (swiper) => {
-					this.$refs.zSwiperThumbs.swiper.params.controller.control = this.$refs.zSwiper.swiper;
-				})
-			},
-			setThumbsSwiperInverse() {
-				this.$refs.zSwiperInverse.swiper.on("beforeMount", (swiper) => {
-					this.$refs.zSwiperInverse.swiper.params.controller.control = this.$refs.zSwiperThumbsInverse.swiper;
-				})
-
-				this.$refs.zSwiperThumbsInverse.swiper.on("beforeMount", (swiper) => {
-					this.$refs.zSwiperThumbsInverse.swiper.params.controller.control = this.$refs.zSwiperInverse.swiper;
-				})
-			},
-		}
-	}
-</script>

+ 0 - 95
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/coverflow/index.vue

@@ -1,95 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="切换效果-3D流">
-			<z-swiper v-model="list" :options="options">
-				<z-swiper-item :custom-style="{width:'500rpx'}" v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自动播放">
-			<z-swiper v-model="list" :options="optionsAutoplay">
-				<z-swiper-item :custom-style="{width:'500rpx'}" v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="纵向">
-			<z-swiper v-model="list" :custom-style="{height:'400rpx'}" :options="optionsVertical">
-				<z-swiper-item :custom-style="{width:'100%',height:'300rpx'}" v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="无限循环">
-			<z-swiper v-model="loopList" :options="optionsLoop">
-				<z-swiper-item :custom-style="{width:'500rpx'}" v-for="(item,index) in loopList" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				options: {
-					effect: 'coverflow',
-					centeredSlides: true,
-					slidesPerView: 'auto',
-					coverflowEffect: {
-						rotate: 50,
-						stretch: 0,
-						depth: 100,
-						modifier: 1,
-						slideShadows: true,
-					},
-				},
-				optionsAutoplay: {
-					effect: 'coverflow',
-					centeredSlides: true,
-					slidesPerView: 'auto',
-					coverflowEffect: {
-						rotate: 50,
-						stretch: 0,
-						depth: 100,
-						modifier: 1,
-						slideShadows: true,
-					},
-					autoplay: true
-				},
-				optionsVertical: {
-					effect: 'coverflow',
-					centeredSlides: true,
-					slidesPerView: 'auto',
-					coverflowEffect: {
-						rotate: 50,
-						stretch: 0,
-						depth: 100,
-						modifier: 1,
-						slideShadows: true,
-					},
-					direction: 'vertical'
-				},
-				optionsLoop: {
-					effect: 'coverflow',
-					centeredSlides: true,
-					slidesPerView: 'auto',
-					coverflowEffect: {
-						rotate: 50,
-						stretch: 0,
-						depth: 100,
-						modifier: 1,
-						slideShadows: true,
-					},
-					loop: true
-				},
-				list: data,
-				loopList: data,
-			}
-		},
-	}
-</script>

+ 0 - 130
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/creative/index.vue

@@ -1,130 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="切换效果-创意性">
-			<z-swiper v-model="list" :options="options1">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-			<z-swiper :custom-style="{'margin-top':'20rpx'}" v-model="list" :options="options2">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-			<z-swiper :custom-style="{'margin-top':'20rpx'}" v-model="list" :options="options3">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-			<z-swiper :custom-style="{'margin-top':'20rpx'}" v-model="list" :options="options4">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-			<z-swiper :custom-style="{'margin-top':'20rpx'}" v-model="list" :options="options5">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-			<z-swiper :custom-style="{'margin-top':'20rpx'}" v-model="list" :options="options6">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				options1: {
-					effect: 'creative',
-					creativeEffect: {
-						prev: {
-							shadow: true,
-							translate: [0, 0, -400],
-						},
-						next: {
-							translate: ['100%', 0, 0]
-						}
-					}
-				},
-				options2: {
-					effect: 'creative',
-					creativeEffect: {
-						prev: {
-							shadow: true,
-							translate: ['-120%', 0, -500],
-						},
-						next: {
-							shadow: true,
-							translate: ['120%', 0, -500]
-						}
-					}
-				},
-				options3: {
-					effect: 'creative',
-					creativeEffect: {
-						prev: {
-							shadow: true,
-							translate: ['-20%', 0, -1],
-						},
-						next: {
-							translate: ['100%', 0, 0]
-						}
-					}
-				},
-				options4: {
-					effect: 'creative',
-					creativeEffect: {
-						prev: {
-							shadow: true,
-							translate: [0, 0, -800],
-							rotate: [180, 0, 0],
-						},
-						next: {
-							shadow: true,
-							translate: [0, 0, -800],
-							rotate: [-180, 0, 0]
-						}
-					}
-				},
-				options5: {
-					effect: 'creative',
-					creativeEffect: {
-						prev: {
-							shadow: true,
-							translate: ['-125%', 0, -800],
-							rotate: [0, 0, -90],
-						},
-						next: {
-							shadow: true,
-							translate: ['125%', 0, -800],
-							rotate: [0, 0, 90]
-						}
-					}
-				},
-				options6: {
-					effect: 'creative',
-					creativeEffect: {
-						prev: {
-							shadow: true,
-							origin: 'left center',
-							translate: ['-5%', 0, -200],
-							rotate: [0, 100, 0],
-						},
-						next: {
-							origin: 'right center',
-							translate: ['5%', 0, -200],
-							rotate: [0, -100, 0],
-						}
-					}
-				},
-				list: data,
-			}
-		},
-	}
-</script>

+ 0 - 83
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/cube/index.vue

@@ -1,83 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="切换效果-方块">
-			<z-swiper v-model="list" :options="options">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自动播放">
-			<z-swiper v-model="list" :options="optionsAutoplay">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="纵向">
-			<z-swiper v-model="list" :custom-style="{height:'300rpx'}" :options="optionsVertical">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="无限循环">
-			<z-swiper v-model="loopList" :options="optionsLoop">
-				<z-swiper-item v-for="(item,index) in loopList" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				options: {
-					effect: 'cube',
-					cubeEffect: {
-						shadow: true,
-						slideShadows: true,
-						shadowOffset: 20,
-						shadowScale: 0.94,
-					},
-				},
-				optionsAutoplay: {
-					effect: 'cube',
-					cubeEffect: {
-						shadow: true,
-						slideShadows: true,
-						shadowOffset: 20,
-						shadowScale: 0.94,
-					},
-					autoplay: true
-				},
-				optionsVertical: {
-					effect: 'cube',
-					cubeEffect: {
-						shadow: true,
-						slideShadows: true,
-						shadowOffset: 20,
-						shadowScale: 0.94,
-					},
-					direction: 'vertical'
-				},
-				optionsLoop: {
-					effect: 'cube',
-					cubeEffect: {
-						shadow: true,
-						slideShadows: true,
-						shadowOffset: 20,
-						shadowScale: 0.94,
-					},
-					loop: true
-				},
-				list: data,
-				loopList: data,
-			}
-		},
-	}
-</script>

+ 0 - 521
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/debug/index.vue

@@ -1,521 +0,0 @@
-<template>
-	<view class="debug-swiper">
-		<view class="debug-swiper-header">
-			<view class="header-content">
-				<view class="header-content-info">
-					<view class="logo">
-						<image class="image" src="https://swiper.zebraui.com/logo.png" mode="widthFix"></image>
-					</view>
-				</view>
-				<view class="header-content-button">
-					<a class="button-item" href="https://swiper.zebraui.com/" target="_blank">文档</a>
-					<a class="button-item" href="https://ext.dcloud.net.cn/plugin?id=7273" target="_blank">插件地址</a>
-				</view>
-			</view>
-		</view>
-		<view class="debug-swiper-bottom">
-			<view class="debug-swiper-left">
-				<view class="left-content-wrapper">
-					<view class="left-content">
-						<view class="left-content-view">
-							<demo-block title="调试">
-								<z-swiper ref="zSwiper" v-model="list" :options="options" :custom-style="customStyle">
-									<z-swiper-item v-for="(item,index) in list" :key="index">
-										<image class="image" :src="item.img" mode="aspectFill">
-										</image>
-									</z-swiper-item>
-								</z-swiper>
-							</demo-block>
-						</view>
-
-					</view>
-				</view>
-			</view>
-
-			<view class="debug-swiper-content">
-				<scroll-view scroll-y="true" class="content-scroll">
-					<view class="content-scroll-wrapper">
-						<view class="wrapper-item">
-							<view class="item-title">
-								数据
-							</view>
-							<view class="item-content-list">
-								<view class="content-list-item">
-									<view class="item-left">
-										条数
-									</view>
-									<view class="item-right">
-										<radio-group @change="radioChangeData">
-											<radio value="1" />1
-											<radio style="margin-left: 20rpx;" value="2" />2
-											<radio style="margin-left: 20rpx;" value="3" />3
-											<radio style="margin-left: 20rpx;" value="4" />4
-											<radio style="margin-left: 20rpx;" value="5" />5
-											<radio style="margin-left: 20rpx;" value="6" checked />6
-											<radio style="margin-left: 20rpx;" value="7" />7
-											<radio style="margin-left: 20rpx;" value="8" />8
-										</radio-group>
-									</view>
-								</view>
-							</view>
-						</view>
-						<view class="wrapper-item">
-							<view class="item-title">
-								Basic (swiper一般选项)
-							</view>
-							<view class="item-content-list">
-								<view class="content-list-item">
-									<view class="item-left">
-										direction
-									</view>
-									<view class="item-right">
-										<radio-group @change="radioChangeDirection">
-											<radio value="horizontal" checked />horizontal
-											<radio style="margin-left: 20rpx;" value="vertical" />vertical
-										</radio-group>
-									</view>
-								</view>
-								<view class="content-list-item">
-									<view class="item-left">
-										speed
-									</view>
-									<view class="item-right">
-										<input v-model="speedValue" style="width: 100rpx;" type="number" maxlength="4"
-											placeholder="毫秒" />
-										<button size="mini" @click="confirmSpeed()">确定</button>
-									</view>
-								</view>
-								<view class="content-list-item">
-									<view class="item-left">
-										enabled
-									</view>
-									<view class="item-right">
-										<radio-group @change="radioChangeEnabled">
-											<radio value="true" checked />true
-											<radio style="margin-left: 20rpx;" value="false" />false
-										</radio-group>
-									</view>
-								</view>
-							</view>
-						</view>
-						<view class="wrapper-item">
-							<view class="item-title">
-								Carousel (旋转木马)
-							</view>
-							<view class="item-content-list">
-								<view class="content-list-item">
-									<view class="item-left">
-										slidesPerView
-									</view>
-									<view class="item-right">
-										<radio-group @change="radioChangeSlidesPerView">
-											<radio value="1" checked />1
-											<radio style="margin-left: 20rpx;" value="2" />2
-											<radio style="margin-left: 20rpx;" value="3" />3
-										</radio-group>
-									</view>
-								</view>
-								<view class="content-list-item">
-									<view class="item-left">
-										centeredSlides
-									</view>
-									<view class="item-right">
-										<radio-group @change="radioChangeCenteredSlides">
-											<radio value="true" />true
-											<radio style="margin-left: 20rpx;" value="false" checked />false
-										</radio-group>
-									</view>
-								</view>
-								<view class="content-list-item">
-									<view class="item-left">
-										centeredSlidesBounds
-									</view>
-									<view class="item-right">
-										<radio-group @change="radioChangeCenteredSlidesBounds">
-											<radio value="true" />true
-											<radio style="margin-left: 20rpx;" value="false" checked />false
-										</radio-group>
-									</view>
-								</view>
-								<view class="content-list-item">
-									<view class="item-left">
-										slidesPerGroup
-									</view>
-									<view class="item-right">
-										<radio-group @change="radioChangeSlidesPerGroup">
-											<radio value="1" checked />1
-											<radio style="margin-left: 20rpx;" value="2" />2
-											<radio style="margin-left: 20rpx;" value="3" />3
-											<radio style="margin-left: 20rpx;" value="3" />4
-											<radio style="margin-left: 20rpx;" value="3" />5
-										</radio-group>
-									</view>
-								</view>
-								<view class="content-list-item">
-									<view class="item-left">
-										spaceBetween
-									</view>
-									<view class="item-right">
-										<input v-model="spaceBetween" style="width: 100rpx;" type="number" maxlength="2"
-											placeholder="距离" />
-										<button size="mini" @click="confirmSpaceBetween()">确定</button>
-									</view>
-								</view>
-								<view class="content-list-item">
-									<view class="item-left">
-										slidesOffsetBefore
-									</view>
-									<view class="item-right">
-										<input v-model="slidesOffsetBefore" style="width: 100rpx;" type="number"
-											maxlength="2" placeholder="距离" />
-										<button size="mini" @click="confirmSlidesOffsetBefore()">确定</button>
-									</view>
-								</view>
-								<view class="content-list-item">
-									<view class="item-left">
-										slidesOffsetAfter
-									</view>
-									<view class="item-right">
-										<input v-model="slidesOffsetAfter" style="width: 100rpx;" type="number"
-											maxlength="2" placeholder="距离" />
-										<button size="mini" @click="confirmSlidesOffsetAfter()">确定</button>
-									</view>
-								</view>
-								<view class="content-list-item">
-									<view class="item-left">
-										centerInsufficientSlides
-									</view>
-									<view class="item-right">
-										<radio-group @change="radioChangeCenterInsufficientSlides">
-											<radio value="true" />true
-											<radio style="margin-left: 20rpx;" value="false" checked />false
-										</radio-group>
-									</view>
-								</view>
-							</view>
-						</view>
-
-						<view class="wrapper-item">
-							<view class="item-title">
-								Loop (无限循环)
-							</view>
-							<view class="item-content-list">
-								<view class="content-list-item">
-									<view class="item-left">
-										loop
-									</view>
-									<view class="item-right">
-										<radio-group @change="radioChangeLoop">
-											<radio value="true" checked />true
-											<radio style="margin-left: 20rpx;" value="false" />false
-										</radio-group>
-									</view>
-								</view>
-								<view class="content-list-item">
-									<view class="item-left">
-										speed
-									</view>
-									<view class="item-right">
-										<input v-model="speedValue" style="width: 100rpx;" type="number" maxlength="4"
-											placeholder="毫秒" />
-										<button size="mini" @click="confirmSpeed()">确定</button>
-									</view>
-								</view>
-								<view class="content-list-item">
-									<view class="item-left">
-										enabled
-									</view>
-									<view class="item-right">
-										<radio-group @change="radioChangeEnabled">
-											<radio value="true" checked />true
-											<radio style="margin-left: 20rpx;" value="false" />false
-										</radio-group>
-									</view>
-								</view>
-							</view>
-						</view>
-					</view>
-				</scroll-view>
-			</view>
-		</view>
-
-	</view>
-</template>
-
-<script>
-	import DemoBlock from '../../components/DemoBlock/DemoBlock.vue';
-	export default {
-		components: {
-			DemoBlock
-		},
-		data() {
-			return {
-				customStyle: {},
-				options: {
-					speed: 300,
-					slidesPerView: 1,
-					centeredSlides: false,
-					centeredSlidesBounds: false,
-					slidesPerGroup: 1,
-					spaceBetween: 0,
-					slidesOffsetBefore: 0,
-					slidesOffsetAfter: 0,
-					centerInsufficientSlides: false,
-					loop: false,
-					pagination: {
-						el: true,
-					},
-					// effect: 'coverflow',
-					// centeredSlides: true,
-					// spaceBetween: 60,
-					// slidesPerView: 3,
-					// width: 200,
-					// loop: true
-				},
-				speedValue: 300,
-				spaceBetween: 0,
-				slidesOffsetBefore: 0,
-				slidesOffsetAfter: 0,
-				list: [{
-					img: 'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe1.jpg'
-				}, {
-					img: 'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe2.jpg'
-				}, {
-					img: 'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe3.jpg'
-				}, {
-					img: 'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe4.jpg'
-				}, {
-					img: 'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe5.jpg'
-				}, {
-					img: 'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe6.jpg'
-				}],
-			}
-		},
-		methods: {
-			radioChangeData(val) {
-				this.list = Array(...Array(parseInt(val.detail.value))).map((item, index) => {
-					return {
-						img: `https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe${index+1}.jpg`
-					}
-				})
-			},
-			radioChangeDirection(value) {
-				if (value.detail.value == "vertical") {
-					Object.assign(this.customStyle, {
-						height: '900rpx'
-					})
-				}
-				this.$refs.zSwiper.swiper.changeDirection(value.detail.value);
-			},
-			radioChangeEnabled(value) {
-				Object.assign(this.options, {
-					enabled: value.detail.value == "true" ? true : false
-				})
-				if (value.detail.value == "true") {
-					this.$refs.zSwiper.swiper.enable();
-				} else {
-					this.$refs.zSwiper.swiper.disable();
-				}
-			},
-			radioChangeSlidesPerView(value) {
-				Object.assign(this.options, {
-					slidesPerView: parseInt(value.detail.value)
-				})
-			},
-			radioChangeCenteredSlides(value) {
-				Object.assign(this.options, {
-					centeredSlides: value.detail.value == "true" ? true : false
-				})
-			},
-			radioChangeCenteredSlidesBounds(value) {
-				Object.assign(this.options, {
-					centeredSlidesBounds: value.detail.value == "true" ? true : false
-				})
-			},
-			radioChangeCenterInsufficientSlides(value) {
-				Object.assign(this.options, {
-					centerInsufficientSlides: value.detail.value == "true" ? true : false
-				})
-			},
-			radioChangeLoop(value) {
-				Object.assign(this.options, {
-					loop: value.detail.value == "true" ? true : false
-				})
-			},
-			radioChangeSlidesPerGroup(value) {
-				Object.assign(this.options, {
-					slidesPerGroup: parseInt(value.detail.value)
-				})
-			},
-			confirmSpeed() {
-				Object.assign(this.options, {
-					speed: parseInt(this.speedValue)
-				})
-			},
-			confirmSpaceBetween() {
-				Object.assign(this.options, {
-					spaceBetween: parseInt(this.spaceBetween)
-				})
-			},
-			confirmSlidesOffsetBefore() {
-				Object.assign(this.options, {
-					slidesOffsetBefore: parseInt(this.slidesOffsetBefore)
-				})
-			},
-			confirmSlidesOffsetAfter() {
-				Object.assign(this.options, {
-					slidesOffsetAfter: parseInt(this.slidesOffsetAfter)
-				})
-			}
-		}
-	}
-</script>
-
-<style scoped lang="scss">
-	@media (max-width:719px) {}
-
-	.debug-swiper {
-		height: 100%;
-
-		.debug-swiper-bottom {
-			display: flex;
-			flex-wrap: wrap;
-
-			.debug-swiper-left {
-				width: 860rpx;
-				height: calc(100vh - 170rpx);
-
-				// padding: 0 100rpx;
-
-				.left-content-wrapper {
-					margin: 50rpx;
-
-					.left-content {
-						// height: 1200rpx;
-						height: calc(100vh - 270rpx);
-						overflow: hidden;
-						border-radius: 8rpx;
-						box-shadow: 0 8rpx 24rpx #ebedf0;
-						background: linear-gradient(131.16deg, #f0f2f7, snow 100%, #d8dce6 0);
-
-						.left-content-view {
-							padding: 50rpx 0;
-
-							.image {
-								height: 900rpx;
-								width: 100%;
-							}
-						}
-					}
-				}
-			}
-
-			.debug-swiper-content {
-				height: calc(100vh - 170rpx);
-				width: calc(100vw - 860rpx);
-
-				.content-scroll {
-					height: 100%;
-
-					.content-scroll-wrapper {
-						padding: 50rpx;
-
-						.wrapper-item {
-							margin-bottom: 80rpx;
-
-							.item-title {
-								font-size: 40rpx;
-								font-weight: bold;
-							}
-
-							.item-content-list {
-								margin-top: 30rpx;
-								display: flex;
-								flex-wrap: wrap;
-								align-items: center;
-
-								.content-list-item {
-									margin-right: 100rpx;
-									margin-bottom: 20rpx;
-									display: flex;
-									align-items: center;
-
-									.item-left {
-										font-size: 34rpx;
-										font-weight: bold;
-									}
-
-									.item-right {
-										margin-left: 30rpx;
-										display: flex;
-										align-items: center;
-										font-size: 28rpx;
-									}
-								}
-							}
-						}
-
-
-					}
-				}
-			}
-		}
-
-		.debug-swiper-header {
-			width: 100%;
-			background-color: #08c6c8;
-			user-select: none;
-			height: 120rpx;
-
-			.header-content {
-				padding: 0 60rpx;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-
-				.header-content-button {
-					display: flex;
-					align-items: center;
-
-					.button-item {
-						margin-left: 50rpx;
-						position: relative;
-						display: block;
-						padding: 0 24rpx;
-						color: #fff;
-						font-size: 28rpx;
-						line-height: 48rpx;
-						text-align: center;
-						border: 1rpx solid hsla(0, 0%, 100%, .7);
-						border-radius: 40rpx;
-						cursor: pointer;
-						transition: .3s ease-in-out;
-						text-decoration: none;
-					}
-				}
-
-				.header-content-info {
-					display: flex;
-					align-items: center;
-
-					.logo {
-						width: 220rpx;
-						height: 120rpx;
-						display: flex;
-						align-items: center;
-
-						.image {
-							width: 100%;
-							height: 100%;
-						}
-					}
-
-					.name {
-						color: #fff;
-						font-size: 32rpx;
-					}
-				}
-			}
-		}
-	}
-</style>

+ 0 - 28
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/demos/carousel/index.vue

@@ -1,28 +0,0 @@
-<template>
-	<view class="carousel-slider">
-		<demo-block title="carousel-slider">
-			<z-swiper ref="zSwiper" v-model="list" :options="options">
-				<z-swiper-item v-for="(item,index) in list" :key="index" :custom-style="{width:'500rpx'}">
-					<div class="carousel-slider-animate-opacity">
-						<demo-item :item="item"></demo-item>
-					</div>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-
-	</view>
-</template>
-
-<script>
-	import data from '../../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				options: {
-					effect: "carousel"
-				},
-				list: data
-			}
-		}
-	}
-</script>

+ 0 - 235
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/demos/paper/index.vue

@@ -1,235 +0,0 @@
-<template>
-	<view class="paper-body">
-		<view class="paper-wrapper">
-			<view class="paper-onboarding">
-				<view class="paper-onboarding-fills" :style="[fillsStyle]">
-					<view v-for="(item,index) in list" :key="index" class="paper-onboarding-fill"
-						:style="[{backgroundColor:item.bgColor},fillStyleList[index].fillStyle]">
-
-					</view>
-				</view>
-				<z-swiper ref="zSwiper" v-model="list" :options="options" @beforeInit="init">
-					<z-swiper-item v-for="(item,index) in list" :key="index">
-						<view class="slide-inner">
-							<image class="slide-image" :src="item.url" />
-							<view class="slide-title">{{item.title}}</view>
-							<view class="slide-text">{{item.text}}</view>
-						</view>
-					</z-swiper-item>
-				</z-swiper>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				list: [{
-					bgColor: "#6002EE",
-					fillStyle: {},
-					url: require("../../../static/images/banks.svg"),
-					title: "Banks",
-					text: "Banks are financial institutions that provide a wide range of financial services, including savings accounts, loans, investment opportunities, and more."
-				}, {
-					bgColor: "#008386",
-					fillStyle: {},
-					url: require("../../../static/images/hotels.svg"),
-					title: "Hotels",
-					text: "Hotels are establishments that offer accommodation, amenities, and services to travelers and guests, providing a comfortable and convenient stay away from home."
-				}, {
-					bgColor: "#a41fa8",
-					fillStyle: {},
-					url: require("../../../static/images/business.svg"),
-					title: "Business",
-					text: "Business involves activities aimed at creating products or services, generating profits, and contributing to the economy."
-				}, {
-					bgColor: "#007700",
-					fillStyle: {},
-					url: require("../../../static/images/checkmark.svg"),
-					title: "Done",
-					text: "Now you can continue using it."
-				}],
-				options: {
-					effect: 'creative',
-					direction: 'vertical',
-					speed: 500,
-					resistanceRatio: 0,
-					grabCursor: true,
-					pagination: {
-						el: true,
-						clickable: true,
-						dynamicBullets: true,
-					},
-					creativeEffect: {
-						progressMultiplier: 2,
-						prev: {
-							opacity: 0,
-							// translate: direction === 'vertical' ? [0, -128, 0] : [-128, 0, 0],
-							translate: [0, -128, 0],
-						},
-						next: {
-							opacity: 0,
-							// translate: direction === 'vertical' ? [0, 128, 0] : [128, 0, 0],
-							translate: [0, 128, 0],
-						},
-					},
-				},
-				fillsStyle: {},
-				fillStyleList: [{
-						fillStyle: {}
-					},
-					{
-						fillStyle: {}
-					},
-					{
-						fillStyle: {}
-					},
-					{
-						fillStyle: {}
-					},
-				],
-			}
-		},
-		mounted() {
-			this.calcFillSize('vertical');
-		},
-		methods: {
-			init() {
-				this.$refs.zSwiper.swiper.on("setTranslate", (swiper) => {
-					this.onTranslate(swiper)
-				});
-				this.$refs.zSwiper.swiper.on("setTransition", (swiper, duration) => {
-					this.onTransition(swiper, duration)
-				});
-			},
-			onTranslate(swiper) {
-				const {
-					slides
-				} = swiper;
-
-				for (let i = 0; i < slides.length; i += 1) {
-					const slideEl = slides[i];
-					const slideProgress = slideEl.progress;
-					const progress = 1 - Math.max(Math.min(Math.abs(slideProgress), 1), 0);
-					if (slideProgress < 0) {
-						this.$set(this.fillStyleList[i].fillStyle, 'transform', `scale(${progress})`);
-					} else {
-						this.$set(this.fillStyleList[i].fillStyle, 'transform', `scale(1)`);
-					}
-				}
-			},
-			onTransition(swiper, duration) {
-				this.fillStyleList.forEach((fillEl) => {
-					this.$set(fillEl.fillStyle, 'transitionDuration', `${duration}ms`);
-				});
-			},
-			calcFillSize(direction) {
-				const res = uni.getSystemInfoSync();
-				let offsetWidth = res.screenWidth;
-				let offsetHeight = res.screenHeight;
-				const radius = ((offsetWidth / 2) ** 2 + (offsetHeight / 2) ** 2) ** 0.5;
-				this.fillsStyle = {
-					width: `${radius * 4}px`,
-					height: `${radius * 4}px`,
-					marginLeft: direction === 'vertical' ? `-${radius * 2}px` : `-${radius}px`,
-					marginTop: direction === 'vertical' ? `-${radius}px` : `-${radius * 2}px`
-				};
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.paper-body {
-		position: relative;
-		height: 100%;
-		margin: 0;
-		padding: 0;
-		background: #000;
-		color: #fff;
-		line-height: 1.5;
-		font-family: -apple-system, system-ui, 'Helvetica Neue', Helvetica, Arial,
-			'Segoe UI', Roboto, sans-serif;
-		-webkit-font-smoothing: antialiased;
-		-moz-osx-font-smoothing: grayscale;
-
-		.paper-wrapper {
-			height: 100vh;
-
-			.slide-inner {
-				padding: 16px;
-			}
-
-			.slide-image {
-				width: 128px;
-				height: 128px;
-			}
-
-			.slide-title {
-				font-size: 28px;
-				font-weight: bold;
-				margin: 24px 0;
-			}
-
-			.slide-text {
-				font-size: 18px;
-			}
-
-
-			.paper-onboarding {
-				width: 100%;
-				height: 100%;
-				position: relative;
-				overflow: hidden;
-				--swiper-theme-color: #fff;
-
-				.swiper-pagination-bullet {
-					background: #fff;
-				}
-
-
-				::v-deep .swiper {
-					width: 100%;
-					height: 100%;
-					z-index: 1;
-				}
-
-
-				.slide-inner {
-					display: flex;
-					flex-direction: column;
-					align-items: center;
-					justify-content: center;
-					width: 100%;
-					height: 100%;
-					box-sizing: border-box;
-					padding: 16px;
-					text-align: center;
-				}
-
-				.paper-onboarding-fills {
-					left: 50%;
-					top: 50%;
-					z-index: 0;
-				}
-
-				.paper-onboarding-fills,
-				.paper-onboarding-fill {
-					position: absolute;
-					pointer-events: none;
-					width: 100%;
-					height: 100%;
-				}
-
-				.paper-onboarding-fill {
-					left: 0;
-					top: 0;
-					transform-origin: center center;
-					border-radius: 50%;
-				}
-			}
-		}
-	}
-</style>

+ 0 - 279
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/demos/travel-slider/index.vue

@@ -1,279 +0,0 @@
-<template>
-	<view class="travel-body">
-		<view class="travel-wrapper">
-			<view class="travel-slider">
-				<!-- Rotating Planet -->
-				<view class="travel-slider-planet" :style="[planetStyle]">
-					<image class="planet-image" src="../../../static/images/earth.svg" mode="heightFix" />
-					<view :class="['travel-slider-cities',`travel-slider-cities-${list.length > 4 ? '8' : '4'}`]">
-						<image class="cities-image" src="../../../static/images/usa.svg" />
-						<image class="cities-image" src="../../../static/images/england.svg" />
-						<image class="cities-image" src="../../../static/images/france.svg" />
-						<image class="cities-image" src="../../../static/images/italy.svg" />
-						<image class="cities-image" src="../../../static/images/russia.svg" />
-						<image class="cities-image" src="../../../static/images/egypt.svg" />
-						<image class="cities-image" src="../../../static/images/india.svg" />
-						<image class="cities-image" src="../../../static/images/japan.svg" />
-					</view>
-				</view>
-				<!-- Swiper -->
-				<z-swiper ref="zSwiper" v-model="list" :custom-style="swiperStyle" :options="options" @swiper="init">
-					<z-swiper-item v-for="(item,index) in list" :key="index" :custom-style="itemStyle">
-						<image :src="item.url" class="travel-slider-bg-image" />
-						<view class="travel-slider-content">
-							<view class="travel-slider-title">{{item.title}}</view>
-							<view class="travel-slider-subtitle">{{item.subTitle}}</view>
-						</view>
-					</z-swiper-item>
-				</z-swiper>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				list: [{
-					url: require("../../../static/images/usa.jpg"),
-					title: "United States",
-					subTitle: "8,295 properties"
-				}, {
-					url: require("../../../static/images/england.jpg"),
-					title: "England",
-					subTitle: "1,110 properties"
-				}, {
-					url: require("../../../static/images/france.jpg"),
-					title: "France",
-					subTitle: "314 properties"
-				}, {
-					url: require("../../../static/images/italy.jpg"),
-					title: "Italy",
-					subTitle: "1,200 properties"
-				}, {
-					url: require("../../../static/images/russia.jpg"),
-					title: "Russia",
-					subTitle: "12,231 properties"
-				}, {
-					url: require("../../../static/images/egypt.jpg"),
-					title: "Egypt",
-					subTitle: "505 properties"
-				}, {
-					url: require("../../../static/images/india.jpg"),
-					title: "India",
-					subTitle: "2,300 properties"
-				}, {
-					url: require("../../../static/images/japan.jpg"),
-					title: "Japan",
-					subTitle: "1,700 properties"
-				}],
-				options: {
-					speed: 600,
-					grabCursor: true,
-					slidesPerView: 'auto',
-					centeredSlides: true,
-					spaceBetween: 24,
-					watchSlidesProgress: true
-				},
-				planetStyle: {},
-				itemStyle: {
-					'width': 'calc(100vw * 0.8)',
-					'max-width': '640px',
-					'box-sizing': 'border-box',
-					'position': 'relative'
-				},
-				swiperStyle: {
-					'height': '300px',
-					'padding-top': '64px',
-					'padding-bottom': '64px'
-				}
-			}
-		},
-		methods: {
-			init() {
-				this.$refs.zSwiper.swiper.on("progress", (s, progress) => {
-					const max =
-						s.slides.length > 4 ? 360 - (8 - s.slides.length + 1) * 45 : 270;
-					this.$set(this.planetStyle, 'transform', `translate(-50%, -50%) rotate(${
-					          max * -progress
-					        }deg)`);
-				})
-				this.$refs.zSwiper.swiper.on("setTransition", (s, duration) => {
-					const max =
-						s.slides.length > 4 ? 360 - (8 - s.slides.length + 1) * 45 : 270;
-					this.$set(this.planetStyle, 'transitionDuration', `${duration}ms`);
-
-				})
-			}
-		},
-	}
-</script>
-
-<style lang="scss" scoped>
-	.travel-body {
-		position: relative;
-		height: 100vh;
-		margin: 0;
-		padding: 0;
-		background: #ccc;
-		color: #000;
-		line-height: 1.5;
-		font-family: -apple-system, system-ui, 'Helvetica Neue', Helvetica, Arial,
-			'Segoe UI', Roboto, sans-serif;
-		-webkit-font-smoothing: antialiased;
-		-moz-osx-font-smoothing: grayscale;
-		background-image: linear-gradient(to bottom, #6c08ca, #fff);
-	}
-
-	.travel-wrapper {
-		height: 100%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		overflow: hidden;
-	}
-
-	.travel-slider {
-		position: relative;
-		box-sizing: border-box;
-		width: 100%;
-		margin: 0 auto;
-
-		// ::v-deep .swiper {
-		// 	height: 300px;
-		// 	padding-top: 64px;
-		// 	padding-bottom: 64px;
-		// }
-
-		// ::v-deep .swiper-slide {
-
-		// }
-
-		&-bg-image {
-			position: absolute;
-			width: 100%;
-			height: 100%;
-			object-fit: cover;
-			left: 0;
-			top: 0;
-			border-radius: 16px;
-			box-sizing: border-box;
-			box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5),
-				0px -1px 0px rgba(255, 255, 255, 0.5);
-		}
-
-		&-content {
-			position: absolute;
-			left: 0;
-			right: 0;
-			bottom: 0;
-			padding: 32px;
-			box-sizing: border-box;
-			color: #fff;
-			text-shadow: 1px 1px 1px #000;
-			line-height: 1.25;
-			border-radius: 0 0 16px 16px;
-			background-image: linear-gradient(to top,
-					rgba(0, 0, 0, 0.5),
-					rgba(0, 0, 0, 0));
-		}
-
-		&-title {
-			font-weight: bold;
-			font-size: 32px;
-		}
-
-		&-subtitle {
-			font-size: 18px;
-		}
-
-		&-planet {
-			position: absolute;
-			left: 50%;
-			top: 50%;
-			transform: translate(-50%, -50%);
-			height: 100%;
-
-			>.planet-image {
-				display: block;
-				width: auto;
-				height: 100%;
-				margin: 0 auto;
-			}
-		}
-
-		&-cities {
-			.cities-image {
-				--travel-slider-planet-size: calc(300px + 64px * 2);
-				--travel-slider-image-rotate: 0deg;
-				--travel-slider-image-scale: 1;
-				position: absolute;
-				bottom: 95%;
-				left: 50%;
-				transform: translateX(-50%) scale(var(--travel-slider-image-scale)) rotate(var(--travel-slider-image-rotate));
-				transform-origin: center calc(var(--travel-slider-planet-size) / 2 * 0.95 * 0.95 + 120px * 1);
-				height: 120px;
-				width: 120px;
-				object-position: center bottom;
-				object-fit: contain;
-			}
-
-			&-8 {
-				.cities-image:nth-child(2) {
-					--travel-slider-image-rotate: 45deg;
-				}
-
-				.cities-image:nth-child(3) {
-					--travel-slider-image-rotate: 90deg;
-				}
-
-				.cities-image:nth-child(4) {
-					--travel-slider-image-rotate: 135deg;
-				}
-
-				.cities-image:nth-child(5) {
-					--travel-slider-image-rotate: 180deg;
-				}
-
-				.cities-image:nth-child(6) {
-					--travel-slider-image-rotate: 225deg;
-				}
-
-				.cities-image:nth-child(7) {
-					--travel-slider-image-rotate: 270deg;
-				}
-
-				.cities-image:nth-child(8) {
-					--travel-slider-image-rotate: 315deg;
-				}
-			}
-
-			&-4 {
-				img:nth-child(2) {
-					--travel-slider-image-rotate: 90deg;
-				}
-
-				img:nth-child(3) {
-					--travel-slider-image-rotate: 180deg;
-				}
-
-				img:nth-child(4) {
-					--travel-slider-image-rotate: 270deg;
-				}
-			}
-		}
-	}
-
-	.travel-slider:after {
-		content: '';
-		position: absolute;
-		height: 50vh;
-		top: 50%;
-		width: 100%;
-		left: 0;
-		background-image: linear-gradient(to bottom,
-				rgba(255, 255, 255, 0),
-				#b0a5d1 50%);
-	}
-</style>

+ 0 - 71
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/fade/index.vue

@@ -1,71 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="切换效果-淡入">
-			<z-swiper v-model="list" :options="options">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自动播放">
-			<z-swiper v-model="list" :options="optionsAutoplay">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="纵向">
-			<z-swiper v-model="list" :custom-style="{height:'300rpx'}" :options="optionsVertical">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="无限循环">
-			<z-swiper v-model="loopList" :options="optionsLoop">
-				<z-swiper-item v-for="(item,index) in loopList" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				options: {
-					effect: 'fade',
-					fadeEffect: {
-						crossFade: true
-					}
-				},
-				optionsAutoplay: {
-					effect: 'fade',
-					fadeEffect: {
-						crossFade: true
-					},
-					autoplay: true
-				},
-				optionsVertical: {
-					effect: 'fade',
-					fadeEffect: {
-						crossFade: true
-					},
-					direction: 'vertical'
-				},
-				optionsLoop: {
-					effect: 'fade',
-					fadeEffect: {
-						crossFade: true
-					},
-					loop: true
-				},
-				list: data,
-				loopList: data,
-			}
-		},
-	}
-</script>

+ 0 - 60
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/flip/index.vue

@@ -1,60 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="切换效果-3D翻转">
-			<z-swiper v-model="list" :options="options">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自动播放">
-			<z-swiper v-model="list" :options="optionsAutoplay">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="纵向">
-			<z-swiper v-model="list" :custom-style="{height:'300rpx'}" :options="optionsVertical">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="无限循环">
-			<z-swiper v-model="loopList" :options="optionsLoop">
-				<z-swiper-item v-for="(item,index) in loopList
-				" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				options: {
-					effect: 'flip'
-				},
-				optionsAutoplay: {
-					effect: 'flip',
-					autoplay: true
-				},
-				optionsVertical: {
-					effect: 'flip',
-					direction: 'vertical'
-				},
-				optionsLoop: {
-					effect: 'flip',
-					loop: true
-				},
-				list: data,
-				loopList: data,
-			}
-		},
-	}
-</script>

+ 0 - 68
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/index/index.vue

@@ -1,68 +0,0 @@
-<template>
-	<demo-home :list="list" />
-</template>
-
-<script>
-	import config from '../../common/js/config.js';
-	import DemoHome from '../../components/DemoHome/DemoHome.vue';
-	export default {
-		components: {
-			DemoHome
-		},
-		data() {
-			return {
-				list: config
-			}
-		},
-	}
-</script>
-
-
-<style scoped lang="scss">
-	.demo-home {
-		box-sizing: border-box;
-		width: 100%;
-		min-height: 100vh;
-		padding: 92rpx 40rpx 40rpx;
-		background: linear-gradient(131.16deg, rgba(240, 242, 247, 1) 0%, rgba(255, 250, 250, 1) 100%, rgba(216, 220, 230, 1) 100%);
-	}
-
-	.demo-home__title,
-	.demo-home__desc {
-		padding-left: 32rpx;
-		font-weight: normal;
-		line-height: 1;
-		user-select: none;
-	}
-
-	.demo-home__title {
-		margin: 0 0 32rpx;
-		font-size: 64rpx;
-	}
-
-	.demo-home__image,
-	.demo-home__text {
-		display: inline-block;
-		vertical-align: middle;
-	}
-
-	.demo-home__image {
-		width: 64rpx;
-		height: 64rpx;
-	}
-
-	.demo-home__text {
-		margin-left: 32rpx;
-		font-weight: 500;
-	}
-
-	.demo-home__title .demo-home--small {
-		font-size: 48rpx;
-	}
-
-	.demo-home__desc {
-		margin: 0 0 80rpx;
-		color: rgba(69, 90, 100, 0.6);
-		font-size: 28rpx;
-	}
-</style>

+ 0 - 219
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/indicator-custom/index.vue

@@ -1,219 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="自定义">
-			<z-swiper ref="zSwiper" v-model="list" @slideChange="onChange">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-				<template #indicator>
-					<view class="custom-indicator">{{ current + 1 }}/{{list.length}}</view>
-				</template>
-			</z-swiper>
-			<z-swiper :custom-style="{'margin-top':'20rpx'}" ref="zSwiper1" v-model="list" @slideChange="onChange1">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-				<template #indicator>
-					<view class="custom-indicator-list">
-						<view :class="['custom-indicator-list-item',index == current1?'custom-indicator-list-item-active':'']"
-							v-for="(item,index) in list" :key="index" @click="changSwiper(index)">
-							{{index+1}}
-						</view>
-					</view>
-				</template>
-			</z-swiper>
-			<z-swiper :custom-style="{'margin-top':'20rpx'}" ref="zSwiper2" v-model="list" @slideChange="onChange2">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-				<template #indicator>
-					<view class="custom-indicator-list1">
-						<view :class="['custom-indicator-list-item1',index == current2?'custom-indicator-list-item1-active':'']"
-							v-for="(item,index) in list" :key="index">
-						</view>
-					</view>
-				</template>
-			</z-swiper>
-			<z-swiper :custom-style="{'margin-top':'20rpx'}" ref="zSwiper3" v-model="list" @slideChange="onChange3">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-				<template #indicator>
-					<view class="custom-indicator-list2">
-						<template v-for="(item,index) in list">
-							<view :key="index" v-if="index == current3 - 2"
-								class="custom-indicator-list2-bullet custom-indicator-list2-bullet-prev-prev">
-
-							</view>
-							<view :key="index" v-else-if="index == current3 - 1"
-								class="custom-indicator-list2-bullet custom-indicator-list2-bullet-prev">
-
-							</view>
-							<view :key="index" v-else-if="index == current3"
-								class="custom-indicator-list2-bullet custom-indicator-list2-bullet-active">
-
-							</view>
-							<view :key="index" v-else-if="index == current3 + 1"
-								class="custom-indicator-list2-bullet custom-indicator-list2-bullet-next">
-
-							</view>
-							<view :key="index" v-else-if="index == current3 + 2"
-								class="custom-indicator-list2-bullet custom-indicator-list2-bullet-next-next">
-
-							</view>
-						</template>
-					</view>
-				</template>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				current: 0,
-				current1: 0,
-				current2: 0,
-				current3: 0,
-				list: data,
-			}
-		},
-		methods: {
-			onChange() {
-				this.current = this.$refs.zSwiper.swiper.activeIndex;
-			},
-			onChange1() {
-				this.current1 = this.$refs.zSwiper1.swiper.activeIndex;
-			},
-			onChange2() {
-				this.current2 = this.$refs.zSwiper2.swiper.activeIndex;
-			},
-			onChange3() {
-				this.current3 = this.$refs.zSwiper3.swiper.activeIndex;
-			},
-			changSwiper(index) {
-				if (index != this.current1) {
-					this.$refs.zSwiper1.swiper.slideTo(index, 300, false);
-				}
-			},
-		}
-	}
-</script>
-
-<style scoped lang="scss">
-	.demo-swiper {
-
-		.custom-indicator {
-			position: absolute;
-			right: 30rpx;
-			bottom: 30rpx;
-			padding: 4rpx 10rpx;
-			font-size: 24rpx;
-			color: #FFFFFF;
-			background: rgba(0, 0, 0, 0.1);
-			z-index: 10;
-		}
-
-		.custom-indicator-list {
-			position: absolute;
-			bottom: 30rpx;
-			left: 0;
-			width: 100%;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			z-index: 10;
-
-			.custom-indicator-list-item {
-				width: 40rpx;
-				height: 40rpx;
-				text-align: center;
-				line-height: 40rpx;
-				font-size: 24rpx;
-				color: #000;
-				opacity: 1;
-				background: rgba(0, 0, 0, 0.2);
-				border-radius: 50%;
-				margin: 0 8rpx;
-
-				&-active {
-					color: #fff;
-					background: #007aff;
-				}
-			}
-		}
-
-		.custom-indicator-list1 {
-			position: absolute;
-			bottom: 30rpx;
-			left: 0;
-			width: 100%;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			z-index: 10;
-
-			.custom-indicator-list-item1 {
-				margin: 0 5rpx;
-				background-color: #e8f5ff;
-				width: 20rpx;
-				height: 10rpx;
-				opacity: 1;
-				border-radius: 5rpx;
-				transition: opacity .3s, background-color .3s, width .3s;
-
-				&-active {
-					background-color: #3eb2f3;
-					width: 35rpx;
-				}
-			}
-		}
-
-		.custom-indicator-list2 {
-			position: absolute;
-			bottom: 30rpx;
-			left: 0;
-			width: 100%;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			z-index: 10;
-
-			.custom-indicator-list2-bullet {
-				margin: 0 8rpx;
-				position: relative;
-				width: 16rpx;
-				height: 16rpx;
-				border-radius: 50%;
-				background-color: #e8f5ff;
-				opacity: 1;
-				transition: .2s width, .2s height, .2s background-color, .2s opacity, .2s transform;
-
-				&-active {
-					transform: scale(1);
-					opacity: 1;
-					background-color: #3eb2f3;
-				}
-
-				&-prev {
-					transform: scale(.66);
-				}
-
-				&-prev-prev {
-					transform: scale(.33);
-				}
-
-				&-next {
-					transform: scale(.66);
-				}
-
-				&-next-next {
-					transform: scale(.33);
-				}
-			}
-		}
-	}
-</style>

+ 0 - 93
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/indicator/index.vue

@@ -1,93 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="基础用法">
-			<z-swiper v-model="list" :options="options">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="无限循环">
-			<z-swiper v-model="listLoop" :options="optionsLoop">
-				<z-swiper-item v-for="(item,index) in listLoop" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="分式类型">
-			<z-swiper v-model="list" :options="optionsFraction">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="进度条类型">
-			<z-swiper v-model="list" :options="optionsProgressbar">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="动态分页器">
-			<z-swiper v-model="list" :options="optionsDynamicBullets">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="点击切换">
-			<z-swiper v-model="list" :options="optionsClickable">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				options: {
-					pagination: {
-						el: true,
-					},
-				},
-				optionsLoop: {
-					pagination: {
-						el: true,
-					},
-					loop: true
-				},
-				optionsFraction: {
-					pagination: {
-						el: true,
-						type: 'fraction'
-					},
-				},
-				optionsProgressbar: {
-					pagination: {
-						el: true,
-						type: 'progressbar'
-					},
-				},
-				optionsDynamicBullets: {
-					pagination: {
-						el: true,
-						dynamicBullets: true,
-					},
-				},
-				optionsClickable: {
-					pagination: {
-						el: true,
-						clickable: true,
-					},
-				},
-				list: data,
-				listLoop: data
-			}
-		},
-	}
-</script>

+ 0 - 30
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/loop/index.vue

@@ -1,30 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="基础用法">
-			<z-swiper v-model="list" :options="{loop : true}">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自动播放">
-			<z-swiper v-model="listAutoplay" :options="{loop : true,autoplay:true}">
-				<z-swiper-item v-for="(item,index) in listAutoplay" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				list: data,
-				listAutoplay: data,
-			}
-		},
-	}
-</script>

+ 0 - 68
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/panorama/index.vue

@@ -1,68 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="切换效果-全景">
-			<z-swiper v-model="list" :options="options">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自动播放">
-			<z-swiper v-model="list" :options="optionsAutoplay">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="无限循环">
-			<z-swiper v-model="loopList" :options="optionsLoop">
-				<z-swiper-item v-for="(item,index) in loopList
-				" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				options: {
-					effect: 'panorama',
-					slidesPerView: 1.5,
-					centeredSlides: true,
-					panorama: {
-						depth: 150,
-						rotate: 45,
-					},
-				},
-				optionsAutoplay: {
-					effect: 'panorama',
-					slidesPerView: 1.5,
-					centeredSlides: true,
-					panorama: {
-						depth: 150,
-						rotate: 45,
-					},
-					autoplay: true
-				},
-				optionsLoop: {
-					effect: 'panorama',
-					slidesPerView: 1.5,
-					centeredSlides: true,
-					loopedSlides: 2,
-					panorama: {
-						depth: 150,
-						rotate: 45,
-					},
-					loop: true
-				},
-				list: data,
-				loopList: data
-			}
-		},
-	}
-</script>

+ 0 - 79
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/scrollbar/index.vue

@@ -1,79 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="基础用法">
-			<z-swiper v-model="list" :options="options">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自动播放">
-			<z-swiper v-model="list" :options="optionsAutoplay">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="纵向">
-			<z-swiper v-model="list" :custom-style="{height:'300rpx'}" :options="optionsVertical">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自动隐藏">
-			<z-swiper v-model="list" :options="optionsHide">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="可拖动">
-			<z-swiper v-model="list" :options="optionsDraggable">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				options: {
-					scrollbar: {
-						el: true
-					},
-				},
-				optionsAutoplay: {
-					scrollbar: {
-						el: true
-					},
-					autoplay: true
-				},
-				optionsVertical: {
-					scrollbar: {
-						el: true
-					},
-					direction: 'vertical'
-				},
-				optionsHide: {
-					scrollbar: {
-						el: true,
-						hide: true,
-					},
-				},
-				optionsDraggable: {
-					scrollbar: {
-						el: true,
-						draggable: true,
-					},
-				},
-				list: data,
-			}
-		},
-	}
-</script>

+ 0 - 97
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/switcher/index.vue

@@ -1,97 +0,0 @@
-<template>
-	<view class="demo-switcher">
-		<demo-block title="基础用法">
-			<z-swiper v-model="list" :options="options">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="插槽自定义">
-			<z-swiper v-model="list" :options="optionsSlot">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-				<template #pre-button>
-					<view class="custom-switcher">
-						prev
-					</view>
-				</template>
-				<template #next-button>
-					<view class="custom-switcher">
-						next
-					</view>
-				</template>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="完全自定义">
-			<z-swiper v-model="loopList" ref="zSwiper" :options="optionsCustom">
-				<z-swiper-item v-for="(item,index) in loopList" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-			<view class="custom-switcher-group">
-				<button type="primary" size="mini" class="custom-switcher-group-button" @click="prev()">prev</button>
-				<button type="primary" size="mini" class="custom-switcher-group-button" @click="next()">next</button>
-			</view>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				options: {
-					navigation: {
-						nextEl: true,
-						prevEl: true
-					},
-				},
-				optionsSlot: {
-					navigation: {
-						slot: true
-					},
-				},
-				optionsCustom: {
-					navigation: {
-						custom: true
-					},
-					loop: true
-				},
-				list: data,
-				loopList: data
-			}
-		},
-		methods: {
-			prev() {
-				this.$refs.zSwiper.swiper.slidePrev();
-			},
-			next() {
-				this.$refs.zSwiper.swiper.slideNext();
-			}
-		}
-	}
-</script>
-
-<style scoped lang="scss">
-	.demo-switcher {
-		.image {
-			height: 300rpx;
-			width: 100%;
-		}
-
-		.custom-switcher {
-			display: flex;
-			align-items: center;
-		}
-
-		.custom-switcher-group {
-			margin-top: 20rpx;
-			display: flex;
-			align-items: center;
-			justify-content: space-around;
-		}
-	}
-</style>

+ 0 - 83
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/thumbs/index.vue

@@ -1,83 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="基础用法">
-			<z-swiper ref="zSwiper" v-model="list" :options="options">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-			<z-swiper ref="zSwiperThumbs" :custom-style="{'margin-top':'10rpx'}" v-model="list" :options="optionsThumbs"
-				@swiper="setThumbsSwiper">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item" height="150rpx"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="自动播放">
-			<z-swiper ref="zSwiperAuto" v-model="list" :options="optionsAuto">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-			<z-swiper ref="zSwiperThumbsAuto" :custom-style="{'margin-top':'10rpx'}" v-model="list" :options="optionsThumbsAuto" @swiper="setThumbsAutoSwiper">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item" height="150rpx"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	import data from '../../common/js/data.js'
-	export default {
-		data() {
-			return {
-				optionsThumbs: {
-					spaceBetween: 10,
-					slidesPerView: 4,
-					freeMode: true,
-					watchSlidesProgress: true,
-					thumbs: {
-						use: true
-					}
-				},
-				options: {
-					spaceBetween: 10,
-					thumbs: {
-						swiper: true
-					}
-				},
-				optionsThumbsAuto: {
-					spaceBetween: 10,
-					slidesPerView: 4,
-					freeMode: true,
-					watchSlidesProgress: true,
-					thumbs: {
-						use: true
-					}
-				},
-				optionsAuto: {
-					spaceBetween: 10,
-					thumbs: {
-						swiper: true
-					},
-					autoplay: true
-				},
-				list: data
-			}
-		},
-		methods: {
-			setThumbsSwiper() {
-				this.$refs.zSwiper.swiper.on("beforeMount", (swiper) => {
-					this.$refs.zSwiper.swiper.params.thumbs.swiper = this.$refs.zSwiperThumbs.swiper;
-				})
-			},
-			setThumbsAutoSwiper() {
-				this.$refs.zSwiperAuto.swiper.on("beforeMount", (swiper) => {
-					this.$refs.zSwiperAuto.swiper.params.thumbs.swiper = this.$refs.zSwiperThumbsAuto.swiper;
-				})
-			},
-		}
-	}
-</script>

+ 0 - 60
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/pages/virtual/index.vue

@@ -1,60 +0,0 @@
-<template>
-	<view class="demo-swiper">
-		<demo-block title="基础用法-数据截断">
-			<z-swiper ref="zSwiper" v-model="list" :options="options">
-				<z-swiper-item v-for="(item,index) in list" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-		<demo-block title="基础用法-保留结构">
-			<z-swiper ref="zSwiper" v-model="listKeep" :options="optionsKeep">
-				<z-swiper-item v-for="(item,index) in listKeep" :key="index">
-					<demo-item :item="item"></demo-item>
-				</z-swiper-item>
-			</z-swiper>
-		</demo-block>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				options: {
-					virtual: {
-						type: 'cut',
-						addSlidesBefore: 1,
-						addSlidesAfter: 1,
-						slides: []
-					},
-				},
-				optionsKeep: {
-					virtual: {
-						type: 'keep',
-						addSlidesBefore: 1,
-						addSlidesAfter: 1,
-						slides: []
-					},
-				},
-				list: [],
-				listKeep: [],
-				preList: [],
-				colorList: ['#7ED321', '#2183D3', '#2128D3', '#431058', '#1E835A', '#B1397B', '#B36021']
-			}
-		},
-		mounted() {
-			let list = [];
-			for (var i = 1; i < 1000; i += 1) {
-				const randomValue = Math.floor(Math.random() * 7);
-				list.push({
-					background: this.colorList[randomValue],
-					text: `slide${i}`
-				})
-			}
-			this.preList = [...list];
-			this.options.virtual.slides = [...list];
-			this.optionsKeep.virtual.slides = [...list];
-		}
-	}
-</script>

文件差異過大導致無法顯示
+ 0 - 1
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/banks.svg


+ 0 - 1
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/business.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="#fff" d="M 17.7344 11.9102 C 17.7344 9.9649 18.7423 8.9805 20.6876 8.9805 L 35.3126 8.9805 C 37.2579 8.9805 38.2423 9.9649 38.2423 11.9102 L 38.2423 14.0195 L 17.7344 14.0195 Z M 53.8280 20.8867 C 53.8280 16.3398 51.3906 14.0195 46.8440 14.0195 L 41.8751 14.0195 L 41.8751 12.1680 C 41.8751 7.5976 39.6016 5.5820 35.2657 5.5820 L 20.7344 5.5820 C 16.6329 5.5820 14.1016 7.5976 14.1016 12.1680 L 14.1016 14.0195 L 9.1564 14.0195 C 4.8204 14.0195 2.1720 16.3398 2.1720 20.8867 L 2.1720 26.9336 L 53.8280 26.9336 Z M 9.1564 50.4180 L 46.8440 50.4180 C 51.3906 50.4180 53.8280 48.1211 53.8280 43.5508 L 53.8280 30.1211 L 37.3985 30.1211 L 37.3985 31.5039 C 37.3985 33.4258 36.2735 34.5273 34.3516 34.5273 L 21.5548 34.5273 C 19.6095 34.5273 18.5079 33.4258 18.5079 31.5039 L 18.5079 30.1211 L 2.1720 30.1211 L 2.1720 43.5508 C 2.1720 48.1211 4.5860 50.4180 9.1564 50.4180 Z"/></svg>

+ 0 - 1
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/checkmark.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="#fff" d="M 27.9999 51.9063 C 41.0546 51.9063 51.9063 41.0781 51.9063 28 C 51.9063 14.9453 41.0312 4.0937 27.9765 4.0937 C 14.8983 4.0937 4.0937 14.9453 4.0937 28 C 4.0937 41.0781 14.9218 51.9063 27.9999 51.9063 Z M 24.7655 40.0234 C 23.9687 40.0234 23.3593 39.6719 22.6796 38.8750 L 15.9296 30.5312 C 15.5780 30.0859 15.3671 29.5234 15.3671 29.0078 C 15.3671 27.9063 16.2343 27.0625 17.2655 27.0625 C 17.9452 27.0625 18.5077 27.3203 19.0702 28.0469 L 24.6718 35.2890 L 35.5702 17.8281 C 36.0155 17.1016 36.6249 16.75 37.2343 16.75 C 38.2655 16.75 39.2733 17.4297 39.2733 18.5547 C 39.2733 19.0703 38.9687 19.6328 38.6640 20.1016 L 26.7577 38.8750 C 26.2421 39.6484 25.5858 40.0234 24.7655 40.0234 Z"/></svg>

文件差異過大導致無法顯示
+ 0 - 6
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/earth.svg


二進制
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/egypt.jpg


+ 0 - 88
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/egypt.svg

@@ -1,88 +0,0 @@
-<svg width="231" height="147" viewBox="0 0 231 147" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M28.12 4.576L29.744 34.9975L56.344 35.7917L85.8107 35.3736L86.4413 20.9917L85.124 1.59334L29.06 1.69601L28.12 4.576Z" fill="white"/>
-<path d="M76.568 13.1453L85.9267 13.4227L85.124 1.59333L29.06 1.696L28.12 4.576L28.604 13.6797L43.5067 13.5881L76.568 13.1453Z" fill="#FF4127"/>
-<path d="M29.744 34.9975L56.344 35.7917L85.8107 35.3736L86.272 24.9079L74.008 25.1403L50.0467 24.8069L29.2067 24.936L29.744 34.9975Z" fill="black"/>
-<path d="M58.156 17.5267L55.9173 16.5079L53.9853 17.5267L53.172 22.6105L54.8 22.2027L56.3253 21.2892L57.852 23.0173L57.952 24.0345H58.8667L59.072 23.0173L59.8853 21.4917L61.412 22.2027L62.5293 22.9173L62.836 20.1693L62.224 17.9319L60.088 16.7105L58.9693 14.5761L56.632 14.372L56.2226 15.0855L57.4427 15.2881L58.156 17.5267Z" fill="#EF880C"/>
-<path d="M0.589294 110.158L1.09597 111.679L15.256 111.172L27.14 110.416L40.796 111.172L82.2653 111.679L106.541 111.172H128.036L151.048 111.679L151.301 108.897L145.991 101.311L125.507 77.5403L116.405 66.4121L114.635 64.3917L105.279 56.5507L89.852 39.1053L78.472 28.2319L73.4173 23.4267L71.6466 23.6788L61.784 34.8069L45.3453 56.3001L31.6933 74.0001L17.028 91.1975L0.589294 110.158Z" fill="#FFAD65"/>
-<path d="M64.8186 34.5521L73.392 23.4293L71.6466 23.6788L61.784 34.8069L45.3453 56.3001L31.6933 74.0001L17.028 91.1975L0.589294 110.158L1.09597 111.679L3.91065 111.576L16.7733 93.472L29.4173 79.0559L39.0266 66.6693L54.956 46.6917L64.8186 34.5521Z" fill="#BA7545"/>
-<path d="M97.944 53.0121L96.9333 51.4949L99.52 50.0412L89.852 39.1053L78.472 28.2319L73.4173 23.4267L71.6467 23.6788L61.784 34.8069L45.3453 56.3001L40.6653 62.3679H42.8173L48.1306 54.7813L52.6813 49.724L60.0147 49.9761V52.7584L59.508 56.3001L63.0493 57.5627V59.8387L73.6693 61.6079L75.9453 63.3772L79.484 60.0907L80.4946 57.0573L96.1747 58.0693L97.944 53.0121Z" fill="#FFD394"/>
-<path d="M71.8987 83.8627L94.9107 83.3559L111.852 84.8736L112.107 86.3917L99.46 85.6319L86.8187 84.6199L71.1387 85.1267L71.8987 83.8627Z" fill="#FFD394"/>
-<path d="M96.6827 89.6788H115.393L120.197 89.9319V91.448L109.324 91.1975L109.073 92.9668H96.9333L96.6827 89.6788Z" fill="#BA7545"/>
-<path d="M26.3813 101.311L38.7733 101.815L41.8067 98.024L67.6013 97.7704L67.8533 99.0335L74.1747 99.5403L73.9227 101.564L41.304 100.045L39.0267 104.597L24.6133 105.357L26.3813 101.311Z" fill="#BA7545"/>
-<path d="M13.7387 103.839L19.0506 103.333L19.556 101.057L13.2346 101.815L13.7387 103.839Z" fill="#BA7545"/>
-<path d="M17.7853 104.345H24.1053L23.348 105.101L17.028 105.609L17.7853 104.345Z" fill="#BA7545"/>
-<path d="M20.3134 100.3L20.568 102.321H24.6134L24.864 100.805L20.3134 100.3Z" fill="#BA7545"/>
-<path d="M43.0733 103.839L42.5653 105.101H71.6467V103.839L55.7147 103.333L43.0733 103.839Z" fill="#BA7545"/>
-<path d="M75.4387 103.333V105.101L91.368 105.609L91.1186 104.345L75.4387 103.333Z" fill="#BA7545"/>
-<path d="M61.028 77.5403L81.7613 79.0559L81.2533 80.3225L60.2667 80.0679L61.028 77.5403Z" fill="#BA7545"/>
-<path d="M93.9013 65.1507L110.083 65.9069L109.827 64.6439L93.3933 63.3772L93.9013 65.1507Z" fill="#BA7545"/>
-<path d="M46.36 62.1147H57.9933L58.2453 63.6335L71.1387 65.4037L73.6693 67.6797H78.7267L73.9226 65.9069L71.8987 64.6439L60.0147 61.6079V60.0907H47.8773L46.36 62.1147Z" fill="#FFD394"/>
-<path d="M50.9107 56.5507L50.66 57.8173H54.956L54.7053 56.3001L50.9107 56.5507Z" fill="#BA7545"/>
-<path d="M29.4173 83.8627H41.5547L52.176 85.1267L53.188 86.3917H58.4933L58.2454 87.6548L27.14 86.6428L29.4173 83.8627Z" fill="#BA7545"/>
-<path d="M62.796 86.6428V87.4012L69.6266 87.6548L69.1186 86.3917L62.796 86.6428Z" fill="#BA7545"/>
-<path d="M81.7613 90.9412L81.0013 92.46L86.8187 92.9668L86.312 91.448L81.7613 90.9412Z" fill="#BA7545"/>
-<path d="M115.9 97.7704L116.152 99.0335L137.393 100.805L141.185 99.5403L139.92 97.7704H115.9Z" fill="#BA7545"/>
-<path d="M100.728 69.4491H107.047L110.587 70.2069V71.7283L100.221 70.7121L100.728 69.4491Z" fill="#FFD394"/>
-<path d="M96.6827 69.7012L96.4253 70.9641H93.1387V69.7012H96.6827Z" fill="#BA7545"/>
-<path d="M114.635 79.3095V80.5745H117.163V79.5641L114.635 79.3095Z" fill="#BA7545"/>
-<path d="M41.5546 73.4949V74.7573H48.3813V73.4949H41.5546Z" fill="#BA7545"/>
-<path d="M58.748 69.1975V70.4616L64.5653 70.9641V69.9521L58.748 69.1975Z" fill="#BA7545"/>
-<path d="M19.8067 108.391L18.0387 113.703L18.7973 118.255L57.7373 119.519L76.4506 119.77L87.0693 126.091L94.152 130.389L98.7027 129.887L102.496 133.929L108.059 134.943L138.659 135.701L142.956 143.795L199.344 146.827L207.437 133.425L206.172 128.87L152.059 125.585L124.999 116.231L106.036 114.205L99.968 110.665H84.5413L30.428 108.641L19.8067 108.391Z" fill="#EF880C"/>
-<path d="M32.4506 106.87L32.7026 111.424L104.013 111.929L103.508 109.907L95.672 109.148L72.1506 108.641L43.8306 107.379L32.4506 106.87Z" fill="#FFC280"/>
-<path d="M174.309 143.539L145.484 141.517L142.956 139.241L139.416 133.929L108.817 131.148V129.125L100.979 127.608H92.8867L82.0134 121.033L76.4507 117.997L37.508 117.495L18.3973 115.863L18.7973 118.255L57.7373 119.519L76.4507 119.77L87.0693 126.091L94.152 130.389L98.7027 129.887L102.496 133.929L108.059 134.943L138.659 135.701L142.956 143.795L199.344 146.827L199.791 146.087L174.309 143.539Z" fill="#D17519"/>
-<path d="M98.4493 115.472L100.979 106.115L111.852 105.609L119.187 105.357L124.999 105.609L135.369 101.311L143.207 97.5173L146.495 92.7121L148.012 87.6548L147.761 82.3464L145.737 80.3225V78.3001L147.253 75.7693L148.267 71.7283L156.104 57.5627L162.427 49.724L168.244 48.7131L177.597 47.9548L181.643 45.9319L183.415 46.6917L186.195 50.2319L192.771 52.2521L195.047 54.5293L196.309 56.0464L199.344 56.5507L203.643 61.1027L211.484 81.3335L210.471 83.3559L210.976 85.3788L207.943 86.896L206.68 88.1616V93.2199L205.921 98.5283L206.68 105.101L211.231 106.115L212.492 108.391L216.541 108.897L216.287 110.919L221.348 112.689V114.457L219.071 114.713L218.819 117.243L222.861 117.748L225.139 119.519V121.793L225.392 123.816L228.677 124.574L230.956 125.585L229.944 129.887L226.148 132.412L211.484 133.425L184.173 134.184L166.725 133.172L160.404 132.158L152.059 130.643H148.517L135.621 123.564L125.255 119.519L116.405 119.263L105.785 117.997L100.472 116.988L98.4493 115.472Z" fill="#933800"/>
-<path d="M230.956 125.585L228.677 124.574L225.392 123.816L225.139 121.793V119.519L222.861 117.748L218.819 117.243L219.071 114.713L221.348 114.457V112.689L216.287 110.919L216.541 108.897L212.492 108.391L211.231 106.115L206.68 105.101L206.472 103.307L200.019 102.407L198.668 100.045L194.12 96.5037L190.072 89.4267L188.727 84.7053V82.8507L191.255 79.8147L192.771 75.9403L193.108 68.6892L194.289 66.836L195.467 62.4521L195.299 58.2387L193.951 56.5507L194.223 53.7037L192.771 52.2521L186.195 50.2319L183.415 46.6917L181.643 45.9319L177.597 47.9548L168.244 48.7131L164.657 49.336L164.787 52.5053L165.291 53.1797V57.3949L163.1 56.3829L161.416 57.0573L161.079 62.7907L161.919 67.1736L163.943 68.6892L165.629 68.0157L170.351 79.8147L170.18 81.8412L165.463 88.7521L154.504 91.448L143.805 96.6464L143.207 97.5173L135.369 101.311L124.999 105.609L119.187 105.357L111.852 105.609L100.979 106.115L98.4493 115.472L100.472 116.988L105.785 117.997L116.405 119.263L125.255 119.519L135.621 123.564L148.517 130.643H152.059L160.404 132.158L166.725 133.172L184.173 134.184L211.484 133.425L226.148 132.412L229.944 129.887L230.956 125.585Z" fill="#EF880C"/>
-<path d="M207.437 133.425L206.172 128.87L152.059 125.585L124.999 116.231L106.036 114.205L99.968 110.665H99.7506L98.4493 115.472L100.472 116.988L105.785 117.997L116.405 119.263L125.255 119.519L135.621 123.564L148.517 130.643H152.059L160.404 132.158L166.725 133.172L184.173 134.184L207.368 133.539L207.437 133.425Z" fill="#D17519"/>
-<path d="M177.684 133.805L181.288 134.017L181.172 127.355L176.903 127.096L177.684 133.805Z" fill="#B2510E"/>
-<path d="M153.185 130.848L153.28 125.658L152.059 125.585L148.967 124.519L148.544 130.643H152.059L153.185 130.848Z" fill="#B2510E"/>
-<path d="M140.637 126.315L141.009 121.764L138.729 120.975L138.917 125.372L140.637 126.315Z" fill="#B2510E"/>
-<path d="M125.771 119.716L135.621 123.564L138.057 124.903L137.885 120.685L126.056 116.592L125.771 119.716Z" fill="#B2510E"/>
-<path d="M109.264 118.413L116.405 119.263L118.231 119.317L118.7 115.557L108.92 114.516L109.264 118.413Z" fill="#B2510E"/>
-<path d="M185.015 85.7188L189.475 87.3283L188.727 84.7053V82.8507L191.255 79.8147L192.771 75.9403L193.108 68.6892L194.289 66.836L195.467 62.4521L195.299 58.2387L193.951 56.5507L193.967 56.3745L192.603 56.2163H187.037L183.667 56.5507V58.9147L184.343 62.7907L187.208 63.2949L188.557 64.8121L186.701 67.0053L187.208 68.3532L185.351 69.7012L183.329 69.5345L179.285 70.8797V71.7283L181.475 71.3865L185.015 71.7283V72.7335L182.823 72.4012L180.972 73.4079L184.68 74.2521L184.343 76.2761L182.317 76.1079L176.587 77.4584L170.325 80.1157L170.18 81.8412L169.745 82.4824L176.753 81.1652L182.823 81.3335L184.343 83.3559L185.015 85.7188Z" fill="#B2510E"/>
-<path d="M189.396 62.4559L189.232 66.1641L188.388 68.0157L191.927 67.3412L192.265 62.1147L189.396 62.4559Z" fill="#933800"/>
-<path d="M185.015 57.3949L185.859 61.4428H187.544L186.027 57.0573L185.015 57.3949Z" fill="#933800"/>
-<path d="M187.544 78.6371L181.98 77.1215H178.016L176.587 77.4584L182.653 78.8037L187.88 81.8412L188.952 82.5772L189.86 81.4907L187.544 78.6371Z" fill="#933800"/>
-<path d="M185.859 73.9173L186.027 76.4439L188.893 77.2881L192.097 77.6573L192.771 75.9403L192.995 71.1573L192.771 71.2188L187.88 72.9037L185.859 73.9173Z" fill="#933800"/>
-<path d="M182.317 64.3079L180.465 66.5001L182.317 66.836V64.3079Z" fill="#B2510E"/>
-<path d="M181.98 61.4428L181.139 62.96L178.609 61.6079L177.092 60.9371L172.54 60.5975L173.384 58.4095L173.719 57.7335L178.947 55.8797L182.488 56.2163L182.653 58.2387L182.317 59.2507L181.98 61.4428Z" fill="#B2510E"/>
-<path d="M168.832 73.5797L172.033 72.0627L177.765 71.0521V71.5559L172.099 72.5496L168.939 73.9387L168.832 73.5797Z" fill="#D17519"/>
-<path d="M167.863 67.3641L172.54 65.9069H176.967L177.917 66.1001L177.725 66.5387L173.743 66.2907L170.771 66.9824L167.863 67.8053V67.3641Z" fill="#D17519"/>
-<path d="M166.159 57.5627L170.264 56.5507L173.489 56.0464L174.941 56.1105L174.879 56.4892L171.024 56.8668L166.092 58.2573L166.159 57.5627Z" fill="#D17519"/>
-<path d="M182.653 52.3173L181.961 54.2121L183.289 54.5907L183.415 52.5053L182.653 52.3173Z" fill="#D17519"/>
-<path d="M163.943 68.6892L164.28 68.5573V64.9797L165.463 59.5865L165.259 57.3813L163.1 56.3829L161.416 57.0573L161.079 62.7907L161.919 67.1736L163.943 68.6892Z" fill="#B2510E"/>
-<path d="M181.393 54.1507L182.567 46.3267L181.643 45.9319L180.476 46.5173L180.064 50.4199L180.128 53.5813L181.393 54.1507Z" fill="#D17519"/>
-<path d="M198.501 70.0371L199.009 71.2188L203.392 70.7121L207.415 70.8308L206.569 68.648L198.501 70.0371Z" fill="#B2510E"/>
-<path d="M201.029 81.1652L204.404 81.6704L211.116 82.0668L211.484 81.3335L210.599 79.0559L206.763 79.1412L200.523 79.8147L201.029 81.1652Z" fill="#B2510E"/>
-<path d="M191.927 83.6949L192.095 85.0455L207.473 87.3627L207.943 86.896L210.976 85.3788L210.611 83.9215L195.299 82.5131L191.927 83.6949Z" fill="#B2510E"/>
-<path d="M156.104 57.5627L148.267 71.7283L147.253 75.7693L145.791 78.2121L156.36 77.2881L157.876 69.7012L159.701 53.1027L156.104 57.5627Z" fill="#B2510E"/>
-<path d="M153.323 80.1548L145.737 80.2949V80.3225L147.412 81.9975L152.648 81.1652L164.451 80.8283L164.787 79.9855L161.751 79.8147L153.323 80.1548Z" fill="#B2510E"/>
-<path d="M160.74 83.0199L155.515 82.8507L147.819 83.5917L147.897 85.2627L161.245 84.2001L160.74 83.0199Z" fill="#B2510E"/>
-<path d="M190.052 89.348L189.547 87.5829L188.893 87.9095H185.524L177.597 86.56L176.251 85.7188L167.364 85.9652L165.463 88.7521L164.843 88.9037L174.396 88.7521L183.331 88.9188L188.727 89.4267L190.052 89.348Z" fill="#D17519"/>
-<path d="M147.823 94.6917L159.055 94.9865L172.205 95.4933L184.173 96.5037L192.095 96.6736L193.963 96.2308L191.513 91.9507L186.027 92.46L172.712 92.2907L164.28 91.2797L153.851 91.7668L147.823 94.6917Z" fill="#D17519"/>
-<path d="M157.703 101.733L167.988 101.397L185.015 102.408L198.335 102.745L199.979 102.332L198.668 100.045L197.416 99.0679L191.759 99.2027L180.801 98.36L171.869 97.3491L152.816 97.1797L143.335 97.3345L143.207 97.5173L135.369 101.311L132.82 102.368L143.881 102.237L157.703 101.733Z" fill="#FFC280"/>
-<path d="M202.716 115.051L216.541 115.892L218.943 116.008L219.071 114.713L221.348 114.457V112.689L216.287 110.919L216.423 109.839L208.956 109.148L184.173 107.127L158.552 106.453L134.78 106.62L127.697 106.453L125.333 105.472L124.999 105.609L119.187 105.357L111.852 105.609L100.979 106.115L100.052 109.539L122.641 111.846L139.163 110.835L148.097 110.158L174.228 112.856L202.716 115.051Z" fill="#D17519"/>
-<path d="M163.268 121.117L197.827 121.625L225.179 122.107L225.139 121.793V119.519L223.948 118.589H215.361L200.189 117.58L162.933 115.217H151.132L137.14 115.892L141.861 118.589L152.312 121.288L163.268 121.117Z" fill="#FFC280"/>
-<path d="M169.857 97.3335L156.535 97.2105L157.071 101.755L157.703 101.733L167.988 101.397L169.668 101.493L169.857 97.3335Z" fill="#D17519"/>
-<path d="M172.113 101.64L176.039 101.872L175.943 97.8079L171.915 97.3532L172.113 101.64Z" fill="#D17519"/>
-<path d="M179.032 92.372L172.712 92.2907L164.28 91.2797L153.851 91.7668L147.823 94.6917L159.055 94.9865L172.205 95.4933L179.032 96.072V92.372Z" fill="#FFC280"/>
-<path d="M182.657 96.3761L184.173 96.5037L185.185 96.5283V92.448L182.657 92.4188V96.3761Z" fill="#B2510E"/>
-<path d="M150.46 106.509L134.78 106.62L127.697 106.453L125.333 105.472L124.999 105.609L119.187 105.357L111.852 105.609L100.979 106.115L100.052 109.539L122.641 111.846L139.163 110.835L148.097 110.158L150.46 110.404V106.509Z" fill="#FFC280"/>
-<path d="M154.165 109.148L153.712 110.74L163.607 111.76V110.665L161.245 109.148H154.165Z" fill="#B2510E"/>
-<path d="M165.124 108.98L167.484 109.995L170.351 109.485L169.752 106.746L164.861 106.62L165.124 108.98Z" fill="#B2510E"/>
-<path d="M183.113 113.543L187.061 113.846L187.179 107.37L184.173 107.127L182.741 107.087L183.113 113.543Z" fill="#FFC280"/>
-<path d="M216.541 120.612L191.759 119.263L164.451 117.748H152.312L150.793 119.095L156.241 121.225L163.268 121.117L197.827 121.625L217.123 121.963L216.541 120.612Z" fill="#D17519"/>
-<path d="M227.837 128.032L222.441 129.211L213.675 129.716L213.556 133.284L226.148 132.412L229.944 129.887L230.933 125.676L227.837 128.032Z" fill="#B2510E"/>
-<path d="M65.8306 39.6105L65.9573 40.6215H70.76L71.1386 39.4824L65.8306 39.6105Z" fill="#FFAD65"/>
-<path d="M67.2213 42.2652L67.472 43.6559L74.8053 44.0345V42.8975L74.1747 42.1403L67.2213 42.2652Z" fill="#FFAD65"/>
-<path d="M79.4839 42.8975L80.3693 43.9095H83.2786L83.404 42.6455L79.4839 42.8975Z" fill="#FFAD65"/>
-<path d="M75.188 39.6105L75.312 40.6215H77.208V39.6105H75.188Z" fill="#FFAD65"/>
-<path d="M60.392 46.3105L60.2667 47.3225L68.1053 47.7027V46.0584L61.4053 45.6788L60.392 46.3105Z" fill="#FFAD65"/>
-<path d="M82.52 48.8403V50.1037L91.748 50.736L92.128 48.7131L89.22 48.46L82.52 48.8403Z" fill="#FFAD65"/>
-<path d="M66.8413 52.6345V54.0225L75.6933 54.6559V53.0121L72.1506 52.1283L66.8413 52.6345Z" fill="#FFAD65"/>
-<path d="M74.3026 33.5403V34.9308L79.9893 34.8069L79.74 33.4147L74.3026 33.5403Z" fill="#FFAD65"/>
-<path d="M95.1813 2.87733L95.828 15.0267L96.344 31.8069L96.6027 34.5855L110.82 34.2387V30.9975L100.223 29.8403L100.479 21.0439L105.263 20.8131V17.1105L100.091 16.5308L99.576 7.62133L108.235 6.58V2.87733H95.1813Z" fill="white"/>
-<path d="M126.459 5.88401L125.035 7.736L121.029 6.11601L117.54 9.35867L116.507 19.6559L120.385 27.6403L124.389 27.7573L125.941 25.2105L126.072 21.3933L123.096 21.5069L122.323 17.1105L132.273 16.9933L132.404 19.5387L130.207 20.9267L130.335 34.5855L129.947 37.1308L127.232 36.9001L126.587 29.9559L122.709 32.6173L118.315 31.3455L113.92 25.4428L112.757 10.3973L116.377 0.446678L121.675 0.793342L126.459 5.88401Z" fill="white"/>
-<path d="M133.048 1.13866L130.593 2.87734L137.572 19.424V30.072L137.444 35.048L140.804 34.8157L142.225 18.2668L150.753 2.18134L148.688 0.793335L140.288 13.8704L133.048 1.13866Z" fill="white"/>
-<path d="M162.645 16.5308L156.96 18.036L156.441 6.232H158.639L161.999 7.50533L164.713 12.0187L162.645 16.5308ZM168.333 12.5973L166.136 4.38L160.965 2.06801L153.727 3.33866C153.727 3.68666 153.211 12.48 153.211 12.48L153.727 28.3345L154.245 34.8157L158.508 34.9308L158.38 21.8548L166.523 18.6157L168.333 12.5973Z" fill="white"/>
-<path d="M169.365 2.75867C169.496 3.22267 169.752 5.88401 169.752 5.88401L178.929 6.58001L179.447 34.0069L182.289 34.1225L184.099 32.2693L182.679 6.58001L191.079 5.65333L190.819 3.22267L173.113 2.41468L169.365 2.75867Z" fill="white"/>
-</svg>

二進制
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/england.jpg


+ 0 - 177
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/england.svg

@@ -1,177 +0,0 @@
-<svg width="133" height="160" viewBox="0 0 133 160" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M37.3546 76.992L38.6947 105.38L63.5067 106.275L90.9987 106.051L91.6693 92.64L90.552 74.5347L38.248 74.3094L37.3546 76.992Z" fill="#006DC1"/>
-<path d="M75.792 94.8427L58.7973 83.4134L42.0347 74.3267L38.248 74.3094L37.612 76.2147L52.5266 84.628L64.4613 91.808L77.4093 99.8014L88.7267 106.071L90.9987 106.051L91.104 103.937L75.792 94.8427Z" fill="white"/>
-<path d="M90.552 74.5347L87.992 74.524L70.5453 83.932L53.528 95.324L38.6347 104.123L38.6947 105.38L42.396 105.515L51.896 100.276L64.8613 92.3147L76.8147 85.1587L90.7253 77.3533L90.552 74.5347Z" fill="white"/>
-<path d="M90.636 75.8907L90.552 74.5347L90.164 74.5307L70.776 84.9027L52.956 96.7347L38.68 105.101L38.6946 105.38L39.5387 105.413L49.8693 99.764L63.4946 91.4653L76.0773 83.9947L90.636 75.8907Z" fill="#FF4127"/>
-<path d="M76.7053 96.88L58.552 84.78L39.0666 74.3133L38.248 74.3093L37.908 75.324L53.1866 83.8627L65.9653 91.4813L79.7613 99.9187L90.932 106.051H90.9986L91.036 105.309L76.7053 96.88Z" fill="#FF4127"/>
-<path d="M68.8813 106.229L68.7093 95.856L68.428 74.4387L60.8946 74.4067L60.72 87.2587L61.0226 100.409L61.1827 106.191L63.5067 106.275L68.8813 106.229Z" fill="white"/>
-<path d="M38.2 94.928L46.3573 94.5413L65.272 94.744L91.556 94.9333L91.6693 92.64L91.2653 86.06L65.272 86.348H51.9173L37.8067 86.612L38.2 94.928Z" fill="white"/>
-<path d="M38.12 93.2147L44.796 92.9907L67.584 93.164L91.6373 93.2853L91.6693 92.64L91.38 87.9387L67.5733 88.124H51.5427L37.8866 88.3027L38.12 93.2147Z" fill="#FF4127"/>
-<path d="M67.624 106.243L67.4973 97.172L67.2454 74.4334L62.0774 74.412L61.932 86.92L62.2373 102.512L62.32 106.231L63.5067 106.275L67.624 106.243Z" fill="#FF4127"/>
-<path d="M23.1333 0.394691L20.5147 9.61468C20.5147 9.61468 16.212 21.2534 16.068 21.6014C15.924 21.9467 13.7773 30.6853 13.7773 30.6853L18.5453 32.2627L28.8627 32.896L29.2387 31.0187L18.4 27.7254L21.0187 20.136L28.7547 22.4067L31.124 19.3227L22.3653 15.2707L25.328 6.19336L34.868 9.34935L35.84 6.36269L28.3627 2.1667L23.1333 0.394691Z" fill="white"/>
-<path d="M41.8307 6.96L37.8467 17.5106L33.4987 29.264L30.9267 36.74L33.5573 38.2427L37.9947 28.5587L41.7747 37.7293L41.284 41.188L44.3187 42.0453L56.3907 12.0707L53.828 10.7333L46.6747 26.6106L43.8427 32.7573L40.0173 23.7027L44.4907 8.06801L41.8307 6.96Z" fill="white"/>
-<path d="M66.7866 23.5907L69.2627 24.4853L70.0027 19.7747L67.528 17.2507L62.8053 17.1853L55.352 24.6614L51.828 33.776L50.8707 42.6L52.98 46.328L57.864 46.3267L59.7427 45.0734L57.8173 51.3267L60.1107 52.0094L65.0093 39.264L67.9013 40.4667L68.68 37.9427L60.0947 34.7747L59.5853 36.3267L61.908 38.244L60.1053 42.2427L56.4 43.0027L54.8173 39.632L57.5707 30.74L62.1147 21.78L65.2267 20.4987L66.584 21.4707L66.7866 23.5907Z" fill="white"/>
-<path d="M78.7506 21.2453L74.748 31.516L69.664 44.0507L66.94 50.9187L73.328 54.8L77.5186 56.136L80.5027 48.968L78.472 47.9867L76.1506 52.5827L71.748 49.8013L82.056 22.756L78.7506 21.2453Z" fill="white"/>
-<path d="M88.4506 47.8014L96.0959 36.604L92.68 49.6974L88.4506 47.8014ZM100.092 35.1494L100.843 29.764L98.0879 28.8894L89.316 40.836L81.7466 53.1507L79.3879 57.188L81.2373 57.956L86.2346 51.492L91.776 54.4774L90.9493 62L93.4559 62.5014L100.092 35.1494Z" fill="white"/>
-<path d="M110.148 31.1973L103.776 44.5493L97.0959 63.2027L100.437 63.6453L103.817 56.5067L108.588 66.224L111.112 67.0027L122.155 37.552L120.005 36.52L115.144 46.572L110.187 60.1067L105.917 51.14L112.827 32.5827L110.148 31.1973Z" fill="white"/>
-<path d="M124.204 65.5347L117.653 68.236L121.727 59.7547L127.301 47.0187L128.889 48.0867L130.011 52.8947L128.24 59.7547L124.204 65.5347ZM131.511 47.008L128.465 41.9427L125.209 40.3147L118.816 56.644L113.167 71.52L118.253 72.0107L127.769 66.7467L132.084 57.692L131.511 47.008Z" fill="white"/>
-<path d="M2.3147 72.3293L2.99201 78.9373V97.1373L3.26001 115.607L3.53068 131.651L4.47336 145.943L4.34136 157.807L22.8094 159.423L30.36 158.751L31.1694 135.023L30.0907 118.035L29.5507 101.181L28.608 75.1627L23.4827 71.5227L2.3147 72.3293Z" fill="#D8AA4E"/>
-<path d="M29.5506 101.181L28.608 75.1627L24.1253 71.9773L24.9666 81.4987L24.6986 97.5414L25.5067 124.103V140.819L25.6413 151.472L25.8666 159.151L30.36 158.751L31.1693 135.023L30.0906 118.035L29.5506 101.181Z" fill="#BF882E"/>
-<path d="M2.99201 78.9374V97.1373L3.26001 115.607L3.53068 131.651L4.47336 145.943L4.34136 157.807L8.77469 158.196L8.52 131.112L7.98003 100.375L7.03602 80.9587L6.77336 72.1613L2.3147 72.3293L2.99201 78.9374Z" fill="#BF882E"/>
-<path d="M25.9546 73.276L24.5906 72.3067L25.9546 73.276Z" fill="#BF882E"/>
-<path d="M25.6413 151.472L25.5066 140.819V124.103L24.6986 97.5413L24.9666 81.4987L24.1253 71.9773L23.4826 71.5227L20.1573 71.648L21.0573 85.004L20.7893 106.033L21.7346 132.595L22.2453 159.375L22.8093 159.423L25.8666 159.151L25.6413 151.472Z" fill="#BF882E"/>
-<path d="M27.3933 145.404L26.8573 120.999L26.3147 89.7227L26.6773 73.7894L24.1253 71.9773L24.9666 81.4987L24.6986 97.5414L25.5067 124.103V140.819L25.6413 151.472L25.8666 159.151L27.516 159.004L27.3933 145.404Z" fill="#9B7127"/>
-<path d="M31.1693 135.023L30.0907 118.035L29.5506 101.181L28.608 75.1627L28.2027 74.8747V79.3414L28.3373 95.9227L28.608 119.248L29.5506 147.424L29.7947 158.803L30.36 158.751L31.1693 135.023Z" fill="#9B7127"/>
-<path d="M23.844 143.561L23.5746 124.417L23.3053 112.912L22.9453 100.776L22.8573 87.6547L22.6 71.556L22.1586 71.572L22.4053 81.2733V96.9147L22.8573 113.449L23.1266 128.101L23.664 149.224L23.7493 159.341L24.188 159.303L23.844 143.561Z" fill="#9B7127"/>
-<path d="M6.67732 158.009V142.661L6.31599 123.787L5.86797 105.901L5.59864 94.8467L5.05863 79.2973V72.2267L4.36664 72.252L4.61065 78.5307L5.50931 102.125L5.59864 112.641L5.95863 124.596L6.31599 143.561L6.14398 157.964L6.67732 158.009Z" fill="#9B7127"/>
-<path d="M2.54266 79.5667H10.992L25.192 79.4747L29.328 81.8134V84.6894L24.8333 82.3534L19.1693 81.5427L8.02798 81.3627L2.63332 81.724L2.54266 79.5667Z" fill="#BF882E"/>
-<path d="M24.568 82.3147L24.8333 82.3534L29.328 84.6894V81.8134L25.2546 79.512L24.568 82.3147Z" fill="#9B7127"/>
-<path d="M10.992 79.5667H2.54266L2.58531 80.6294L11.9773 80.4654L20.6973 80.5547L24.7427 81.0947L29.328 83.5347V81.8134L25.192 79.4747L10.992 79.5667Z" fill="#F4BF62"/>
-<path d="M24.8533 81.1534L29.328 83.5347V81.8134L25.2546 79.512L24.8533 81.1534Z" fill="#BF882E"/>
-<path d="M2.45331 95.6533V96.644L24.6533 95.8347L30.0453 97.5414V96.372L24.6533 94.484L2.45331 95.6533Z" fill="#F4BF62"/>
-<path d="M24.2027 95.8494L24.6533 95.8347L30.0453 97.5414V96.372L24.6533 94.484L24.2027 94.5107V95.8494Z" fill="#D8AA4E"/>
-<path d="M2.272 99.7893L25.0133 98.9787L29.956 100.6V101.497L25.0133 99.9693L2.63333 100.508L2.272 99.7893Z" fill="#F4BF62"/>
-<path d="M24.4733 99V99.9813L25.0133 99.9693L29.956 101.497V100.6L25.0133 98.9787L24.4733 99Z" fill="#D8AA4E"/>
-<path d="M2.72398 113.631L2.54266 114.259L24.8333 112.821L30.4946 113.989L30.4053 113.271L24.8333 111.653L2.72398 113.631Z" fill="#F4BF62"/>
-<path d="M2.724 116.237L24.8333 114.8L30.2267 115.517V116.325L24.8333 115.968L2.81335 116.867L2.724 116.237Z" fill="#F4BF62"/>
-<path d="M24.8333 111.653L24.624 111.671L24.776 112.825L24.8333 112.821L30.4946 113.989L30.4053 113.271L24.8333 111.653Z" fill="#D8AA4E"/>
-<path d="M24.6067 114.813L24.7014 115.973L24.8333 115.968L30.2267 116.325V115.517L24.8333 114.8L24.6067 114.813Z" fill="#D8AA4E"/>
-<path d="M3.21732 133.135L23.4373 132.773L25.6853 132.729L31.2573 133.135L31.4387 133.941L25.5067 133.675L3.30534 134.079L3.21732 133.135Z" fill="#F4BF62"/>
-<path d="M3.39599 136.64L3.30533 137.449L25.596 137.629L31.304 137.584L31.4387 136.819L25.5506 136.233L3.39599 136.64Z" fill="#F4BF62"/>
-<path d="M25.6853 132.729L25.2613 132.74L25.2173 133.679L25.5067 133.675L31.4387 133.941L31.2573 133.135L25.6853 132.729Z" fill="#D8AA4E"/>
-<path d="M25.2493 136.239L25.2733 137.627L25.596 137.629L31.304 137.584L31.4387 136.819L25.5506 136.233L25.2493 136.239Z" fill="#D8AA4E"/>
-<path d="M7.62131 74.892L7.57733 77.812L8.96932 78.084L9.19465 75.7467L8.83466 74.6227L8.06932 74.3987L7.62131 74.892Z" fill="#9B7127"/>
-<path d="M10.0467 75.0707L10.2293 77.9453H11.6666L11.8 75.476L11.0827 74.4427L10.0467 75.0707Z" fill="#9B7127"/>
-<path d="M12.924 75.3413L13.0147 77.812L14.4973 77.724L14.6773 75.8813L14.092 74.6227L13.4627 74.4427L12.924 75.3413Z" fill="#9B7127"/>
-<path d="M15.62 75.2054L15.844 77.14L15.8907 77.768L17.3733 77.6347L17.4173 75.792L16.968 74.6227L16.3387 74.5307L15.62 75.2054Z" fill="#9B7127"/>
-<path d="M18.1387 75.3414L18.2267 77.588H19.5747L19.5307 74.892L18.7667 74.3067L18.2693 74.6227L18.1387 75.3414Z" fill="#9B7127"/>
-<path d="M9.86664 82.892L10.54 82.848L10.6773 88.104L10.7666 93.4533L10.184 93.496L10.0026 88.1493L9.86664 82.892Z" fill="#9B7127"/>
-<path d="M11.7107 82.756L11.9774 93.3174L12.788 93.3627L12.564 82.936L11.7107 82.756Z" fill="#9B7127"/>
-<path d="M16.2947 82.936L16.6533 93.4533L17.3293 93.3627L17.148 82.804L16.2947 82.936Z" fill="#9B7127"/>
-<path d="M18.3147 82.624C18.3147 82.756 18.5414 93.228 18.5414 93.228L19.0787 93.092L18.9454 82.6653L18.3147 82.624Z" fill="#9B7127"/>
-<path d="M9.91333 101.767L10.184 111.744L10.992 111.653L10.6773 101.677L9.91333 101.767Z" fill="#9B7127"/>
-<path d="M12.16 101.497L12.7893 111.653L13.7773 111.564L13.1946 101.315L12.16 101.497Z" fill="#9B7127"/>
-<path d="M16.2506 101.139L16.608 111.115L17.3293 111.069L16.9226 101.139H16.2506Z" fill="#9B7127"/>
-<path d="M18.2693 101.092L18.5413 111.024L19.1693 110.933L18.856 101.139L18.2693 101.092Z" fill="#9B7127"/>
-<path d="M10.3613 118.572L10.7213 131.696L11.352 131.563L11.0827 118.483L10.3613 118.572Z" fill="#9B7127"/>
-<path d="M12.2506 118.392L12.6093 131.739H13.1933L12.8787 118.213L12.2506 118.392Z" fill="#9B7127"/>
-<path d="M16.8347 118.529L16.968 131.336L17.4627 131.292V118.529H16.8347Z" fill="#9B7127"/>
-<path d="M18.5413 118.303L18.9453 131.563L19.7533 131.383L19.3493 117.989L18.5413 118.303Z" fill="#9B7127"/>
-<path d="M11.0347 139.516L10.9467 153.265L11.7107 153.221L11.9347 139.425L11.0347 139.516Z" fill="#9B7127"/>
-<path d="M12.9693 139.38L13.1933 153.852H13.8226L13.9133 139.425L12.9693 139.38Z" fill="#9B7127"/>
-<path d="M16.9226 139.56L16.968 154.123L17.8226 153.94L17.732 139.607L16.9226 139.56Z" fill="#9B7127"/>
-<path d="M19.2587 139.336L19.0347 154.256L20.1133 153.896L19.8907 139.293L19.2587 139.336Z" fill="#9B7127"/>
-<path d="M28.1373 126.461L28.2707 130.1L28.472 144.46L28.876 159.085L36.292 158.952L45.528 158.143L53.2133 157.4L57.1227 157.875L57.592 156.863L56.6493 124.437L42.2907 124.371L31.64 124.911L28 125.448L28.1373 126.461Z" fill="#D8AA4E"/>
-<path d="M41.956 147.763L41.752 136.977L41.6213 124.407L39.5427 124.511L39.7307 130.573L40.2693 138.324L40.404 147.693L40.7413 151.604L40.5387 156.796L40.684 158.569L42.336 158.423L41.956 147.763Z" fill="#BF882E"/>
-<path d="M56.996 136.339L41.012 137.179L35.9546 137.312L28.3666 137.028L28.412 140.079L40.876 139.268L41.416 139.941L57.08 139.232L56.996 136.339Z" fill="#F4BF62"/>
-<path d="M44.2453 156.661L28.8413 157.851L28.876 159.085L36.292 158.952L45.528 158.143L53.2133 157.4L57.1227 157.875L57.592 156.863L57.588 156.685L51.6613 156.459L44.2453 156.661Z" fill="#9B7127"/>
-<path d="M56.6493 124.437L42.2907 124.371L31.64 124.911L28 125.448L28.1373 126.461L28.1387 126.543L33.7307 126.057L38.8533 126.192H43.64L56.6987 126.127L56.6493 124.437Z" fill="#9B7127"/>
-<path d="M27.732 116.417V125.719L30.7653 125.517L42.224 125.113L57.056 125.181L56.1107 115.067L47.2813 115.001L33.46 115.405L27.932 115.741L27.732 116.417Z" fill="#4C4C7F"/>
-<path d="M46.54 118.572L45.864 119.045L42.7627 123.696L36.292 123.965L27.732 124.883V125.719L30.7653 125.517L42.224 125.113L57.056 125.181L56.9493 124.056L50.2467 123.631L46.54 118.572Z" fill="#BF882E"/>
-<path d="M39.596 124.169L41.752 124.035L41.8186 118.035L39.124 118.1L39.596 124.169Z" fill="#BF882E"/>
-<path d="M39.596 111.968V118.369H41.416L41.5506 111.564L39.596 111.968Z" fill="#BF882E"/>
-<path d="M40.2693 108.463L39.324 112.171L41.8866 112.035L40.2693 108.463Z" fill="#BF882E"/>
-<path d="M35.4467 115.348L35.82 123.493H36.4253L36.488 115.317L35.4467 115.348Z" fill="#7472B2"/>
-<path d="M32.7 115.452L33.7986 123.832L35.1453 123.631L34.3027 115.381L33.46 115.405L32.7 115.452Z" fill="#7472B2"/>
-<path d="M32.1133 124.035L32.72 123.9L32.0133 115.495L31.148 115.545L32.1133 124.035Z" fill="#37375B"/>
-<path d="M44.044 121.337L44.72 119.853L44.1813 115.092L42.752 115.135L44.044 121.337Z" fill="#37375B"/>
-<path d="M50.988 123.225L52.336 123.36L51.9014 115.036L49.176 115.017L50.988 123.225Z" fill="#7472B2"/>
-<path d="M53.2787 123.493L54.36 123.561L53.7173 115.049L52.3093 115.039L53.2787 123.493Z" fill="#7472B2"/>
-<path d="M54.964 123.425H55.572L55.004 115.06L54.272 115.055L54.964 123.425Z" fill="#37375B"/>
-<path d="M32.652 128.551L32.8546 135.897H33.6627L34.0693 128.887L33.46 128.08L32.652 128.551Z" fill="#9B7127"/>
-<path d="M35.0093 129.089L35.348 136.1L36.564 135.967L36.36 129.224L36.0213 128.551L35.4827 128.619L35.0093 129.089Z" fill="#9B7127"/>
-<path d="M37.5027 129.495L37.64 135.897H38.7187V129.157L37.9774 128.483L37.5027 129.495Z" fill="#9B7127"/>
-<path d="M44.044 129.631L44.38 135.628L45.1227 135.495L45.1907 129.495L44.72 128.483L44.3133 128.551L44.044 129.631Z" fill="#9B7127"/>
-<path d="M46.6733 129.829L47.0107 135.156L48.3573 134.887L47.8187 128.685L47.212 128.483L46.6733 129.829Z" fill="#9B7127"/>
-<path d="M49.7067 134.685H51.1893L51.056 128.551L49.8387 128.012L49.5067 129.024L49.7067 134.685Z" fill="#9B7127"/>
-<path d="M33.0573 153.087L34.3373 152.885V144.727L34.1347 142.437L33.0573 142.504L32.988 143.785L33.0573 153.087Z" fill="#9B7127"/>
-<path d="M36.0213 152.953H37.1693L37.1013 144.123L36.628 142.301L35.7546 142.572L35.2813 144.393L35.6186 152.885L36.0213 152.953Z" fill="#9B7127"/>
-<path d="M38.18 152.681L39.1933 152.616L39.324 142.976L38.4493 141.899L38.0467 142.64L38.18 152.681Z" fill="#9B7127"/>
-<path d="M43.5733 152.549L44.72 152.347V146.885L44.9186 142.705L44.38 141.761L43.64 141.967V144.593L43.5733 152.549Z" fill="#9B7127"/>
-<path d="M46.2693 152.347H47.9546L47.752 143.651L47.4813 141.899L46.4707 141.627L46.0667 143.109L46.2693 152.347Z" fill="#9B7127"/>
-<path d="M49.368 152.347L50.7173 151.943L50.584 141.627L49.8387 140.685L48.964 140.953L49.368 152.347Z" fill="#9B7127"/>
-<path d="M53.2133 157.4L54.3693 157.541L54.4933 152.279L54.4267 136.908L54.292 126.461L52.336 126.731L52.404 133L52.74 150.053L52.6787 157.453L53.2133 157.4Z" fill="#BF882E"/>
-<path d="M8.116 34.4453V36.6027L8.3853 41.456L19.3053 41.3227L22.9453 43.884L23.3506 36.3347L18.3613 34.0414L8.116 34.4453Z" fill="#D8AA4E"/>
-<path d="M19.4093 41.3947L22.9453 43.884L23.3506 36.3347L19.1973 34.4253L19.4093 41.3947Z" fill="#BF882E"/>
-<path d="M8.47198 33.096L12.1586 26.2667L13.776 20.3347L14.2253 16.4707L15.1253 16.2907L16.3827 18.3587L18.2693 26.3574L20.3386 32.5574L23.3946 35.524L18.6306 33.4574L7.93597 33.816L8.47198 33.096Z" fill="#4C4C7F"/>
-<path d="M23.3946 35.524L20.3386 32.5574L18.2693 26.3574L16.3827 18.3587L15.4066 16.752L16.024 20.8734L16.7453 26.2667L18.3613 31.5694L18.956 33.5987L23.3946 35.524Z" fill="#37375B"/>
-<path d="M7.12396 33.2773L18.7213 32.648L24.296 35.256L23.3053 37.1414L19.2586 35.1653L8.02663 35.256H7.39597L7.12396 33.2773Z" fill="#4C4C7F"/>
-<path d="M18.9839 35.1667L19.2586 35.1653L23.3053 37.1414L24.296 35.256L19.2893 32.9147L18.9839 35.1667Z" fill="#37375B"/>
-<path d="M24.296 35.256L18.7213 32.648L7.12396 33.2773L7.26664 34.3107L13.4173 33.9067L19.0786 34.0853L23.7973 36.2014L24.296 35.256Z" fill="#7472B2"/>
-<path d="M24.296 35.256L19.2893 32.9147L19.1293 34.108L23.7973 36.2014L24.296 35.256Z" fill="#4C4C7F"/>
-<path d="M10.3387 31.6147L10.8787 30.4027L11.4853 31.6827L10.3387 31.6147Z" fill="#BF882E"/>
-<path d="M13.44 31.48L13.9133 30.4027L14.856 31.6827L13.44 31.48Z" fill="#BF882E"/>
-<path d="M16.472 30.0654L16.0693 31.2787L17.212 31.48L16.472 30.0654Z" fill="#BF882E"/>
-<path d="M12.632 27.9067L12.1586 28.9867H12.8346L12.632 27.9067Z" fill="#BF882E"/>
-<path d="M14.9227 27.3667L14.856 28.4467L15.664 28.3107L14.9227 27.3667Z" fill="#BF882E"/>
-<path d="M14.2506 23.3907L13.6426 24.8067L14.6519 24.94L14.2506 23.3907Z" fill="#BF882E"/>
-<path d="M17.62 39.9067L17.5507 37.344V36.132L16.4054 36.0627L15.9333 37.008L16.0014 38.9627L16.06 41.3614L17.62 41.3427V39.9067Z" fill="#9B7127"/>
-<path d="M15.1733 41.3734L15.0573 37.816L14.856 35.9974H13.844L13.44 37.616L13.3787 41.3947L15.1733 41.3734Z" fill="#9B7127"/>
-<path d="M12.496 36.7374L11.8906 36.0627L11.352 36.8054V39.0973L11.5173 41.4187L12.968 41.3987L12.496 36.7374Z" fill="#9B7127"/>
-<path d="M10.5573 41.4294L10.676 37.344L10.272 35.9974H9.73198L9.46398 37.2094L9.34399 41.444L10.5573 41.4294Z" fill="#9B7127"/>
-<path d="M2.78931 50.8933V57.1627L22.7427 57.2293L27.3266 59.5213L27.664 54.5333L22.9453 49.4773L4.67866 50.0173L2.78931 50.8933Z" fill="#BF882E"/>
-<path d="M22.6986 57.2293H22.7426L27.3266 59.5213L27.664 54.5333L22.9813 49.5173L22.6986 57.2293Z" fill="#9B7127"/>
-<path d="M5.95866 52.1747L5.89066 55.68L6.69733 55.4094L6.90267 52.1747H5.95866Z" fill="#705726"/>
-<path d="M7.77734 52.108L7.98001 55.3427L8.72132 55.2747L8.65332 52.108H7.77734Z" fill="#705726"/>
-<path d="M9.80264 51.9734L9.93464 55.2094L10.676 55.1414L10.7426 52.04L9.80264 51.9734Z" fill="#705726"/>
-<path d="M11.552 52.108L11.688 54.9387H12.6973L12.768 52.1747L11.552 52.108Z" fill="#705726"/>
-<path d="M13.5093 52.04L13.6427 54.8694L14.856 54.736L14.72 51.836L13.5093 52.04Z" fill="#705726"/>
-<path d="M16.1374 51.904L15.9333 54.6693H17.212L17.08 51.836L16.1374 51.904Z" fill="#705726"/>
-<path d="M18.0253 51.836V54.6693H19.1026V51.7027L18.0253 51.836Z" fill="#705726"/>
-<path d="M7.84534 41.5907L4.74267 44.8267L1.84534 49.68L13.776 48.668L22.8093 49.0734L26.9213 52.7147L23.8866 44.22L19.508 41.928L17.2827 41.7267L7.84534 41.5907Z" fill="#7472B2"/>
-<path d="M23.8866 44.22L19.6853 42.0213L22.7986 49.0734H22.8093L26.9213 52.7147L23.8866 44.22Z" fill="#4C4C7F"/>
-<path d="M0.970642 49.0054L8.78796 48.5347L16.4053 48.196L22.1373 48.5347L22.8773 48.668L27.732 52.7813L28.1373 55.2747L27.192 55.2094L22.8773 50.8933L16.8093 50.2867L6.42797 50.624L2.72129 51.4333L1.37198 51.0293L0.970642 49.0054Z" fill="#9B7127"/>
-<path d="M22.9787 48.7533L22.7173 50.876L22.8773 50.8933L27.192 55.2094L28.1373 55.2747L27.732 52.7813L22.9787 48.7533Z" fill="#705726"/>
-<path d="M27.732 52.7813L22.8773 48.668L22.1373 48.5347L16.4053 48.196L8.78796 48.5347L0.970642 49.0054L1.21729 50.2494L7.03597 49.748L15.528 49.276L21.0573 49.612L22.7426 49.952L28.0653 54.8374L27.732 52.7813Z" fill="#BF882E"/>
-<path d="M22.8227 50.024L28.0653 54.8374L27.732 52.7813L22.9787 48.7534L22.8227 50.024Z" fill="#9B7127"/>
-<path d="M7.30533 40.7133L7.64267 42.1307L19.8453 42.6027L23.8866 44.76L23.956 42.8054L19.4387 40.3773L7.30533 40.7133Z" fill="#4C4C7F"/>
-<path d="M19.364 40.38L19.5814 42.5907L19.8454 42.6027L23.8867 44.76L23.956 42.8054L19.4387 40.3773L19.364 40.38Z" fill="#37375B"/>
-<path d="M6.29465 45.6374L5.75464 47.6573L7.03599 47.5907L6.90265 45.568L6.29465 45.6374Z" fill="#D8AA4E"/>
-<path d="M11.0147 45.7027L10.8107 47.524L11.8226 47.4574L11.4853 45.6374L11.0147 45.7027Z" fill="#D8AA4E"/>
-<path d="M14.9893 45.7027L14.652 47.2533H16.1373L15.596 45.6373L14.9893 45.7027Z" fill="#D8AA4E"/>
-<path d="M19.5747 46.108L19.1027 47.4574L20.2493 47.524L20.1133 46.04L19.5747 46.108Z" fill="#D8AA4E"/>
-<path d="M8.78797 42.8734L8.24933 44.76H9.86665L9.39864 42.7374L8.78797 42.8734Z" fill="#D8AA4E"/>
-<path d="M13.2387 43.208L13.0347 44.8933H13.9787L13.6427 43.1414L13.2387 43.208Z" fill="#D8AA4E"/>
-<path d="M17.888 43.2773L17.3506 44.9627L18.4947 45.0294L18.428 43.208L17.888 43.2773Z" fill="#D8AA4E"/>
-<path d="M0.47467 56.556L5.41865 56.4667L19.98 56.016L23.484 55.6587L29.6866 60.692L29.056 76.5094L24.1147 72.464H22.1373L7.668 72.824L1.55465 73.2747L1.376 68.5987L0.47467 60.24V56.556Z" fill="#F4BF62"/>
-<path d="M23.844 59.8813L24.0986 72.464H24.1147L29.056 76.5094L29.6866 60.692L23.844 55.9493V59.8813Z" fill="#D8AA4E"/>
-<path d="M5.41864 56.4667L3.91467 56.4947L4.15865 60.78L4.84267 73.032L7.66799 72.824L20.9693 72.4947V65.8133L20.884 55.924L19.98 56.016L5.41864 56.4667Z" fill="#D8AA4E"/>
-<path d="M4.79065 57.1853L5.23866 67.164L5.68798 72.1947L14.3173 71.7453L19.8013 71.656L20.428 61.2307L20.2506 56.9173H14.4973L7.93599 57.0947L4.79065 57.1853Z" fill="#705726"/>
-<path d="M0.925323 58.264L1.104 60.96L1.64401 60.78V58.1747L0.925323 58.264Z" fill="#BF882E"/>
-<path d="M2.272 58.0853V60.6013H2.81334L2.90133 58.1747L2.272 58.0853Z" fill="#BF882E"/>
-<path d="M1.55463 66.084L1.82263 68.332L2.54265 68.2413V65.8133L1.55463 66.084Z" fill="#BF882E"/>
-<path d="M3.17334 65.724V68.1507H3.62132L3.53066 65.724H3.17334Z" fill="#BF882E"/>
-<path d="M21.5067 58.264L21.596 60.692H22.1373V58.1747L21.5067 58.264Z" fill="#BF882E"/>
-<path d="M22.676 58.1747V60.5107L23.216 60.6013L23.3054 58.3547L22.676 58.1747Z" fill="#BF882E"/>
-<path d="M21.5067 65.8133L21.4173 68.5107H21.956L22.2266 65.6333L21.5067 65.8133Z" fill="#BF882E"/>
-<path d="M22.764 65.4533L22.4947 68.332L23.3947 68.2413L23.216 65.724L22.764 65.4533Z" fill="#BF882E"/>
-<path d="M25.1133 73.2827L28.0587 75.692L27.888 64.8254L28.408 59.6533L25.024 56.9067L25.2813 65.0947L25.1133 73.2827Z" fill="#BF882E"/>
-<path d="M5.59866 57.904L6.40667 71.2973L19.1693 70.8466L19.528 57.9947L7.936 57.816L5.59866 57.904Z" fill="#EF880C"/>
-<path d="M13.328 58.444L9.73197 58.804L7.93598 59.8813L6.76531 62.2187L6.40665 65.1853L7.30665 67.792L9.91332 69.7707L12.4306 70.4893L15.036 70.3094L17.8226 67.7014L18.8107 64.6453V62.0387L16.9226 59.5213L15.036 58.804L13.328 58.444Z" fill="#FFEDCC"/>
-<path d="M13.0147 59.5667L10.8573 59.972L8.69997 61.0947L7.93597 63.3427L8.24932 66.264L9.73197 68.332L12.1147 69.2307L14.9893 68.8253L16.6986 66.9827L17.4173 64.2867L17.3293 62.444L16.204 60.692L14.588 59.836L13.0147 59.5667Z" fill="#BF882E"/>
-<path d="M11.8 60.0614L10.5866 60.5107L8.92397 61.3627L8.3853 62.8933L8.24933 64.0173L8.5213 65.7694L9.01333 66.7133L10.184 68.196L11.8906 68.7813L13.1946 68.8253L14.856 68.4667L16.1613 67.2067L16.7453 65.6787L17.148 64.0614L17.0133 62.5334L15.9346 60.916L14.452 60.0173L12.924 59.836L11.8 60.0614Z" fill="#FFEDCC"/>
-<path d="M13.0147 61.276L10.6333 61.8133C10.6333 61.8133 9.95731 63.208 9.95731 63.3427C9.95731 63.4774 10.0467 65.6787 10.0467 65.6787L11.576 66.8467L13.4626 67.252L15.1266 66.264L15.9346 64.376L15.576 62.7574L14.1813 61.544L13.0147 61.276Z" fill="#BF882E"/>
-<path d="M12.2947 61.68L11.036 61.948L10.2733 62.6694L10.1373 64.0614L10.316 65.4534L11.3053 66.308L12.4307 66.756L13.7333 66.8027L14.6333 66.264L15.3973 64.96L15.4853 63.8374L14.9893 62.5787L13.9133 61.7707L12.2947 61.68Z" fill="#FFEDCC"/>
-<path d="M12.4307 58.804V60.2853L12.7453 60.24V58.804H12.4307Z" fill="#BF882E"/>
-<path d="M12.6547 68.556L12.564 70.0827H12.8787L12.9693 68.556H12.6547Z" fill="#BF882E"/>
-<path d="M16.6533 64.1507L18.5413 64.24L18.4506 64.6L16.608 64.4667L16.6533 64.1507Z" fill="#BF882E"/>
-<path d="M6.72265 64.1507H8.608V64.556H6.63199L6.72265 64.1507Z" fill="#BF882E"/>
-<path d="M7.26129 61.724L8.83463 62.2627L8.92395 61.86L7.4413 61.3213L7.26129 61.724Z" fill="#BF882E"/>
-<path d="M9.41998 59.2974C9.41998 59.432 10.496 60.96 10.496 60.96L10.8573 60.736L9.82265 59.1187L9.41998 59.2974Z" fill="#BF882E"/>
-<path d="M15.8907 59.432L14.9893 60.8707L15.216 61.0947L16.204 59.5214L15.8907 59.432Z" fill="#BF882E"/>
-<path d="M17.7773 61.1853L16.2506 62.1747L16.5186 62.6227L17.9586 61.544L17.7773 61.1853Z" fill="#BF882E"/>
-<path d="M9.14935 66.264L7.396 67.2067L7.48398 67.6107L9.32933 66.444L9.14935 66.264Z" fill="#BF882E"/>
-<path d="M10.8573 67.9267L10.184 69.544L10.4507 69.6334L11.1253 67.9707L10.8573 67.9267Z" fill="#BF882E"/>
-<path d="M14.6773 67.9707C14.7653 68.1054 15.844 69.1387 15.844 69.1387L16.0693 68.8254L14.8106 67.792L14.6773 67.9707Z" fill="#BF882E"/>
-<path d="M15.9787 66.1733L17.7773 66.892L17.9586 66.5333L16.1613 65.724L15.9787 66.1733Z" fill="#BF882E"/>
-<path d="M12.6973 63.5667L12.16 63.8374L12.2506 64.4667L12.836 64.5094L13.0573 63.8827L12.6973 63.5667Z" fill="#BF882E"/>
-<path d="M11.62 60.6453L11.7107 61.8133L12.52 63.9734L12.7893 63.8827L11.62 60.6453Z" fill="#BF882E"/>
-<path d="M12.6547 64.196L12.6973 68.1507H12.8787L13.0147 64.0173L12.6547 64.196Z" fill="#BF882E"/>
-<path d="M41.012 137.179L40.1907 137.199L40.2694 138.324L40.2827 139.307L40.876 139.268L41.416 139.941L41.8067 139.924L41.7547 137.14L41.012 137.179Z" fill="#9B7127"/>
-<path d="M54.4266 136.908L54.4213 136.476L52.4733 136.579L52.5293 139.437L54.4347 139.352L54.4266 136.908Z" fill="#9B7127"/>
-<path d="M42.336 158.423L42.2774 156.812L40.5507 156.947L40.684 158.568L42.336 158.423Z" fill="#705726"/>
-<path d="M54.392 156.564L52.6866 156.497L52.6786 157.453L53.2133 157.4L54.3693 157.541L54.392 156.564Z" fill="#705726"/>
-<path d="M51.9987 124.348L54.1546 124.215L54.2226 118.213L51.528 118.281L51.9987 124.348Z" fill="#BF882E"/>
-<path d="M51.9987 112.148V118.551H53.8173L53.952 111.744L51.9987 112.148Z" fill="#BF882E"/>
-<path d="M52.672 108.64L51.7266 112.349L54.292 112.213L52.672 108.64Z" fill="#BF882E"/>
-</svg>

二進制
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/france.jpg


+ 0 - 103
zebra-swiper 3D轮播,全面对标swiperjs并实现全端兼容。示例/static/images/france.svg

@@ -1,103 +0,0 @@
-<svg width="162" height="155" viewBox="0 0 162 155" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M27.7227 12.6054L29.4893 10.4094L30.0626 8.21333L30.2067 0.432014L30.732 0.0013504L31.2093 8.26268L32.0693 10.1707L34.456 12.656L27.7227 12.6054Z" fill="#7C6E6A"/>
-<path d="M35.4573 121.219L24.8573 121.363L27.1507 112.196L29.156 102.885L30.1587 96.5827L30.732 93.576L33.1653 93.8627H35.4573L37.892 106.321L42.0453 121.363L35.4573 121.219ZM68.1133 151.296L60.5213 136.972L53.0747 118.067L46.6293 99.876L43.192 83.4067L39.7533 59.2027L37.4627 35.8547L37.3187 18.956L36.8907 16.6654L25.8627 17.0947L26.0027 24.5414L26.1467 41.4427L26.0027 47.028V54.188L25.1453 66.936L23.9987 81.832L21.5653 95.152L18.8427 107.755L14.5453 119.641L9.104 135.825L1.22666 150.436L0.511993 152.585L1.51466 153.587L15.4053 154.016L16.84 148.287L19.4173 141.843L26.864 135.825L33.3093 133.677L38.0347 134.108L41.472 135.685L47.488 139.264L50.496 142.845L54.364 153.731L63.2453 154.16L68.6853 153.015L68.1133 151.296Z" fill="black"/>
-<path d="M53.7906 147.284L50.2107 140.124L45.9147 135.971L42.0453 133.536L36.1747 131.675L29.872 131.817L23.284 134.539L16.84 142.845L13.7573 153.965L15.4053 154.016L16.84 148.287L19.4173 141.843L26.864 135.825L33.3093 133.677L38.0347 134.108L41.472 135.685L47.488 139.264L50.496 142.845L54.364 153.731L55.7346 153.797L53.7906 147.284Z" fill="#36312E"/>
-<path d="M24.8573 121.363L27.1507 112.196L29.156 102.885L30.1587 96.5827L30.732 93.5761L31.5427 84.4094L32.116 70.66L32.784 58.1534L32.212 45.7401L31.5427 30.1761L31.0973 16.8907L25.8627 17.0947L26.0027 24.5414L26.1467 41.4427L26.0027 47.028V54.188L25.1453 66.936L23.9987 81.832L21.5653 95.152L18.8427 107.755L14.5453 119.641L9.104 135.825L1.22666 150.436L0.511993 152.585L1.51466 153.587L15.4053 154.016L16.84 148.287L19.2347 142.296L19.9893 138.477L24.2147 124.8L25.0293 121.36L24.8573 121.363Z" fill="#7C6E6A"/>
-<path d="M54.364 153.731L63.2453 154.16L68.6853 153.015L68.1133 151.296L60.5213 136.972L53.0747 118.067L46.6293 99.876L43.192 83.4067L39.7533 59.2027L37.4626 35.8547L37.3186 18.956L36.8906 16.6654L31.944 16.8573L32.8786 33.4213L33.3093 50.3213L33.8813 61.9227L34.3106 74.0973L34.6706 84.196L35.528 92.788L35.4493 93.8627H35.4573L37.892 106.321L42.0453 121.363L41.896 121.359L42.7613 122.865L46.2706 132.748L48.636 138.191L49.772 141.983L50.496 142.845L54.364 153.731Z" fill="#7C6E6A"/>
-<path d="M63.3733 154.133L61.0493 151.057L58.1827 145.328L53.0267 133.871L49.3027 123.653L45.58 113.819L42.8093 103.793L40.6133 94.1493L38.7987 81.2587L37.4627 66.4587L36.2213 50.6094L35.5533 36.668L35.0747 25.688V16.7347L34.5173 16.7573L34.6947 25.3067L35.0747 42.2067L36.508 63.0213L37.844 78.4893L40.136 94.436L43.192 108.759L48.348 123.272L53.2173 136.16C53.2173 136.16 59.424 149.624 59.424 149.912C59.424 150.111 61.2627 152.609 62.3907 154.119L63.2453 154.16L63.3733 154.133Z" fill="black"/>
-<path d="M28.392 26.8334L29.5373 43.3507L28.772 62.9267L28.1053 76.008L26.196 91.7614L23.332 105.989L17.5066 125.087L12.2546 141.699L7.25598 153.765L8.44397 153.801L9.48531 150.676L13.3053 141.127L16.4573 131.484L20.0853 118.688L23.5213 107.804L25.2426 98.732L26.196 94.5307L26.768 91.8573L27.4373 86.416L28.5826 76.3907L29.06 67.508L29.4413 56.8147L30.0146 45.548L29.9186 40.7747L29.2506 29.8893L28.8026 16.9787L28.04 17.008L28.392 26.8334Z" fill="#36312E"/>
-<path d="M12.3987 120.503L12.2547 125.516L18.9853 126.088L32.0213 126.375L45.056 125.945L55.796 125.371V120.788L38.8933 120.357H30.444L12.3987 120.503Z" fill="#36312E"/>
-<path d="M45.34 123.511L31.448 123.796L12.316 123.384L12.2547 125.516L18.9853 126.088L32.0213 126.375L45.056 125.945L55.796 125.371V123.639L45.34 123.511Z" fill="#473D38"/>
-<path d="M22.4227 121.219L37.6067 121.363L55.796 122.045V120.788L38.8933 120.357H30.444L12.3986 120.503L12.3733 121.353L22.4227 121.219Z" fill="#C4B7B3"/>
-<path d="M15.2986 125.775L16.9146 125.912L17.1893 123.488L15.4533 123.451L15.2986 125.775Z" fill="black"/>
-<path d="M19.8346 126.107L21.9626 126.153L21.8253 123.588L19.7867 123.544L19.8346 126.107Z" fill="black"/>
-<path d="M22.7946 126.172L24.0187 126.199L24.1773 123.639L22.8973 123.611L22.7946 126.172Z" fill="black"/>
-<path d="M27.2813 126.269L29.0147 126.308V123.743L27.2307 123.705L27.2813 126.269Z" fill="black"/>
-<path d="M33.9533 126.311L35.9133 126.247L35.776 123.708L33.9533 123.744V126.311Z" fill="black"/>
-<path d="M36.472 126.227L38.1067 126.173V123.659L36.52 123.691L36.472 126.227Z" fill="black"/>
-<path d="M42.6747 126.023L44.652 125.959L44.5213 123.527L42.42 123.571L42.6747 126.023Z" fill="black"/>
-<path d="M50.4587 125.656L50.6013 123.575L48.4107 123.548L48.604 125.756L50.4587 125.656Z" fill="black"/>
-<path d="M53.7093 125.483L53.864 123.616L51.4787 123.587L51.8627 125.581L53.7093 125.483Z" fill="black"/>
-<path d="M54.5066 126.948L46.4853 127.519L26.72 127.805L12.204 126.609L10.652 131.223L17.412 131.101L36.1746 130.672L57.9853 130.533L56.7706 127.451L54.5066 126.948Z" fill="#36312E"/>
-<path d="M56.7706 127.451L54.5066 126.948L46.4853 127.519L44.4266 127.548L45.5133 130.613L57.9853 130.533L57.328 128.867L56.7706 127.451Z" fill="#C4B7B3"/>
-<path d="M21.9427 93.0786L33.524 93.1466L38.3933 93.5053L45.2187 93.1213L44.5653 89.992L22.5213 89.9253L21.9427 93.0786Z" fill="#36312E"/>
-<path d="M31.052 89.952L22.5213 89.9253L21.9427 93.0787L30.772 93.1307L31.052 89.952Z" fill="#C4B7B3"/>
-<path d="M44.7053 90.66L44.5653 89.992L35.2466 89.964L35.528 92.788L35.4907 93.292L38.3933 93.5053L45.2186 93.1213L44.7053 90.66Z" fill="#C4B7B3"/>
-<path d="M21.9947 85.5547L21.7067 88.992H28.296L45.34 89.2787V85.5547H31.5893H21.9947Z" fill="#36312E"/>
-<path d="M21.9947 85.5547L21.9413 86.204L28.1533 86.7L45.34 86.5667V85.5547H31.5893H21.9947Z" fill="#C4B7B3"/>
-<path d="M45.34 89.2787V88.3973L32.3067 88.1333L21.8013 87.876L21.7067 88.992H28.296L45.34 89.2787Z" fill="black"/>
-<path d="M22.8547 131.387L23.9987 131.291L25.7667 134.92L24.764 135.255L22.8547 131.387Z" fill="#7C6E6A"/>
-<path d="M22.0413 133.345L21.7067 134.06L23.6653 136.065L24.0467 135.492L22.0413 133.345Z" fill="#7C6E6A"/>
-<path d="M43.2387 131.197L41.8547 133.871L42.2853 134.155L44.576 131.243L43.2387 131.197Z" fill="#7C6E6A"/>
-<path d="M45.34 132.58L43.144 135.016L44.8613 135.923L46.2493 133.725L45.34 132.58Z" fill="#7C6E6A"/>
-<path d="M41.904 131.101L40.9 133.44L39.9933 133.296L40.5667 131.101H41.904Z" fill="#7C6E6A"/>
-<path d="M8.19734 139.932L15.7413 140.697L17.6013 141.127L16.4093 142.224L7.05334 141.127L8.19734 139.932Z" fill="black"/>
-<path d="M4.09066 146.091L3.61331 147.189L14.4506 148.477L14.5453 147.332L7.95998 146.903L4.09066 146.091Z" fill="black"/>
-<path d="M7.95999 139.168L13.4493 136.544L13.1627 137.403L8.52933 139.455L7.95999 139.168Z" fill="black"/>
-<path d="M10.9173 132.533L13.3053 135.825L13.736 135.064L11.5867 131.625L11.0613 131.675L10.9173 132.533Z" fill="black"/>
-<path d="M15.5973 136.4L21.0387 132.008L20.8493 132.819L19.1787 134.824L15.836 136.925L15.5973 136.4Z" fill="black"/>
-<path d="M15.12 137.211L14.832 138.119L17.124 140.553H17.936L18.364 139.743L15.12 137.211Z" fill="black"/>
-<path d="M49.732 137.64L50.0213 138.883L60.1413 137.737L59.8053 137.069L49.732 137.64Z" fill="#36312E"/>
-<path d="M54.8893 146.999L55.4613 148.096L63.864 145.089L62.9586 143.944L54.8893 146.999Z" fill="#36312E"/>
-<path d="M56.084 149.912L56.4653 150.817L65.9173 149.004L65.2987 147.953L56.084 149.912Z" fill="#36312E"/>
-<path d="M57.752 152.727L57.8493 153.204L67.9227 152.153L67.4933 151.485L57.752 152.727Z" fill="#36312E"/>
-<path d="M51.452 134.492L49.3027 136.972L49.7787 137.975H50.9267L51.9267 135.349L51.452 134.492Z" fill="black"/>
-<path d="M46.9147 131.243L46.5333 131.675L51.9267 135.349L52.12 134.729L46.9147 131.243Z" fill="black"/>
-<path d="M53.408 133.296L53.6973 133.917L57.036 131.101L55.7493 131.055L53.408 133.296Z" fill="black"/>
-<path d="M54.124 134.395L54.028 135.064L59.3747 136.496V135.637L54.124 134.395Z" fill="black"/>
-<path d="M41.712 117.303L41.9506 118.115L52.4546 118.257L52.024 117.017L48.872 117.209L41.712 117.303Z" fill="#36312E"/>
-<path d="M39.516 108.472L39.7533 109.235L42.9533 109.044L46.1506 108.804L49.0627 108.852L48.5387 107.899L42.524 108.089L39.516 108.472Z" fill="black"/>
-<path d="M37.272 100.212L37.416 100.928H40.5173L46.104 100.832L45.9613 100.117L40.0387 100.212H37.272Z" fill="black"/>
-<path d="M38.8933 101.405L38.4653 101.836L43.956 105.941L47.6333 107.325L47.9173 106.705L43.6227 104.079L39.3733 101.643L38.8933 101.405Z" fill="#36312E"/>
-<path d="M45.5293 101.453L40.0387 107.469L40.2307 107.803L46.2973 101.643L45.5293 101.453Z" fill="black"/>
-<path d="M36.3627 95.008L40.0387 96.6786L40.4707 96.1067L36.6987 93.8627L36.3627 95.008Z" fill="#36312E"/>
-<path d="M21.1826 99.3054V100.068L26.3867 100.451L28.7253 100.547L28.868 99.9253L21.1826 99.3054Z" fill="black"/>
-<path d="M19.56 107.803L19.0826 109.044L22.2333 109.379H27.1026L27.248 108.472L24.0933 108.329L19.56 107.803Z" fill="#36312E"/>
-<path d="M16.6 115.585L16.5507 116.587L20.3707 116.443C20.3707 116.443 24.9547 115.728 25.1933 115.68C25.4307 115.632 25.528 114.629 25.528 114.629L16.6 115.585Z" fill="#36312E"/>
-<path d="M23.0453 105.224L19.7507 107.707L19.7013 106.753L22.7107 104.652L23.0453 105.224Z" fill="black"/>
-<path d="M25.0027 103.457L25.0493 104.223L28.536 101.5L28.1053 101.024L25.0027 103.457Z" fill="#36312E"/>
-<path d="M24.7147 104.843L24.3827 105.56L26.6267 107.899L27.2933 107.996L27.5333 107.087L24.7147 104.843Z" fill="#36312E"/>
-<path d="M26.0027 97.156L25.8627 97.8734L28.772 99.4467L29.1067 98.636L26.0027 97.156Z" fill="black"/>
-<path d="M26.3386 96.0587L26.1 96.536L26.9613 96.7747L29.968 94.4347L30.0146 93.72L29.1066 93.528L26.3386 96.0587Z" fill="#36312E"/>
-<path d="M22.2333 94.3867C22.376 94.4347 24.5733 96.3933 24.5733 96.3933L24.8573 95.82L22.4227 93.624L22.2333 94.3867Z" fill="black"/>
-<path d="M25.528 69.8013L25.3827 70.5627L28.0587 70.6107L31.3987 70.0387L31.2533 69.1787L25.528 69.8013Z" fill="#36312E"/>
-<path d="M24.8107 78.68V79.8747H31.0653L30.9227 78.8707L24.8107 78.68Z" fill="#36312E"/>
-<path d="M24.3827 82.1173L24.4293 82.928L30.636 82.8333L30.78 81.8787L24.3827 82.1173Z" fill="#36312E"/>
-<path d="M34.7413 68.32L34.7907 69.4173L40.5173 69.4654V68.56L34.7413 68.32Z" fill="#36312E"/>
-<path d="M26.4333 59.4894L26.3867 60.204L32.164 59.6787L32.116 58.916L26.4333 59.4894Z" fill="#36312E"/>
-<path d="M34.456 58.724V59.5827L39.228 59.6334L39.0853 58.82L34.456 58.724Z" fill="black"/>
-<path d="M26.4827 47.6973L26.5787 48.508L31.6387 48.2213L31.6867 47.4094L26.4827 47.6973Z" fill="#36312E"/>
-<path d="M33.7853 47.3133V48.2214L38.0347 48.46V47.792L33.7853 47.3133Z" fill="#36312E"/>
-<path d="M26.6266 38.2906L31.304 40.7747L31.2533 40.2973L26.816 37.4306L26.6266 38.2906Z" fill="#36312E"/>
-<path d="M31.5893 48.9853L29.348 50.6093L29.584 51.4213L31.8293 49.844L31.5893 48.9853Z" fill="#36312E"/>
-<path d="M26.5786 34.9014L26.672 35.8547L31.2533 35.7147L31.352 35.092L26.5786 34.9014Z" fill="#36312E"/>
-<path d="M33.3093 35.092L33.3573 35.7147L37.0827 35.8547L36.9373 35.188L33.3093 35.092Z" fill="black"/>
-<path d="M33.3093 34.0427L33.596 34.5187L36.8413 31.8453L36.556 31.32L33.3093 34.0427Z" fill="black"/>
-<path d="M33.2133 30.4147L33.3093 31.1307L36.7453 31.0827L36.6987 30.508L33.2133 30.4147Z" fill="black"/>
-<path d="M26.0027 24.5414L26.012 25.2267C27.188 25.268 30.7067 25.4027 30.8253 25.4027C30.9427 25.4027 35.704 24.9467 37.3693 24.788L37.3187 18.956L36.8907 16.6654L25.8627 17.0947L26.0027 24.5414Z" fill="#36312E"/>
-<path d="M26.6786 25.2507C26.9293 25.26 27.2107 25.2694 27.5067 25.2814L27.8413 17.0174L26.7613 17.0574L26.6786 25.2507Z" fill="black"/>
-<path d="M29.6067 25.3587C30.0093 25.3747 30.348 25.3854 30.568 25.3907L30.276 16.9227L29.2227 16.964L29.6067 25.3587Z" fill="black"/>
-<path d="M31.812 25.3147C32.0573 25.292 32.328 25.2654 32.6293 25.2374L32.4573 16.8374L31.5146 16.8734L31.812 25.3147Z" fill="black"/>
-<path d="M33.756 25.132C34.044 25.1054 34.336 25.076 34.6266 25.048L34.3333 16.7627L33.212 16.808L33.756 25.132Z" fill="black"/>
-<path d="M35.9227 24.9254C36.1947 24.9 36.4506 24.876 36.6826 24.852L36.4387 16.6827L35.7173 16.7094L35.9227 24.9254Z" fill="black"/>
-<path d="M25.2893 12.416L25.7173 15.7573L32.9747 15.4227L36.9373 15.6146L36.556 12.4627L35.3147 12.0347L26.1 11.9387L25.2893 12.416Z" fill="#36312E"/>
-<path d="M28.0586 15.6493L28.464 11.964L26.1426 11.9387L26.3626 15.7267L28.0586 15.6493Z" fill="#7C6E6A"/>
-<path d="M29.4293 15.5867L30.004 15.56L29.9333 11.9773L29.32 11.972L29.4293 15.5867Z" fill="#7C6E6A"/>
-<path d="M33.4426 15.4467L34.2293 15.484L34.348 12.0213L33.3693 12.0133L33.4426 15.4467Z" fill="#7C6E6A"/>
-<path d="M35.3987 15.54L36.9373 15.6147L36.556 12.4627L35.3147 12.0347H35.2893L35.3987 15.54Z" fill="#7C6E6A"/>
-<path d="M24.8573 15.3747L25.0493 17.428L32.544 17.188L37.512 17.0946L37.5573 14.9933L31.6387 14.612L24.8573 15.3747Z" fill="#7C6E6A"/>
-<path d="M12.204 126.609L10.652 131.223L17.412 131.101L22.304 130.989L23.3693 127.531L12.204 126.609Z" fill="#C4B7B3"/>
-<path d="M17.7453 128.809L17.6013 129.669L21.4707 130.623L21.9466 129.717L17.7453 128.809Z" fill="black"/>
-<path d="M16.0747 128.236L15.7413 129.141L11.6826 130.527L11.9693 129.717L16.0747 128.236Z" fill="black"/>
-<path d="M50.6067 127.225L49.8627 127.279L51.108 130.577L51.8253 130.573L50.6067 127.225Z" fill="#7C6E6A"/>
-<path d="M15.596 131.133L16.5626 131.115L17.7093 127.063L16.9027 126.996L15.596 131.133Z" fill="#7C6E6A"/>
-<path d="M65.0813 105.163L66.2827 130.565L88.4853 131.365L113.088 131.165L113.689 119.164L112.689 102.963L65.8813 102.761L65.0813 105.163Z" fill="white"/>
-<path d="M80.8533 114.12L81.1173 102.827L65.8813 102.761L65.0813 105.163L66.2827 130.565L80.9946 131.097L80.8533 114.12Z" fill="#006DC1"/>
-<path d="M98.308 102.901L98.5986 118.62V131.284L113.088 131.165L113.689 119.164L112.689 102.963L98.308 102.901Z" fill="#FF4127"/>
-<path d="M52.996 56.16L53.1253 70.8333L53.644 87.7187L53.7747 92.2627L57.412 91.612L57.0226 77.8467L63.9066 77.4573V72.7827L56.5026 72.1333L56.6333 61.0933L66.632 60.8333L66.372 53.82L52.996 56.16Z" fill="white"/>
-<path d="M72.8653 58.1067L74.036 57.5867L76.6333 58.6267L78.8427 61.7427L78.192 65.5094L73.3866 68.108L72.8653 58.1067ZM76.244 71.224L81.9573 68.108L82.8667 60.8334L78.4506 54.7294L72.8653 54.0813L69.7493 54.6L69.4893 71.872V92.524L73.1267 92.392L73.3866 74.472L82.348 87.5867L84.8147 85.7694L76.244 71.224Z" fill="white"/>
-<path d="M90.6587 75.12L93.6467 61.7427L95.464 74.472L90.6587 75.12ZM96.1133 59.4054L95.0747 53.692L92.476 53.9507L89.62 66.9387L86.372 84.86V87.328L88.84 87.1987L90.3987 79.4054H95.984L99.36 93.172L101.436 92.2627L96.1133 59.4054Z" fill="white"/>
-<path d="M103.127 53.692L102.996 65.64L102.607 84.6013L102.996 86.6786L106.243 86.288L106.763 79.016L114.944 84.9907L117.023 83.8213L116.633 54.0813L114.424 53.82L113.125 78.3653L105.595 71.872V53.692H103.127Z" fill="white"/>
-<path d="M134.555 60.704L136.761 59.5374L134.945 54.0813L130.271 51.7427L125.855 54.2094L123.255 63.432L123.516 77.328L128.192 86.0294L134.684 85.64L139.1 79.9254L139.879 75.12L137.283 74.9907L133.644 80.8347L130.399 82.0027L127.283 76.9387L127.54 61.8734L130.528 57.976L133.128 58.6267L134.555 60.704Z" fill="white"/>
-<path d="M143.256 53.82L142.739 69.4067L142.607 85.64L144.556 87.848H157.541L158.061 85.12L147.541 82.7813V75.7693L156.113 74.7293V72.912L147.283 71.612L148.711 57.328L161.308 56.4173L161.179 53.692L143.256 53.82Z" fill="white"/>
-</svg>

部分文件因文件數量過多而無法顯示