Vue.js Block 区块系统 - vue-block-system

Vue.js Block 区块系统  - vue-block-system
插件名称 vue-block-system
发布时间 2020年11月9日
插件作者 larsvanbraam

通过vue-block-system库,您可以轻松创建基于块的网站。它使用vue-transition-component处理所有组件转换。

安装和下载:

# Yarn
$ yarn add vue-block-system

# NPM
$ npm install vue-block-system --save

用法和选项:

enablePageTransitionOut: true,
blockConfig: {
  maxFindParentPageCount: 50,
},
buttonConfig: {
  scrollToNextBlockDuration: 1000,
  scrollToNextBlockOffset: 0,
  maxFindParentBlockCount: 50,
},
api: {
  initCall: '/api/page/{page}',
  pageCall: '/api/page/init',
  axiosInstance: null,
  layoutCache: true,
  stripLeadingSlash: false,
},
debugLabelStyling: {
  font: '10px/1 sans-serif',
  backgroundColor: 'red',
  color: 'white',
  padding: '5px',
  position: 'absolute',
  top: '0px',
  left: '0px',
},