<template>
    <cover-view class="div">
        <cover-view class="div class="input-box"" :style="'bottom:'+displayInputBottom">
            <input class="message-input" v-model="text" :disabled="!isTimReady" :placeholder="isTimReady?'我想问主播...':'初始化中，请稍等'" placeholder-style="color:#fff;font-size:12px" type="text"
         />
         <cover-view class="div common-btn ds-button-small submit" @click="confirm()">发送</cover-view>
        </cover-view>
    </cover-view>
</template>

<script>
export default {
  props: {
    isTimReady: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
      text: '',
      displayInputBottom: '0px'
    }
  },
  methods: {
    confirm () {
      this.$emit('send-message', this.text)
      this.text = ''
    }
  },
  computed: {}
}
</script>
<style lang="scss" scoped>
    .input-box{display: flex;}
    .message-input {
        height: 64rpx;
        width: 226rpx;
        border-radius: 40rpx;
        border-radius: 40rpx;
        padding-left: 20rpx;
        padding-right: 20rpx;
        line-height: 64rpx;
        border: 0;
        /*  #ifndef  APP-PLUS-NVUE  */
        outline: none;
        /*  #endif  */
        font-size:12px;
        color: #fff;
        /*  #ifndef  APP-PLUS-NVUE  */
        background: none;
        /*  #endif  */
    }
    .submit{margin-left: auto;}
</style>
