<template>
  <view class="button-conatiner">
    <button class="button-text" :disabled="flag" :style="buttonStyle" @click="clickSubmit()">{{
      title
    }}</button>
  </view>
</template>

<script>
export default {
  name: "fixedButton",
  props: {
	  flag:{
		  type: Boolean,
		  default:false,
	  },
    title: {
      type: String,
      default: "提交",
    },
    buttonStyle: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {};
  },
  methods: {
    clickSubmit() {
      this.$emit("click");
    },
  },
};
</script>

<style lang="scss" scoped>
.button-conatiner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 20rpx 0;
  z-index: 99;

  .button-text {
    width: 508rpx;
    height: 88rpx;
    border-radius: 90rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36rpx;
    font-weight: 400;
    background: linear-gradient(90deg, #3976f1 0%, #3ca0f6 100%);
    color: #ffffff;
    font-weight: 400;
  }
}
</style>
