Vue Breakpoint Component(断点组件)
made with Vuejs

Vue Breakpoint Component(断点组件)

这是一个用于组成CSS断点的无渲染组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

Vue Breakpoint Component是一个用于组成CSS断点的无渲染组件。默认断点是基于Bootstrap 4,但是也可以定义无限数量的断点。

安装

Npm

npm i vue-breakpoint-component

Yarn

yarn add vue-breakpoint-component

使用

import { VBreakpoint } from 'vue-breakpoint-component'

export default {
  components: {
    VBreakpoint
  }
}

示例

<v-breakpoint>
  <div slot-scope="scope">
    <span v-if="scope.isSmall" style="font-size: 2rem"> ???? </span>
    <span v-if="scope.isMedium" style="font-size: 4rem"> ???? </span>
    <span v-if="scope.isLarge" style="font-size: 6rem"> ???? </span>
    <span v-if="scope.isXlarge" style="font-size: 8rem"> ???? </span>
    <span v-if="scope.noMatch" style="font-size: 10rem"> ???? </span>
  </div>
</v-breakpoint>

image.png

image.png

image.png

image.png

image.png

作者

Adi Sahar

相关项目

这是一个基于Vue.js的Github样式的日历热图。
这是一个基于Splide的Vue滑块组件。
这是一个基于Vue的滚动条组件。
这是一个Bootstrap风格简单分页组件。
这是一个Vue.js 2打字机效果组件 。
这是一个漂亮的Vue聊天组件。
这是一个基于Vue.js的模拟命令行效果的动画组件。