新增后端传图自动压缩

yshop-drink-uniapp-vue3/pages/menu/menu.vue

@@ -50,6 +50,7 @@
 			<view class="menu-search">
 				<text class="iconsearch">⌕</text>
 				<input v-model="keyword" placeholder="搜索菜品、饮品" confirm-type="search" />
+				<button v-if="keyword" class="clear-search" aria-label="清空搜索" @tap="keyword = ''">×</button>
 			</view>
 		
 			<!-- #ifdef H5 -->
@@ -1496,6 +1497,8 @@ page {
 	.menu-search { display: flex; align-items: center; height: 78rpx; margin: 22rpx 0; padding: 0 24rpx; border: 2rpx solid #eee9e5; border-radius: 42rpx; color: #9d9d9d; background: #fff; }
 	.menu-search input { flex: 1; margin-left: 14rpx; font-size: 28rpx; }
 	.menu-search .iconsearch { font-size: 40rpx; line-height: 1; }
+	.menu-search .clear-search { width: 48rpx; height: 48rpx; margin: 0; padding: 0; border-radius: 50%; color: #999; font-size: 34rpx; line-height: 44rpx; background: #f1efed; }
+	.menu-search .clear-search::after { border: 0; }
 
 	.content { height: calc(100vh - 440rpx) !important; }
 	.menus { width: 156rpx; border-radius: 24rpx 0 0 24rpx; background: #fffaf5; }