|
|
@ -1,6 +1,9 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<!-- 商品组 --> |
|
|
|
<!-- 商品组 --> |
|
|
|
<view class="diy-goods" :style="{ background: itemStyle.background }"> |
|
|
|
<view class="diy-goods" :style="{ background: itemStyle.background }"> |
|
|
|
|
|
|
|
<view class="title"> |
|
|
|
|
|
|
|
热门商品 |
|
|
|
|
|
|
|
</view> |
|
|
|
<view class="goods-list" :class="[`display__${itemStyle.display}`, `column__${itemStyle.column}`]"> |
|
|
|
<view class="goods-list" :class="[`display__${itemStyle.display}`, `column__${itemStyle.column}`]"> |
|
|
|
<scroll-view :scroll-x="itemStyle.display === 'slide'"> |
|
|
|
<scroll-view :scroll-x="itemStyle.display === 'slide'"> |
|
|
|
<view class="goods-item" v-for="(dataItem, index) in dataList" :key="index" @click="onTargetGoods(dataItem.goods_id)"> |
|
|
|
<view class="goods-item" v-for="(dataItem, index) in dataList" :key="index" @click="onTargetGoods(dataItem.goods_id)"> |
|
|
@ -96,6 +99,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.diy-goods { |
|
|
|
.diy-goods { |
|
|
|
|
|
|
|
padding: 0 25rpx !important; |
|
|
|
.goods-list { |
|
|
|
.goods-list { |
|
|
|
padding: 4rpx; |
|
|
|
padding: 4rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
@ -254,4 +258,12 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.title{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
font-family: Source Han Sans SC; |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
font-size: 32rpx; |
|
|
|
|
|
|
|
color: #222222; |
|
|
|
|
|
|
|
padding: 20rpx 0; |
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|