fmy-ui v1.0.7

使用

1. 安装

npm i fmy-ui

2. 在vue2.x工程项目的main.js导入并注册

// 全部导入
import fmyUi from 'fmy-ui'
import 'fmy-ui/style/index.css'
Vue.use(fmyUi)

// 按需导入
import {FLoadMore,FTab,...} from 'fmy-ui'
import 'fmy-ui/style/index.css'
Vue.use(FLoadMore)
Vue.use(FLoadMore)
...

3. 在页面/组件中直接以标签形式使用

// tab组件集
<template>
  <div>
    <FTabs :currentIndex="curIndex" @changeIndex="changeIndex">
      <f-tab label="首页" index="1">
        <div>内容1</div>
      </f-tab>
      <f-tab label="购物车" index="2">
        <div>内容2</div>
      </f-tab>
      <f-tab label="我的" index="3">
        <div>内容3</div>
      </f-tab>
    </FTabs>
  </div>
</template>

<script>
export default {
  name: 'FTabTest',
  data() {
    return {
      curIndex: "1"
    }
  },
  methods:{
    changeIndex(index) {
      this.curIndex = index
    }
  }
}
</script>
<style scoped>
</style>

文档

tab 组件集

FTabs Attributes

FTabs Events

FTabs Slots

FTab Attributes

FTab Slots

lazyloadmore 滚动懒加载组件

FLazyLoadMore Attributes

FLazyLoadMore Slots

virtualscroll 虚拟滚动组件

FVirtualScroll Attributes

FVirtualScroll Slots

scroloadmore 滚动加载组件(配合后端分页)

FScroLoadMore Attributes

FScroLoadMore Events

FScroLoadMore Slots

pagination 分页加载组件(配合后端分页)

FPagination Attributes

FPagination Events

zoom 放大镜组件

FZoom Attributes

tabbar组件集

FTabbar Slots

FTabbarItem Attributes

FTabbarItem Slots

swiper轮播图/跑马灯 组件集

FSwiper Attributes

FSwiper Events

FSwiper Slots

FSwiperItem Slots