代码提交
This commit is contained in:
51
pages/index/components/NewProduct/index.vue
Normal file
51
pages/index/components/NewProduct/index.vue
Normal file
@ -0,0 +1,51 @@
|
||||
<!--
|
||||
@name: 新品首发
|
||||
@author: kahu4
|
||||
@date: 2023-10-27 14:42
|
||||
@description:index
|
||||
@update: 2023-10-27 14:42
|
||||
-->
|
||||
<script setup>
|
||||
import ThreeGoodRow from "@/pages/index/components/public/ThreeGoodRow.vue"
|
||||
|
||||
|
||||
import { useRouter } from "@/hooks/useRouter";
|
||||
import Card from "@/components/card/card.vue";
|
||||
|
||||
const props = defineProps({
|
||||
products: {
|
||||
type: Array
|
||||
}
|
||||
})
|
||||
|
||||
const {push} = useRouter()
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<blank size="15"></blank>
|
||||
<activity
|
||||
title="新品首发"
|
||||
subtitle="超多人想要"
|
||||
more="更多新品"
|
||||
@moreClick="push({ url: '/pages/newGoods/newGoods' })"
|
||||
>
|
||||
<view class="card goods-row">
|
||||
<ThreeGoodRow :products="props.products"></ThreeGoodRow>
|
||||
</view>
|
||||
|
||||
</activity>
|
||||
</template>
|
||||
|
||||
<style
|
||||
scoped
|
||||
lang="scss"
|
||||
>
|
||||
@import "@/style/main.scss";
|
||||
|
||||
.goods-row {
|
||||
@include usePadding(30, 20);
|
||||
border-radius: 15rpx;
|
||||
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user