From a4fc2d8ead5be446f4cd7613959387e9c5e67c51 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期三, 21 六月 2023 10:11:07 +0800
Subject: [PATCH] no message
---
uniapp/components/colGoodsImg.vue | 192 ++++++++++++++++++++++++++++++++++++++++++++++++
uniapp/pages/active/tmsearch.vue | 2
2 files changed, 193 insertions(+), 1 deletions(-)
diff --git a/uniapp/components/colGoodsImg.vue b/uniapp/components/colGoodsImg.vue
new file mode 100644
index 0000000..238232d
--- /dev/null
+++ b/uniapp/components/colGoodsImg.vue
@@ -0,0 +1,192 @@
+<template>
+ <view class="items-container borderBox colCen">
+ <view class="image-container defIcon">
+ <image style="border-radius: 8rpx 8rpx 0px 0px;" :src="items.mainPic" mode="aspectFill"></image>
+ </view>
+ <view class="goodsInfo colCenBet borderBox">
+ <view class="topgoodsname-box colCen">
+ <view class="goodsName-box rowCen">
+ <view class="typeIcon-content defIcon">
+ <image :src="items.labelImg" mode="heightFix"></image>
+ </view>
+ <view style="white-space: inherit;" class="goodsText">
+ {{items.dtitle}}
+ </view>
+ </view>
+
+ </view>
+ <view class="goodsPrice-goodSale colCen borderBox">
+ <view class="couponInfo-bar rowCen">
+ <view class="couponbox rowCenCen" v-if="items.couponPrice>0 || items.faction=='w'">
+ <view>
+ {{items.faction=='w' ?(items.discount+'鎶�'):items.couponPrice+'鍏冨埜'}}
+ </view>
+ </view>
+ <view class="backPrice rowCenCen">
+ <view>杩攞{items.fanli}}鍏�</view>
+ </view>
+ </view>
+
+ <view class="card-bottom-info rowCenBet">
+ <view class="goods-price rowEnd">
+ <view class="font">
+ 鍒稿悗
+ </view>
+ <view class="rmb">
+ 锟�
+ </view>
+ <view class="price">
+ {{items.actualPrice}}
+ </view>
+ </view>
+ <view class="saleNum-box" v-if="items.monthSales!=''">
+ 宸插敭{{items.monthSales}}
+ </view>
+ </view>
+
+ <view class="shopname">{{items.shopName}}</view>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ props: {
+ items: Object
+ },
+ data() {
+ return {
+
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ .shopname{
+ font-size: 11px;
+ display: flex;
+ align-items: flex-start;
+ width: 100%;
+ color: #999999;
+ margin: 2px 0;
+
+ }
+ .items-container {
+ width: 346rpx;
+ height: 100%;
+ overflow: hidden;
+ border-radius: 8rpx;
+ background-color: #FFFFFF;
+
+ .image-container {
+ width: 100%;
+ height: 336rpx;
+ }
+
+ .goodsInfo {
+ width: 100%;
+ height: 190rpx;
+ margin-top: 10rpx;
+ padding: 0 10rpx 10rpx 10rpx;
+
+ .topgoodsname-box {
+ width: 100%;
+
+ .goodsName-box {
+ width: 100%;
+ position: relative;
+
+ .typeIcon-content {
+ width: 60rpx;
+ height: 24rpx;
+ position: absolute;
+ top: 6rpx;
+ }
+
+ .goodsText {
+ flex: 1;
+ font-size: 26rpx;
+ line-height: 34rpx;
+ font-weight: 500;
+ text-indent: 2.5em;
+ color: #333333;
+ text-overflow: -o-ellipsis-lastline;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ line-clamp: 2;
+ -webkit-box-orient: vertical;
+ }
+ }
+ }
+
+ .goodsPrice-goodSale {
+ width: 100%;
+
+ .couponInfo-bar {
+ width: 100%;
+ margin: 5rpx 0;
+
+ .couponbox {
+ height: 30rpx;
+ background: linear-gradient(255deg, #FF437E, #FF7755);
+ border-radius: 5rpx;
+ font-size: 24rpx;
+ font-weight: 500;
+ color: #FFFFFF;
+ margin-right: 10rpx;
+ padding: 0 10rpx;
+ }
+
+ .backPrice {
+ padding: 0 10rpx;
+ height: 30rpx;
+ background: linear-gradient(-90deg, #7619EC, #A429F3);
+ border-radius: 5rpx;
+ font-size: 24rpx;
+ font-weight: 500;
+ color: #FFFFFF;
+ }
+ }
+
+ .card-bottom-info {
+ width: 100%;
+ margin-top: 15rpx;
+
+ .goods-price {
+ line-height: 34rpx;
+
+ .font {
+ font-size: 24rpx;
+ font-weight: 500;
+ color: #999999;
+ }
+
+ .rmb {
+ font-weight: 500;
+ font-size: 24rpx;
+ color: #FF4242;
+ line-height: 34rpx;
+ }
+
+ .price {
+ color: #FF4242;
+ font-weight: bold;
+ font-size: 28rpx;
+ line-height: 34rpx;
+ }
+ }
+
+ .saleNum-box {
+ font-size: 24rpx;
+ font-weight: 500;
+ color: #999999;
+ }
+ }
+ }
+ }
+ }
+</style>
diff --git a/uniapp/pages/active/tmsearch.vue b/uniapp/pages/active/tmsearch.vue
index 7d7f19d..54873d2 100644
--- a/uniapp/pages/active/tmsearch.vue
+++ b/uniapp/pages/active/tmsearch.vue
@@ -90,7 +90,7 @@
</template>
<script>
- import colGoods from '../../components/colGoods.vue'
+ import colGoods from '../../components/colGoodsImg.vue'
export default {
components:{
colGoods
--
Gitblit v1.9.3