<template>
    <div>
        <el-row>
            <div class="content_title">
                <span>和&nbsp;某某某&nbsp;的沟通</span>
            </div>
        </el-row>
        <el-row>
            <div class="chat_card">
                <chat-info></chat-info>
            </div>
        </el-row>
        <el-row>
            <div class="chatMine">
                <div class="chat-input">
                    <!-- v-model="message" -->
                    <el-input
                        placeholder="请输入内容…"
                        size="mini"
                        clearable
                        type="textarea"
                        resize="none"
                        limit="300"
                        autosize
                    ></el-input>
                    <div class="btn">
                        <!-- @click="sendMessage" -->
                        <button>发送</button>
                    </div>
                </div>
            </div>
        </el-row>
    </div>
</template>

<script>
import chatInfo from '../../components/message/chatInfo';
export default {
    name: 'chat',
    components: {
        chatInfo
    },
    data() {
        return {};
    }
};
</script>
<style lang="less" scoped>
.content_title {
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    padding-bottom: 20px;
    border-bottom: #f2f3f5 1px solid;
    > span {
        font-size: 16px;
        color: #000000;
        line-height: 30px;
        font-weight: 700;
    }
}
.chat_card {
    padding: 10px 0;
}
.chat-input {
    display: flex;
    position: relative;
    .el-textarea {
        flex-grow: 1;
        margin-right: 10px;
    }
}

.btn {
    position: absolute;
    top: 0;
    right: 0;
    button {
        width: 86px;
        height: 44px;
        background: #bf1616;
        color: #fff;
        font-size: 14px;
    }
}
</style>
<style lang="less">
.el-textarea {
    textarea {
        padding: 10px 15px;
    }
}
</style>
