import { ZoBuoy } from '@lylb/tzo-ui';

@import '~@lylb/tzo-ui/dist/style/components/buoy.scss';

import Taro from '@tarojs/taro';
import { ZoBuoy } from '@lylb/tzo-ui';
export default class Index extends Taro.Component {
  constructor() {
    super(...arguments);
    this.state = {
      initialLeft: 0.7,
      initialTop: 0.8,
      suctionEdge: false,
      imgUrl:
        'https://mystore-h5.watsonsvip.com.cn/01hdzx/0427/redEnvelopes_icon.png',
    };
  }
  handleClick = (e) => {
    console.log(e);
  };
  render() {
    const { suctionEdge, initialLeft, initialTop, imgUrl } = this.state;
    return (
      <ZoBuoy
        onClick={this.handleClick}
        suctionEdge={suctionEdge}
        initialLeft={initialLeft}
        initialTop={initialTop}
        customClass="custom_bouy"
        imgUrl={imgUrl}
      >
        我是自定义内容啦
      </ZoBuoy>
    );
  }
}