123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <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>
|