feat: init
parent
edfeb770ff
commit
c325f56ed9
|
|
@ -25,22 +25,20 @@
|
||||||
<span class="text-[#abadad] text-[28rpx] font-400">/份</span>
|
<span class="text-[#abadad] text-[28rpx] font-400">/份</span>
|
||||||
</div>
|
</div>
|
||||||
<nut-button class="w-[248rpx]! add-btn rounded-full! flex" shape="square" @click="addToCart">
|
<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>
|
</nut-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="grid gap-[20rpx] items-center px-[30rpx] pt-[20rpx]">
|
<img :src="foodDetail?.detail" alt="" class=" object-contain px-[30rpx] mt-[20rpx]" />
|
||||||
<li v-for="item in productionImgs" :key="item">
|
|
||||||
<img :src="item" alt="" class="w-[100%] object-contain" />
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<RestaurantCart class="mx-[20rpx] my-[16rpx]" />
|
<RestaurantCart class="mx-[20rpx] my-[16rpx]" />
|
||||||
|
|
||||||
<nut-image-preview :show="state.showPreview" :images="state.imgData" @close="hideFn" />
|
<nut-image-preview :show="state.showPreview" :images="state.imgData" @close="hideFn" />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -52,8 +50,6 @@
|
||||||
|
|
||||||
import { CartTypeEnum } from "@/types/cart";
|
import { CartTypeEnum } from "@/types/cart";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const val = ref(1);
|
const val = ref(1);
|
||||||
|
|
||||||
const { foodDetail } = useRestaurantFoodDetail();
|
const { foodDetail } = useRestaurantFoodDetail();
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue