博客商品使用统一组件

master
gongfuxiang 2023-03-19 23:44:35 +08:00
parent d6b1cd67d5
commit bab4daff52
8 changed files with 20 additions and 99 deletions

View File

@ -29,7 +29,7 @@
<!-- 结尾 -->
<component-bottom-line :propStatus="data_bottom_line_status"></component-bottom-line>
<!-- 回到店铺 -->
<view v-if="(shop || null) != null" class="bottom-fixed padding-main">
<button class="bg-main br-main cr-white round dis-block" type="default" hover-class="none" size="mini" @tap="shop_event" :data-value="shop.url">

View File

@ -1,16 +0,0 @@
/**
*
*/
.goods-list .item {
width: calc(50% - 10rpx);
}
.goods-list .item:nth-child(2n) {
float: right;
}
.goods-list .item:nth-child(2n+1) {
float: left;
}
.goods-list .item .goods-img {
width: 100%;
height: 380rpx !important;
}

View File

@ -58,24 +58,12 @@
</view>
<!-- 相关商品 -->
<view v-if="(data.goods_list || null) != null && data.goods_list.length > 0" class="goods-list oh">
<view v-if="(data.goods_list || null) != null && data.goods_list.length > 0">
<view class="spacing-nav-title">
<text class="text-wrapper">相关商品</text>
<navigator url="/pages/goods-search/goods-search" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多</navigator>
</view>
<view class="goods-list oh">
<view v-for="(item, index) in data.goods_list" :key="index" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main oh">
<navigator :url="item.goods_url" hover-class="none">
<image class="goods-img dis-block" :src="item.images" mode="aspectFit"></image>
<view class="base padding-horizontal-main margin-top-sm">
<view class="multi-text">{{item.title}}</view>
<view class="price margin-top">
<text class="sales-price">{{currency_symbol}}{{item.min_price}}</text>
</view>
</view>
</navigator>
</view>
</view>
</view>
<component-goods-list :propData="{style_type: 1, goods_list: data.goods_list}" :propCurrencySymbol="currency_symbol"></component-goods-list>
</view>
</view>
</view>
@ -92,7 +80,8 @@
const app = getApp();
import componentNoData from "../../../../components/no-data/no-data";
import componentBottomLine from "../../../../components/bottom-line/bottom-line";
import componentBlogComments from "../../../../components/blog-comments/blog-comments";
import componentBlogComments from "../../../../components/blog-comments/blog-comments";
import componentGoodsList from "../../../../components/goods-list/goods-list";
var common_static_url = app.globalData.get_static_url('common');
export default {
@ -118,7 +107,8 @@
components: {
componentNoData,
componentBottomLine,
componentBlogComments
componentBlogComments,
componentGoodsList
},
props: {},
@ -218,5 +208,4 @@
};
</script>
<style>
@import './detail.css';
</style>

View File

@ -14,23 +14,6 @@
width: calc(100% - 210rpx);
}
/**
*
*/
.goods-list .item {
width: calc(50% - 10rpx);
}
.goods-list .item:nth-child(2n) {
float: right;
}
.goods-list .item:nth-child(2n+1) {
float: left;
}
.goods-list .item .goods-img {
width: 100%;
height: 380rpx !important;
}
/**
*
*/

View File

@ -105,19 +105,7 @@
<text class="text-wrapper">推荐商品</text>
<navigator url="/pages/goods-search/goods-search" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多</navigator>
</view>
<view class="goods-list oh">
<view v-for="(item, index) in goods_list" :key="index" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main oh">
<navigator :url="item.goods_url" hover-class="none">
<image class="goods-img dis-block" :src="item.images" mode="aspectFit"></image>
<view class="base padding-horizontal-main margin-top-sm">
<view class="multi-text">{{item.title}}</view>
<view class="price margin-top">
<text class="sales-price">{{currency_symbol}}{{item.min_price}}</text>
</view>
</view>
</navigator>
</view>
</view>
<component-goods-list :propData="{style_type: 1, goods_list: goods_list}" :propCurrencySymbol="currency_symbol"></component-goods-list>
</view>
<!-- 结尾 -->
@ -136,6 +124,7 @@
import componentCountdown from "../../../../components/countdown/countdown";
import componentNoData from "../../../../components/no-data/no-data";
import componentBottomLine from "../../../../components/bottom-line/bottom-line";
import componentGoodsList from "../../../../components/goods-list/goods-list";
export default {
data() {
@ -162,7 +151,8 @@
componentBanner,
componentCountdown,
componentNoData,
componentBottomLine
componentBottomLine,
componentGoodsList
},
props: {},

View File

@ -16,7 +16,7 @@
<view :class="'item cr-gray dis-inline-block padding-horizontal-main ' + (nav_active_value == item.id ? 'cr-main' : '')" @tap="nav_event" :data-value="item.id">{{item.name}}</view>
</block>
</scroll-view>
<!-- 列表 -->
<scroll-view :scroll-y="true" class="scroll-box" @scrolltolower="scroll_lower" lower-threshold="60">
<view v-if="(data_list || null) != null && data_list.length > 0" class="plugins-blog-list padding-horizontal-main padding-top-main oh">

View File

@ -77,21 +77,4 @@
.coming-tips-container image {
max-width: 100%;
margin-top: 60rpx;
}
/**
*
*/
.data-list .item {
width: calc(50% - 10rpx);
}
.data-list .item:nth-child(2n) {
float: right;
}
.data-list .item:nth-child(2n+1) {
float: left;
}
.data-list .item .goods-img {
width: 100%;
height: 380rpx !important;
}

View File

@ -40,7 +40,7 @@
<view v-if="(data.right_images || null) != null" class="spacing-mb">
<image class="wh-auto dis-block border-radius-main" :src="data.right_images" mode="widthFix" @tap="right_images_event"></image>
</view>
<!-- 公告信息 -->
<view v-if="(data_base.signin_desc || null) != null && data_base.signin_desc.length > 0" class="spacing-mb">
<view class="notice-content">
@ -53,18 +53,8 @@
<view class="spacing-nav-title">
<text class="text-wrapper">推荐商品</text>
<navigator url="/pages/goods-search/goods-search" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多</navigator>
</view>
<view class="data-list oh">
<view v-for="(item, index) in data.goods_list" :key="index" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main">
<navigator :url="item.goods_url" hover-class="none">
<image class="goods-img dis-block" :src="item.images" mode="aspectFit"></image>
<view class="padding-horizontal-main margin-top-sm">
<view class="multi-text">{{item.title}}</view>
<view class="sales-price single-text margin-top-sm">{{currency_symbol}}{{item.min_price}}</view>
</view>
</navigator>
</view>
</view>
</view>
<component-goods-list :propData="{style_type: 1, goods_list: data.goods_list}" :propCurrencySymbol="currency_symbol"></component-goods-list>
</view>
</view>
@ -93,7 +83,8 @@
<script>
const app = getApp();
import componentNoData from "../../../../components/no-data/no-data";
import componentBottomLine from "../../../../components/bottom-line/bottom-line";
import componentBottomLine from "../../../../components/bottom-line/bottom-line";
import componentGoodsList from "../../../../components/goods-list/goods-list";
var static_url = app.globalData.get_static_url('signin', true);
export default {
@ -120,7 +111,8 @@
components: {
componentNoData,
componentBottomLine
componentBottomLine,
componentGoodsList
},
props: {},