<style lang="less">
.page-bottom-button {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 280rpx;
  background-size: 100%;
  z-index: 1;
  .button-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80rpx;
  }
}
</style>

<template>
    <div class="page-bottom-button" :style="{'background-image': 'url('+h5StaticPath+'/page_bottom_btn_bg.png)'}">
        <div class="button-container">
            <common-button text="{{text}}" icon="{{icon}}" click-emit-id="pageBottomBtnEmitId" v-on:pageBottomBtnEmitId="submit" />
        </div>
    </div>
</template>

<script>
import wepy from '@wepy/core';
import config from '@/config';

wepy.component({
  props: {
    icon: String,
    text: String,
    clickEmitId: String
  },
  data: {
    h5StaticPath: config.h5StaticPath
  },
  ready() {},
  methods: {
    submit() {
      if (this.clickEmitId) {
        this.$emit(this.clickEmitId);
      }
    }
  }
});
</script>

<config>
{
    usingComponents: {
      'common-button': '~@/components/common/common-button'
    },
    "componentPlaceholder": {
      "common-button": "view"
    }
}
</config>