轮播图替换

src/pages/boxes/detail.vue

@@ -6,8 +6,6 @@ import { isEmpty } from "radash"
 import { router } from "@@/index"
 import { boxesApi } from "@@/api"
 
-import zSwiper from "@zebra-ui/swiper/components/z-swiper/z-swiper.vue"
-import zSwiperItem from "@zebra-ui/swiper/components/z-swiper-item/z-swiper-item.vue"
 import { filePath } from "@/sheep/utils/file"
 
 const state = reactive<any>({
@@ -38,12 +36,20 @@ const doSubmit = () => {
 
 <template>
 	<crud-layout mainIsScroll tabBarType="just-flot-back" bg="/static/page/blue-bg.png">
-		<z-swiper>
-			<z-swiper-item v-for="(v, i) in state.detail.imagesArray" :key="i">
-				<image class="w-100vw" :src="filePath(v)" mode="widthFix" />
-			</z-swiper-item>
-		</z-swiper>
-		<view class="p-x-15rpx">
+		<swiper
+			class="w-100vw h-30vh"
+			circular
+			:indicator-dots="true"
+			indicator-active-color="#0779FD"
+			indicator-color="#ffffff"
+			:autoplay="true"
+		>
+			<swiper-item v-for="(v, i) in state.detail?.imagesArray" :key="i">
+				<image class="w-full h-full" :src="filePath(v)" mode="aspectFill" />
+			</swiper-item>
+		</swiper>
+
+		<view class="p-15rpx">
 			<view class="flex-col justify-between card p-y-20rpx p-x-30rpx">
 				<view class="flex-row items-center justify-between">
 					<view class="flex-row items-center">