jufubao-base 1.0.289-beta2 → 1.0.290-beta1

package/src/components/CusProduct/CusProduct.vue

@@ -1,372 +0,0 @@
-<template>
-  <view class="product" :class="{two: cell >= 2 , one: cell === 1}" @click="handleDetail()">
-    <view
-      class="product-image"
-      :style="{
-        marginRight: (cell === 1 ? (cellSpacing + 'rpx'):0),
-        marginBottom:  (cell === 1 ? 0: (cellSpacing + 'rpx')),
-        width: (cell === 1 ? '200rpx': '100%'),
-        height: (cell === 1 ? '200rpx': (height + 'rpx')),
-        backgroundColor: '#f8f8f8',
-        borderRadius: imageRadius + 'rpx',
-      }"
-    >
-      <image v-if="errorStatus" :src="errorImage" :alt="item['product_name']" ></image>
-      <image v-if="!errorStatus" :src="imageUrl" :alt="item['product_name']" @error="handleError(item)"></image>
-      <xd-product-status :status="item['status']"></xd-product-status>
-    </view>
-    <view class="product-content">
-      <view class="product-content-info">
-        <view class="name" :style="[nameFont]" v-html="cusName" :class="{showOne: isOne}"></view>
-        <view
-          class="brand"
-          v-if="productConfig.is_show_brand==='Y'"
-          :style="{color:brandColor}"
-        >{{item['brand_name']}}</view>
-        <view class="tags" :class="{showTwo:!isOne}">
-          <view
-            v-for="tag in tagsList"
-            :key="tag"
-            :style="{background:tagObjColor[tag]}"
-          >{{tagObj[tag]}}</view>
-        </view>
-        <view class="_tag" v-for="(item,index) in item.postage_tags" :key="index">{{ item }}</view>
-      </view>
-      <view class="product-content-btn" v-if="isBtn">
-        <view :class="{onePrice: onePrice }">
-          <view v-if="productConfig.isPrice === 'Y'">
-            <xd-unit
-              :price="(item['promo_price'] || item['sale_price'])"
-              :isOld="false"
-              :iconSize="cell <= 2?0.3:0.26"
-              :fontSize="cell <= 2?36:26"
-            />
-          </view>
-          <view
-            v-if="productConfig.isShowDiscount==='Y' && checkDiscountPrice"
-            :style="{color:oldPriceColor}" class="oldPrice">
-            <xd-unit
-              :price="dividePrice"
-              :iconSize="0.21"
-              :fontSize="cell <= 2?24:22"
-              delete-line
-              is-gray
-            />
-          </view>
-        </view>
-        <view>
-          <view @click.stop="handleDetail('Y')" v-if="productConfig.isAddCart === 'Y'">
-            <xd-font-icon
-              icon="icongouwuche-01"
-              :color="color"
-              size="40"
-            ></xd-font-icon>
-          </view>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-import getServiceUrl from "@/common/getServiceUrl";
-import XdFontIcon from "@/components/XdFontIcon/XdFontIcon.vue";
-import XdProductStatus from "@/components/XdProductStatus/XdProductStatus";
-import XdUnit from "@/components/XdUnit/XdUnit.vue";
-
-
-export default {
-  name: "CusProduct",
-  components:{
-    XdFontIcon,
-    XdUnit,
-    XdProductStatus
-  },
-  props:{
-    keyword:{
-      type:String,
-      default:''
-    },
-    nameFont: {
-      type:Object,
-      default(){
-        return {}
-      }
-    },
-
-    height:{
-      type:Number|String,
-      default:"auto",
-    },
-
-    item:Object,
-    cellSpacing: {
-      type: Number|String,
-      default: 20
-    },
-    rowSpacing: {
-      type: Number|String,
-      default: 20
-    },
-    color:{
-      type:String,
-      default:'red',
-    },
-    brandColor:{
-      type: String,
-      default: '#999'
-    },
-    oldPriceColor: {
-      type: String,
-      default: '#999'
-    },
-    imageRadius:{
-      type: String|Number,
-      default: '10'
-    },
-    cell:{
-      type: Number|String,
-      required: true
-    },
-    productConfig:{
-      type:Object|null,
-      default: null
-    },
-  },
-  computed:{
-    onePrice(){
-      if(this.cell === 1) return true;
-      if(this.cell === 3) return false;
-      if(this.cell === 2) return false;
-    },
-    cusName(){
-      return this.item['product_name'] || this.item['list_title']
-    },
-    imageUrl(){
-      if(!this.item['thumb']) return getServiceUrl('/common/empty/product.png?v1=1','size4')
-      return getServiceUrl(this.item['thumb'], 'size4')
-    },
-    isOne(){
-      let status = false;
-      if(this.cell === 1) status = false
-      return status
-    },
-    isBtn(){
-      return this.productConfig.isPrice === 'Y' || this.productConfig.isAddCart === 'Y'
-    },
-    dividePrice() {
-      return this.$xdUniHelper.divisionFloatNumber(this.item.market_price, 100);
-    },
-
-    checkDiscountPrice() {
-      if(this.productConfig.isPrice === 'N') return  false
-      if (this.productConfig.isShowDiscount === 'Y') {
-        let price = Number(this.item.market_price) - Number(this.item.sale_price);
-        return this.$xdUniHelper.divisionFloatNumber(price,100) > Number(this.productConfig.differ);
-      }
-      return false
-    },
-
-    tagsList(){
-      return (this.item['market_tags']||[]).filter(tag=>{
-        if(tag === 'flashsale') {
-          return this.productConfig.showActivityPrice === 'Y'
-        }
-        else {
-          return this.productConfig.isShowTag === 'Y'
-        }
-      })
-    },
-  },
-  data(){
-    return {
-      tagObj: null,
-      tagObjColor: null,
-      errorStatus: false,
-      errorImage:'',
-    }
-  },
-  created() {
-    this.tagObj = this.$colorConfig.productTags;
-    this.tagObjColor = this.$colorConfig.productTagsColor;
-    this.errorImage = getServiceUrl('/common/empty/product.png?v1=1','size4')
-  },
-  methods:{
-    handleError(item){
-      this.errorStatus = true;
-    },
-    handleDetail(type='N'){
-      this.$emit('on-product-detail', {isCart:type,...this.item});
-    }
-  }
-}
-</script>
-
-
-
-<style scoped lang="less">
-  .product {
-    cursor: pointer;
-
-    &.one {
-      display: flex;
-      justify-content: space-between;
-      align-items: flex-start;
-      min-height: 200rpx;
-
-      .product-image {
-        flex-shrink: 0;
-        position: relative;
-      }
-
-      .product-content {
-        flex: 1;
-        min-height: 200rpx;
-        display: flex;
-        justify-content: flex-start;
-        flex-flow: wrap;
-        align-content: space-between;
-      }
-    }
-
-    &.two {
-      .product-image {
-        width: 100%;
-        display: flex;
-        flex-shrink: 0;
-        justify-content: center;
-        align-items: center;
-        position: relative;
-        & > image {
-          height: 100%;
-          width: 100%;
-        }
-      }
-
-    }
-
-    &-image {
-      overflow: hidden;
-      & > image {
-        height: 100%;
-        width: 100%;
-      }
-    }
-
-    &-content {
-      overflow: hidden;
-      &-info {
-
-      }
-
-      &-btn {
-        width: 100%;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        .onePrice {
-          display: flex;
-          justify-content: flex-start;
-          align-items: center;
-
-          & > view:nth-child(2) {
-            margin-left: 20rpx;
-          }
-        }
-
-        & > view:first-child {
-          flex: 1;
-          & > view:first-child {
-            height: 40rpx;
-            display: flex;
-            justify-content: flex-start;
-            align-items: center;
-            overflow: hidden;
-          }
-          & > view:nth-child(2) {
-            line-height: 30rpx;
-          }
-        }
-
-
-
-        & > view:nth-child(2) {
-          flex-shrink: 0;
-          width: 40rpx;
-          height: 40rpx;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          cursor: pointer;
-        }
-
-        .oldPrice {
-          margin-left: 6rpx;
-        }
-      }
-
-      & .name {
-        margin-bottom: 10rpx;
-        line-height: 40rpx;
-        .uni-max-cut(2,80);
-        word-wrap: break-word;
-        word-break: break-all;
-
-        & > text {
-          display: inline-block;
-
-        }
-
-        &.showOne {
-          .uni-max-cut(1,40);
-        }
-      }
-
-      & .brand {
-        font-size: 22rpx;
-        line-height: 30rpx;
-        .uni-max-cut(1,30);
-        padding-bottom: 10rpx;
-      }
-
-      .tags {
-        display: flex;
-        justify-content: flex-start;
-        align-content: flex-start;
-        flex-flow: wrap;
-
-        &.showTwo {
-         & > view{
-           margin-bottom: 8rpx;
-         }
-        }
-
-        & > view {
-          padding: 0 14rpx;
-          height: 32rpx;
-          line-height: 31rpx;
-          font-size: 20rpx;
-          color:#fff;
-          border-radius: 16rpx;
-          margin-right: 10rpx;
-
-          &:last-child {
-            margin-right: 0;
-          }
-
-        }
-      }
-
-    }
-    ._tag{
-      color: #FF661A;
-      border: 1px solid #FF661A;
-      border-radius: 8rpx;
-      font-size: 24rpx;
-      margin-right: 24rpx;
-      padding: 0rpx 10rpx;
-      margin-bottom: 20rpx
-    }
-  }
-</style>