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> |