Vue的Windows 10 Metro Tile组件

Vue的Windows 10 Metro Tile组件
插件名称 vue-metro-tile
发布时间 2020年7月29日
插件作者 yuanfux

Vue Metro Tile是一个Vue组件,用于在现代浏览器中构建Windows 10(如Metro布局)。

特征:

  • 定制的瓷砖内容
  • 3D瓷砖旋转
  • 悬停或单击时的眩光效果
  • 按住鼠标时倾斜效果

安装和下载:

# NPM
$ npm install vue-metro-tile --save

# Bower
$ bower install vue-ads-table-tree --save

用法

<metro-tile
    @click="handleClick($event)" 
    faceStyle="{'background-color': 'blue'}"
    >
  <div slot="front">
    front
  </div>
  <div slot="back">
    back
  </div>
  <div slot="top">
    top
  </div>
  <div slot="bottom">
    bottom
  </div>
</metro-tile>