Flip 翻转

何时使用

import { HiFlip } from 'hi-kits/flip'

基本用法

Lorem ipsum dolor sit amet consectetur adipisi.

Consectetur adipisicing elit. Possimus, praesentium?

Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.

Click Here

<h-flip width="300" height="350">
    <div class="front" slot="front">
        <p>Lorem ipsum dolor sit amet consectetur adipisi.</p>
    </div>
    <div class="back" slot="back">
        <div>
        <p>Consectetur adipisicing elit. Possimus, praesentium?</p>
        <p>Provident consectetur natus voluptatem quis tenetur sed beatae eius sint.</p>
        <h-button class="button">Click Here</h-button>
        </div>
    </div>
</h-flip>

Expand Copy Copy

参数说明

参数	说明	类型	可选值	默认值
width	宽度	number	-	-
height	高度	number	-	-