移动端components
npm install fengqu-vue-components`` bash
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
`
: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
`
`
FqSwiper
`
:items="level.items"
:ratio="320 / 750"
/>
图片路径为item.imgUrl
ratio 宽高比
`
Tabs
`
:tabIndex="typeIndex"
:items="typeList"
itemKey="typeName"
@typeChange="typeChange"
/>
tabIndex:当前index
itemKey: 文字的key
`
CartItem
`
class="flex1"
:item="list"
@sub="subItem(index, i)"
@add="addItem(index, i)"
/>`
CheckBox
`
`
CouponItem
`
`
EmptyView
`
`
FdIcon
`
v-for="(item, index) in items"
:key="index"
:item="item"
@addProductToCart="addProductToCart"
/> :index="i"
:item="item"
/>
:top="45"
@refresh="refresh"
@loadmore="loadMore"
:noMore="noMore"
>
v-for="(item, index) in items"
:key="index"
:item="item"
@addProductToCart="addProductToCart"
/>
:key='i'
:index="i"
:item="item"
/>
v-for="(item, i) in stores"
:key='i'
:index="i"
:item="item"
/>
label="仅剩"
@callBack="callBack"
:secends="secends"
/>
``