65 lines
1.7 KiB
Vue
65 lines
1.7 KiB
Vue
<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> |