44 lines
1.1 KiB
Vue
44 lines
1.1 KiB
Vue
|
<script setup>
|
|||
|
|
// 历史浏览
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<view class="app">
|
|||
|
|
<view class="list">
|
|||
|
|
<view class="item mtb20 bfff" v-for="(item,index) in 3" :key="index">
|
|||
|
|
<view class="date ptb20 plr20 c333 f28">今天</view>
|
|||
|
|
|
|||
|
|
<view class="product line df ptb20 plr20" v-for="(secItem,secIndex) in 2" :key="index">
|
|||
|
|
<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 c333 f28">靠枕 纯棉靠枕 车载居家 纯棉100% 卡通靠枕 人体工学</view>
|
|||
|
|
|
|||
|
|
<view class="other rows">
|
|||
|
|
<view class="col c333">
|
|||
|
|
<text class="f20">￥</text>
|
|||
|
|
<text class="f30">89</text>
|
|||
|
|
<text class="count ml20 fs0 c999 f24">销量：0</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="btn ti warmHollow plr20">去购买</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.list {
|
|||
|
|
.item {
|
|||
|
|
.date {
|
|||
|
|
border-bottom: 2rpx solid #eee;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|