cb-biz-ui 1.3.5 → 1.3.6

package/components/cb-goods-card/cb-goods-card.vue

@@ -26,8 +26,9 @@
       <view class="goods-card_info_title">
         <ui-overflow-hidden size="24rpx">
           <text class="text" :style="{ fontSize: textFontSize.title }">{{
-            entity.name
-          }}</text>
+              entity.name
+            }}
+          </text>
         </ui-overflow-hidden>
       </view>
       <view class="goods-card_info_tag" v-if="entity.hasDiscount">
@@ -36,21 +37,38 @@
           padding="6rpx 10rpx"
           :size="textFontSize.tag"
           plain
-          ><view class="tag-box">
+        >
+          <view class="tag-box">
             <image
               class="icon icon_yh"
               src="https://shop-cdn.cbyzx.com/shop23n05y18abcd/img/5131a04c08bf4c80b73291f82186ce46.png"
             />
 
             <text>{{ getDiscount(entity.discount) }}</text>
-          </view></ui-tag
+          </view>
+        </ui-tag>
+        <ui-tag
+          type="danger"
+          padding="6rpx 10rpx"
+          v-if="entity.purchaseLimitNum !== -1"
+          :size="textFontSize.tag"
+          plain
         >
+          <view class="tag-box">
+            <image
+              class="icon icon_yh"
+              src="https://shop-cdn.cbyzx.com/shop23n05y18abcd/img/0eb08f3800884600bde0cd670aecc869@.png@.webp"
+            />
+
+            <text>每人限{{entity.purchaseLimitNum}}份</text>
+          </view>
+        </ui-tag>
       </view>
       <view class="goods-card_info_sales-volume">
         <text
           class="goods-card_info_sales-volume_text"
           :style="{ fontSize: textFontSize.salesVolume }"
-          >销量{{ ` ` }}{{ entity.saleCnt || 0 }}
+        >销量{{ ` ` }}{{ entity.saleCnt || 0 }}
         </text>
       </view>
       <view class="goods-card_info_price">
@@ -58,14 +76,14 @@
           class="goods-card_info_price_preferential-price"
           :style="{ fontSize: textFontSize.preferentialPrice }"
         >
-          ￥{{ price }}/{{ entity?.unitTitle || '件' }}
+          ￥{{ price }}/{{ entity?.unitTitle || "件" }}
         </text>
         <text
           class="goods-card_info_price_price"
           v-if="entity.hasDiscount"
           :style="{ fontSize: textFontSize.price }"
         >
-          ￥{{ entity.marketPriceShow }}/{{ entity.unitTitle || '件' }}
+          ￥{{ entity.marketPriceShow }}/{{ entity.unitTitle || "件" }}
         </text>
       </view>
       <view class="goods-card_info_status" v-if="errStatusText">
@@ -128,8 +146,8 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, reactive, computed } from 'vue';
-import type { GoodsDataType, changeValueType } from '../interface/types';
+import { onMounted, reactive, computed } from "vue";
+import type { GoodsDataType, changeValueType } from "../interface/types";
 
 interface IProps {
   entity: GoodsDataType;
@@ -140,19 +158,19 @@ interface IProps {
   goodMin?: number;
   imagePlaceholder?: string;
   imageMode?:
-    | 'scaleToFill'
-    | 'aspectFit'
-    | 'aspectFill'
-    | 'widthFix'
-    | 'top'
-    | 'bottom'
-    | 'center'
-    | 'left'
-    | 'right'
-    | 'top left'
-    | 'top right'
-    | 'bottom left'
-    | 'bottom right';
+    | "scaleToFill"
+    | "aspectFit"
+    | "aspectFill"
+    | "widthFix"
+    | "top"
+    | "bottom"
+    | "center"
+    | "left"
+    | "right"
+    | "top left"
+    | "top right"
+    | "bottom left"
+    | "bottom right";
   textFontSize?: {
     title: string;
     tag: string;
@@ -162,35 +180,36 @@ interface IProps {
     numberBoxBg?: string;
   };
 }
+
 const props = withDefaults(defineProps<IProps>(), {
-  imgWidth: '225rpx',
-  imgHeight: '225rpx',
+  imgWidth: "225rpx",
+  imgHeight: "225rpx",
   goodMin: 0,
   goodsCount: 0,
   bezier: true,
   imagePlaceholder:
-    'https://shop-cdn.cbyzx.com/shop23n05y18abcd/img/3544375090854cd099d72edb09dce492.png',
-  imageMode: 'aspectFill',
+    "https://shop-cdn.cbyzx.com/shop23n05y18abcd/img/3544375090854cd099d72edb09dce492.png",
+  imageMode: "aspectFill",
   textFontSize: {
-    title: '24rpx',
-    tag: '18rpx',
-    salesVolume: '20rpx',
-    preferentialPrice: '24rpx',
-    price: '20rpx',
-    numberBoxBg: '#fff'
+    title: "24rpx",
+    tag: "18rpx",
+    salesVolume: "20rpx",
+    preferentialPrice: "24rpx",
+    price: "20rpx",
+    numberBoxBg: "#fff"
   },
   entity: {
-    goodSrc: '',
-    title: '',
+    goodSrc: "",
+    title: "",
     preferentialPrice: 0,
     status: 0,
-    unit: '份'
+    unit: "份"
   }
 });
 
 const emit = defineEmits<{
-  (e: 'countChange', value: changeValueType, entity: GoodsDataType): void;
-  (e: 'handleClick', entity: GoodsDataType): void;
+  (e: "countChange", value: changeValueType, entity: GoodsDataType): void;
+  (e: "handleClick", entity: GoodsDataType): void;
 }>();
 
 const price = computed(() => {
@@ -200,12 +219,12 @@ const price = computed(() => {
 });
 const errStatusText = computed(() => {
   if (props.entity.saleStatus === 20) {
-    return '已失效';
+    return "已失效";
   }
   if (!props.entity.existInventory) {
-    return '无货';
+    return "无货";
   }
-  return '';
+  return "";
 });
 
 const state = reactive({
@@ -223,13 +242,13 @@ const change = (val: changeValueType) => {
   // if (val > props.entity.inventoryCapacity) {
   //   triggerMax();
   // }
-  emit('countChange', val, props.entity);
+  emit("countChange", val, props.entity);
 };
 
 const triggerMax = () => {
   uni.showModal({
-    title: '提示',
-    content: '库存不足,最大库存为' + props.entity.inventoryCapacity,
+    title: "提示",
+    content: "库存不足,最大库存为" + props.entity.inventoryCapacity,
     showCancel: false
   });
 };
@@ -241,7 +260,7 @@ const load = () => {
 };
 
 const itemTap = () => {
-  emit('handleClick', props.entity);
+  emit("handleClick", props.entity);
 };
 
 onMounted(() => {
@@ -251,7 +270,7 @@ onMounted(() => {
 const addClick = () => {
   change({
     value: props.goodsCount + 1,
-    type: 'plus',
+    type: "plus",
     index: 0,
     custom: {}
   });

package/components/interface/types.d.ts

@@ -31,6 +31,7 @@ export interface GoodsDataType {
   marketPriceShow: string;
   existInventory: boolean; // 是否有库存
   saleCnt: number; // 销量
+  purchaseLimitNum: number // 限购数量
 }
 export interface changeValueType {
   value: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cb-biz-ui",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "description": "cb-biz-ui",
   "main": "index.js",
   "keywords": [