<script setup>
	// 商品管理

	import {
		ref
	} from 'vue'
	import {
		onLoad,
		onReachBottom
	} from "@dcloudio/uni-app"

	// 
	import apex from "@/components/header/apex.vue"
</script>

<template>
	<view class="app">
		<apex title="商品管理">
			<template #right>
				<view class="f24">添加</view>
			</template>
		</apex>

		<view class="listBox oh">
			<view class="item oh mtb20 mlr20 plr20 bfff br20" v-for="(item,index) in 10" :key="index">
				<!-- 商品信息 -->
				<view class="product line df ptb20">
					<view class="poster wh160">
						<image class="wh160 br10"
							src="https://img13.360buyimg.com/n1/jfs/t1/117234/35/34799/82687/6449f2b4Fd6e2eef9/a754c5e178c9e9be.jpg.avif"
							mode="aspectFill" />
					</view>

					<view class="info df fdc jcsb f1 ml20">
						<view class="name t2hd c333 f28">靠枕 纯棉靠枕 车载居家 纯棉100% 卡通靠枕 人体工学</view>

						<view class="count fs0 c999 f24">销量：0</view>

						<view class="other df aic">
							<view class="price f1 cFF9B27">
								<text class="f30">价格：</text>
								<text class="f20">￥</text>
								<text class="f30">89</text>
							</view>
							<view class="f1 c999 f24">库存：×1</view>
						</view>
					</view>
				</view>

				<view class="menu ptb20 df jcr">
					<!-- <view class="btn sm bar closeHollow plr30">上架</view> -->
					<view class="btn sm bar closeHollow plr30">下架</view>
					<view class="btn sm bar closeHollow plr30">改价</view>
					<!-- 在没有进行中的订单才能删除 -->
					<!-- <view class="btn sm bar closeHollow plr30">删除</view> -->
					<view class="btn sm bar warmHollow plr30">编辑</view>
				</view>
			</view>
		</view>
	</view>
</template>

<style lang="scss">
	// 
</style>