feat: init

src/views/restaurant/detail.vue

@@ -25,22 +25,20 @@
             <span class="text-[#abadad] text-[28rpx] font-400">/份</span>
           </div>
           <nut-button class="w-[248rpx]! add-btn rounded-full! flex" shape="square" @click="addToCart">
-            <div class="flex items-center"><Plus class="w-[32rpx] h-[32rpx] mr-[6rpx]" stroke-width="4"/>加入购物车</div>
+            <div class="flex items-center">
+              <Plus class="w-[32rpx] h-[32rpx] mr-[6rpx]" stroke-width="4" />
+              加入购物车
+            </div>
           </nut-button>
         </div>
       </div>
 
-      <ul class="grid gap-[20rpx] items-center px-[30rpx] pt-[20rpx]">
-        <li v-for="item in productionImgs" :key="item">
-          <img :src="item" alt="" class="w-[100%] object-contain" />
-        </li>
-      </ul>
+      <img :src="foodDetail?.detail" alt="" class=" object-contain px-[30rpx] mt-[20rpx]" />
     </div>
 
     <RestaurantCart class="mx-[20rpx] my-[16rpx]" />
 
     <nut-image-preview :show="state.showPreview" :images="state.imgData" @close="hideFn" />
-
   </div>
 </template>
 
@@ -52,8 +50,6 @@
 
   import { CartTypeEnum } from "@/types/cart";
 
-
-
   const val = ref(1);
 
   const { foodDetail } = useRestaurantFoodDetail();