leromro-mini/pages_home/pages/certification/Synopsis.vue

<template>
    <view class="certification-card serve-main ">
        <view class="serve-box flex_c_s hr-solid">
            <view>个人简介</view>
        </view>
        <view class="skillDescribe-conten">
            <up-textarea placeholder="自身评价和优势" class="form-input" placeholder-class="form-placeholder"
                v-model="formData.skillDescribe" count border="none" maxlength="200" style="width: 100%;" autoHeight v-if="viewStatus"></up-textarea>
                <view v-else  class="form-input">{{ formData.skillDescribe }}</view>
        </view>
    </view>
</template>
<script setup>
import { computed, ref } from 'vue';
import { provide, inject } from 'vue'
const formData = inject('formData');
const props = defineProps({
    viewStatus: {
        type: Boolean,
        default: true
    },
})
</script>

<style lang="scss" scoped>
@import "./index.scss";


</style>
<style>
.form-input {
    font-family: PingFang SC;
    font-size: 32rpx;
    line-height: 44rpx;
    color: #130F26;
    width: 100% !important;
}
.form-placeholder {
    color: #C9CDD4;
}
.skillDescribe-conten {
    padding: 32rpx;
}
</style>