fengqu-vue-components v0.0.49

Build Setup

import {
  Currency,
  Swipeout,
  FqSwiper,
  Tabs,
  CartItem,
  CartNumber,
  CheckBox,
  CouponItem,
  EmptyView,
  FdIcon,
  FlashBuyItem,
  GoodItem,
  ImgTextItem,
  InfiniteContainer,
  PullView,
  ShopItem,
  SoldOuter,
  Spinner,
  StoreItem,
  StoreTextItem,
  TimeDownView
} from fengqu-vue-utils-mobile

import Currency from fengqu-vue-utils-mobile/src/Currency

Currency

<Currency
  :price="item.activityPrice"
  :oldPrice="item.price"
  :size="1"
  type="2"
/>
price: {
  type: String | Number
},
size: {
  type: Number,
  default: 0
},
color: { // '' 默认色 #FF4079
  type: String,
  default: ''
},
oldPrice: {
  type: String | Number
},
type: { // ’‘’: 正常 1: 都加粗, 2: 符号小金额大
  type: String,
  default: ''
}
......

Swipeout

<Swipeout @delete="deleteItem(index)">
  <slot></slot>
</Swipeout>

FqSwiper

<FqSwiper
  :items="level.items"
  :ratio="320 / 750"
/>
图片路径为item.imgUrl
ratio 宽高比

Tabs

<Tabs
  :tabIndex="typeIndex"
  :items="typeList"
  itemKey="typeName"
  @typeChange="typeChange"
/>
tabIndex：当前index
itemKey： 文字的key

CartItem

<CartItem
  class="flex1"
  :item="list"
  @sub="subItem(index, i)"
  @add="addItem(index, i)"
/>

CheckBox

<CheckBox :value.sync="item.isSelected" @getChecked="getStoreChecked(index)" />

CouponItem

<CouponItem @tabClick="couponClick(index, i)" :item="item" v-for="(item, i) in list.items" :key="i" />

EmptyView

<EmptyView v-if="list.load && list.items == 0" btnText="随便逛逛" msg="没有相关优惠券" @callback="goHome" />

FdIcon

<FdIcon @click="scan" :imgUrl="require('../../../assets/img/i-scan.png')" label="扫一扫"  />
<FlashBuyItem
  v-for="(item, index) in items"
  :key="index"
  :item="item"
  @addProductToCart="addProductToCart"
/>

<GoodItem
  :index="i"
  :item="item"
/>
<ImgTextItem v-for="(item, i) in level.items" :key="i" :item="item" />
<PullView
  :top="45"
  @refresh="refresh"
  @loadmore="loadMore"
  :noMore="noMore"
>
  <FlashBuyItem
    v-for="(item, index) in items"
    :key="index"
    :item="item"
    @addProductToCart="addProductToCart"
  />
</PullView>
<ShopItem
  :key='i'
  :index="i"
  :item="item"
/>
<SoldOuter v-if='item.soldOut' />
<StoreItem
  v-for="(item, i) in stores"
  :key='i'
  :index="i"
  :item="item"
/>
<StoreTextItem @goStoreDetail="goStoreDetail(item.storeId)" :name="item.storeName || '门店为空'" />
<TimeDownView
  label="仅剩"
  @callBack="callBack"
  :secends="secends"
/>

后续更新中。。。。。