OfficeApp/components/mybtn/mybtn.vue

<template>
  <view>
    <button @click="click" :class="{'new_btn': position, 'no_positon': !position, 'disabled': disabled}">{{text}}</button>
  </view>
</template>

<script>
  export default {
    props: {
      text: {
        type: String,
        default: '新增'
      },
      position:{
        type: Boolean,
        default: true
      },
      disabled:{
        type: Boolean,
        default: false
      }
    },
    data(){
      return{
        
      }
    },
    methods:{
      click(){
        this.$emit('click')
      }
    }
  }
</script>

<style lang="scss">
  .new_btn{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    color: #fff;
    height: 90rpx;
    line-height: 90rpx;
    background-color: $theme-oa-color;
  }
  .no_positon{
    width: 100%;
    border-radius: 0;
    color: #fff;
    height: 90rpx;
    line-height: 90rpx;
    background-color: $theme-oa-color;
  }
  .disabled{
    background-color: #666;
    color: #eee;
  }
</style>