first commit

2026-03-28 23:07:10 +08:00
commit c7cbc11d07
594 changed files with 112383 additions and 0 deletions
--- a/components/recommend/index.vue
+++ b/components/recommend/index.vue
@@ -0,0 +1,124 @@
+<template>
+	<view class="recommend">
+		<view class="title acea-row row-center-wrapper">
+			<text class="iconfont icon-zhuangshixian"></text>
+			<text class="name">热门推荐</text>
+			<text class="iconfont icon-zhuangshixian lefticon"></text>
+		</view>
+		<view class="recommendList acea-row row-between-wrapper">
+			<view class="item" v-for="(item, index) in hostProduct" :key="index" hover-class="none" @tap="goDetail(item)">
+				<view class="pictrue">
+					<image :src="item.image"></image>
+					<span class="pictrue_log_big pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '1'">秒杀</span>
+					<span class="pictrue_log_big pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '2'">砍价</span>
+					<span class="pictrue_log_big pictrue_log_class" v-if="item.activityH5 && item.activityH5.type === '3'">拼团</span>
+				</view>
+				<view class="name line1">{{ item.storeName }}</view>
+				<view class="money font-color">
+					<view style="font-size: 30rpx;font-weight: bold;">市场价：￥{{ item.otPrice }}</view>
+					<view style="color: #000;font-size: 24rpx;">供货价：￥{{ item.price }}</view>
+
+					<!-- ￥ -->
+					<!-- <text class="num">{{ userInfo.levelRatio && userInfo.levelRatio > 0 ? item.price : item.otPrice }}</text> -->
+					<!-- <text class="num">{{ item.price }}</text> -->
+					<!-- <text style="margin-left: 30rpx;font-weight: 500;color: #999;text-decoration: line-through;">￥{{ item.otPrice }}</text> -->
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import { goShopDetail } from '@/libs/order.js';
+export default {
+	computed: mapGetters(['uid', 'userInfo']),
+	props: {
+		hostProduct: {
+			type: Array,
+			default: function () {
+				return [];
+			}
+		}
+	},
+	data() {
+		return {};
+	},
+
+	methods: {
+		goDetail(item) {
+			goShopDetail(item, this.uid).then((res) => {
+				uni.navigateTo({
+					url: `/pages/goods_details/index?id=${item.id}`
+				});
+			});
+		}
+	}
+};
+</script>
+
+<style scoped lang="scss">
+.recommend {
+	background-color: #fff;
+}
+
+.recommend .title {
+	height: 135rpx;
+	line-height: 135rpx;
+	font-size: 28rpx;
+	color: #282828;
+}
+
+.recommend .title .name {
+	margin: 0 28rpx;
+}
+
+.recommend .title .iconfont {
+	font-size: 170rpx;
+	color: #454545;
+}
+
+.recommend .title .iconfont.lefticon {
+	transform: rotate(180deg);
+}
+
+.recommend .recommendList {
+	padding: 0 30rpx;
+	/* #ifdef H5 */
+	padding-bottom: 50rpx;
+	/* #endif */
+}
+
+.recommend .recommendList .item {
+	width: 335rpx;
+	margin-bottom: 30rpx;
+}
+
+.recommend .recommendList .item .pictrue {
+	position: relative;
+	width: 100%;
+	height: 335rpx;
+}
+
+.recommend .recommendList .item .pictrue image {
+	width: 100%;
+	height: 100%;
+	border-radius: 14rpx;
+}
+
+.recommend .recommendList .item .name {
+	font-size: 28rpx;
+	color: #282828;
+	margin-top: 20rpx;
+}
+
+.recommend .recommendList .item .money {
+	font-size: 20rpx;
+	margin-top: 8rpx;
+	font-weight: 600;
+}
+
+.recommend .recommendList .item .money .num {
+	font-size: 28rpx;
+}
+</style>