panoin

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>