0.0.3 • Published 3 years ago
panoin v0.0.3
USAGE
import {initPano, initMark} from '../index'
import wbComps from '@c0design/ech'
const {echLoading} = wbComps;
initMark('my-mark')
initPano('my-pano')
<ech-loading>
<div class="loading" slot="loading">loading...</div>
<my-pano src="./static/pano.png" aniStep="0.05">
<my-mark scale-x="3.5" title="kfc" pos="[-1,3,-15]" size="[178, 70]" bg="./static/mark.png"></my-mark>
<my-mark scale-x="3.5" title="特特水果" pos="[5,3,-15]" size="[178, 70]" bg="./static/mark.png"></my-mark>
</my-pano>
</ech-loading>
<ech-loading>
<div class="loading" slot="loading">loading...</div>
<my-pano src="[./static/pano1.png, ./static/pano2.png, ./static/pano3.png, ./static/pano4.png]" aniStep="0.05">
<my-mark scale-x="3.5" title="kfc" pos="[-1,3,-15]" size="[178, 70]" bg="./static/mark.png"></my-mark>
<my-mark scale-x="3.5" title="特特水果" pos="[5,3,-15]" size="[178, 70]" bg="./static/mark.png"></my-mark>
</my-pano>
</ech-loading>