开发中断3

src/common/imgSvg.ts

@@ -116,3 +116,12 @@ export const switchIcon = () : string => {
 `.trim();
 	return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgXml)}`;
 };
+
+
+// 左右切换箭头
+export const arrowRightIcon = (color : string = '#F5212D') : string => {
+	const svgXml = `
+<svg t="1762762748602" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7658" width="64" height="64" fill="${color}"><path d="M462.08 192a47.36 47.36 0 0 0 0 64l256 256-256 256a47.36 47.36 0 1 0 64 64l288.64-288.64A50.56 50.56 0 0 0 832 512a47.36 47.36 0 0 0-14.08-33.28L529.28 192a47.36 47.36 0 0 0-67.2 0z" p-id="7659"></path><path d="M206.08 192a47.36 47.36 0 0 0 0 64l256 256-256 256a47.36 47.36 0 1 0 64 64l291.84-286.08A50.56 50.56 0 0 0 576 512a47.36 47.36 0 0 0-14.08-33.28L273.28 192a47.36 47.36 0 0 0-67.2 0z" p-id="7660" fill="${color}"></path></svg>
+`.trim();
+	return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgXml)}`;
+};

src/components/points-and-badge/badge.vue

@@ -13,31 +13,26 @@
 						<image class="img" src="@/static/images/pointsAndRank/badge-wheat-right.png"></image>
 					</view>
 					<view class="points-div">
-						<view class="doct_icon left" @click="doct_click(-1)">
-							<view class="doct_icon_div">
-								<image src="/src/static/images/mascot/btn_left.png" class="img" mode="widthFix"></image>
+						<view class="doct_icon" @click="doct_click(-1)">
+							<view class="doct_icon_div left">
+								<image :src="arrowRightIcon('#D88F50')" class="img" mode="widthFix"></image>
 							</view>
 						</view>
 						<swiper class="swiper">
-							<swiper-item class="">
-								<view class="swiper-item-div">
-									<image src="@/static/images/test/xz.png" class="img" mode="widthFix"></image>
-								</view>
+							<swiper-item class="swiper-item-div">
+							
+									<image src="@/static/images/test/xz2.jpg" class="img" ></image>
+						
 							</swiper-item>
-							<swiper-item class="">
-								<view class="swiper-item-div">
-									<!-- <image-preview
-										class="img"
-										src="/traoss/tras3/show/S3F0250181220722025110713501700000661177"
-									></image-preview> -->
-									<image src="@/static/images/test/xz.png" class="img" mode="widthFix"></image>
+							<swiper-item class="swiper-item-div">
+									<image src="@/static/images/test/xz2.jpg" class="img"></image>
 									<!-- // <image-preview :src="item.imgAddr" class="img" mode="widthFix"></image-preview> -->
-								</view>
+								
 							</swiper-item>
 						</swiper>
-						<view class="doct_icon right" @click="doct_click(1)">
-							<view class="doct_icon_div">
-								<image src="/src/static/images/mascot/btn_right.png" class="img" mode="widthFix"></image>
+						<view class="doct_icon" @click="doct_click(1)">
+							<view class="doct_icon_div right">
+								<image :src="arrowRightIcon('#D88F50')" class="img" mode="widthFix"></image>
 							</view>
 						</view>
 						<!-- <view class="points-img-div">
@@ -69,6 +64,7 @@
 	import { optionErrorIcon, optionSuccessIcon } from '@/common/imgSvg';
 	import { addPointsByCheckIn, queryCheckIn } from '@/api/pointsAndRank.js';
 	import common from '@/common/common';
+	import {arrowRightIcon} from '@/common/imgSvg'
 	const popup = ref(null);
 	const nowImgSrc = ref('');
 	const badgesList = ref([]);
@@ -101,7 +97,6 @@
 
 <style scoped lang="scss">
 	.points-div {
-		background-color: red;
 		width: 100%;
 		display: flex;
 		position: relative;
@@ -109,15 +104,15 @@
 		justify-content: center;
 		.swiper {
 			flex: 1;
+			height: 400rpx;
 			.swiper-item-div {
 				// background-color: firebrick;
 				display: flex;
 				align-items: center;
-				flex-direction: column;
-				
+				justify-content: center;
 				.img {
-					width: 262rpx;
-					height: 262rpx;
+					width: 384rpx;
+					height: 340rpx;
 				}
 			}
 		}
@@ -130,8 +125,10 @@
 				align-items: center;
 				justify-content: center;
 			}
-
-			width: 6vw;
+			.left{
+				transform: rotate(180deg);
+			}
+			width: 8vw;
 			display: flex;
 			align-items: center;
 			flex-direction: column;
@@ -141,7 +138,7 @@
 	.button-div {
 		height: 92rpx;
 		width: 442rpx;
-		margin: 0 auto;
+		margin: 34rpx auto 0 auto;
 		.button {
 			width: 100%;
 			height: 100%;
@@ -176,7 +173,8 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		margin-top: 34rpx;
+		margin-top: 54rpx;
+		margin-bottom: 24rpx;
 		height: 68rpx;
 		.img {
 			width: 26rpx;