src/pages/tabbar/canteenAnalyse.vue

@@ -22,7 +22,7 @@
 					<view class="w-80rpx text-center text-24rpx font-bold text-gray-600">排名</view>
 					<view class="flex-1 px-16rpx text-24rpx font-bold text-gray-600">菜品名称</view>
 					<view class="w-120rpx text-center text-24rpx font-bold text-gray-600">分类</view>
-					<view class="w-100rpx text-center text-24rpx font-bold text-gray-600">购买次数</view>
+					<view class="w-160rpx text-center text-24rpx font-bold text-gray-600">购买次数</view>
 				</view>
 
 				<view
@@ -58,10 +58,8 @@
 						<view class="text-22rpx text-gray-600 truncate">{{ item.classifyName || "未分类" }}</view>
 					</view>
 
-					<view class="w-100rpx text-center">
-						<view class="inline-block px-12rpx py-6rpx bg-blue-100 text-blue-600 text-22rpx font-medium rounded-1">
-							{{ item.payCount }}次
-						</view>
+					<view class="w-160rpx text-center">
+						<view class="px-12rpx py-6rpx bg-blue-100 text-blue-600 text-22rpx rounded-1 whitespace-nowrap">{{ item.payCount }}次</view>
 					</view>
 				</view>
 			</view>
@@ -88,7 +86,7 @@ const COLORLIST = ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA2
 
 const pieChartOpts = {
 	color: COLORLIST,
-	padding: [15, 15, 15, 15],
+	padding: [20, 20, 20, 20],
 	enableScroll: false,
 	legend: {
 		float: "center",