hug-ui

some personal components version: 开发版0.1

组件说明

card-flip(旋转卡片)

Props

参数	说明	类型	可选值	默认值
width	卡片容器的宽度	Number/String	-	0
height	卡片容器的高度	Number/String	-	0
speed	卡片旋转的速度	Number/String	-	1
axis	卡片旋转的轴	String	centerX/centerY/top/right/bottom/left	centerX

请确保内容区域宽度/高度(width/height)小于等于卡片容器的宽度/高度(widht/height)

Slot

名字	说明
front	卡片区域正面的内容
back	卡片区域反面的内容

carousel(3D旋转木马走马灯)

Props

参数	说明	类型	可选值	默认值	示例
width	图片要设置的宽度	Number/String	-	-	-
height	图片要设置的高度	Number/String	-	-	-
height	传入carousel的数据，数组的长度决定了走马灯图片的总数，建议传入6-9张。每个数组的元素为一个对象。	Array	-	-	[{link:'',image:path}]

图片要设置的宽度与高度并不等于元素在浏览器中实际的宽度与高度

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.