修改背景视频为gif

pages/menu/menu.vue

 <template>
 	<view class="menu-box">
 		<view class="menu-banner" :style="{'height':buied?'360rpx':'450rpx'}">
-			<video autoplay muted loop :controls="false" :enable-progress-gesture="false" objectFit='cover' src="http://songclound.oss-cn-hongkong.aliyuncs.com/2022/06/27/71d36be0ed966.mp4" />
+			<image :src="'../../static/imgs/shouye.gif'"/>
+			<!-- <video autoplay muted loop :controls="false" :enable-progress-gesture="false" objectFit='cover' src="http://songclound.oss-cn-hongkong.aliyuncs.com/2022/06/27/71d36be0ed966.mp4" /> -->
 			<view class="shop-info" :style="'top:100rpx'">
 				<view class="shop-box">
 					<text @click="showArea" class="shop-name">{{ shopInfo.name }}</text>
@@ -360,6 +361,10 @@ export default {
 		height: 400rpx;
 		
 	}
+	image {
+			width: 100%;
+		height: 400rpx;
+	}
 
 	.login-area {
 		display: flex;

pages/mine/mine.vue

@@ -5,7 +5,8 @@
 				<!-- <image class="logImg" src="/static/imgs/hooloo.png"></image> -->
 				<!-- <view class="logText">未 来 咖 啡</view> -->
 			</view>
-			<video class="video" autoplay muted loop :controls="false" :enable-progress-gesture="false" objectFit='cover' src="http://songclound.oss-cn-hongkong.aliyuncs.com/2022/06/27/e6582afb60924.mp4"></video>
+			<image :src="'../../static/imgs/wode.gif'"/>
+			<!-- <video class="video" autoplay muted loop :controls="false" :enable-progress-gesture="false" objectFit='cover' src="http://songclound.oss-cn-hongkong.aliyuncs.com/2022/06/27/e6582afb60924.mp4"></video> -->
 		</view>
 		<view class="mod11">
 				<view class="avatar">
@@ -156,6 +157,10 @@ button::after {
 		height: 436rpx;
 	}
 
+	image {
+		height: 436rpx;
+	}
+
 	.log {
 		position: absolute;
 		z-index: 99;