src/components/DiyEditor/components/mobile/PromotionSeckill/config.ts

@@ -3,19 +3,40 @@
/** 秒杀属性 */
export interface PromotionSeckillProperty {
  // 布局类型：单列 | 三列
  layoutType: 'oneCol' | 'threeCol'
  layoutType: 'oneColBigImg' | 'oneColSmallImg' | 'twoCol'
  // 商品字段
  fields: {
    // 商品名称
    name: PromotionSeckillFieldProperty
    // 商品简介
    introduction: PromotionSeckillFieldProperty
    // 商品价格
    price: PromotionSeckillFieldProperty
    // 市场价
    marketPrice: PromotionSeckillFieldProperty
    // 商品销量
    salesCount: PromotionSeckillFieldProperty
    // 商品库存
    stock: PromotionSeckillFieldProperty
  }
  // 角标
  badge: {
    // 是否显示
    show: boolean
    // 角标图片
    imgUrl: string
  }
  // 按钮
  btnBuy: {
    // 类型：文字 | 图片
    type: 'text' | 'img'
    // 文字
    text: string
    // 文字按钮：背景渐变起始颜色
    bgBeginColor: string
    // 文字按钮：背景渐变结束颜色
    bgEndColor: string
    // 图片按钮：图片地址
    imgUrl: string
  }
  // 上圆角
@@ -25,10 +46,11 @@
  // 间距
  space: number
  // 秒杀活动编号
  activityId: number
  activityIds: number[]
  // 组件样式
  style: ComponentStyle
}

// 商品字段
export interface PromotionSeckillFieldProperty {
  // 是否显示
@@ -43,13 +65,23 @@
  name: '秒杀',
  icon: 'mdi:calendar-time',
  property: {
    activityId: undefined,
    layoutType: 'oneCol',
    layoutType: 'oneColBigImg',
    fields: {
      name: { show: true, color: '#000' },
      price: { show: true, color: '#ff3000' }
      introduction: { show: true, color: '#999' },
      price: { show: true, color: '#ff3000' },
      marketPrice: { show: true, color: '#c4c4c4' },
      salesCount: { show: true, color: '#c4c4c4' },
      stock: { show: false, color: '#c4c4c4' }
    },
    badge: { show: false, imgUrl: '' },
    btnBuy: {
      type: 'text',
      text: '立即秒杀',
      bgBeginColor: '#FF6000',
      bgEndColor: '#FE832A',
      imgUrl: ''
    },
    borderRadiusTop: 8,
    borderRadiusBottom: 8,
    space: 8,