调整表单组件样式，实现提交按钮底部固定显示，实现文本域组件按行高度

Tevin

2021-07-08 0624a0e6ae3dc366f020c7be531ace6a099a664b

 forms/textarea/CTextArea.vue

@@ -16,10 +16,11 @@
        <textarea
            ref="textarea"
            class="textarea"
            :style="{height: areaHeight}"
            :style="{minHeight: areaHeight}"
            :placeholder="placeholder"
            :value="itemRes.formData[itemRes.name]"
            :autoFocus="false"
            :autoHeight="true"
            @input="evt=>itemRes.onChange(evt.detail.value)"
        />
    </view>
@@ -40,10 +41,9 @@
        // 表单数据资源（表单组件内部机制专用）
        itemRes: Object,
        // 文本域输入区域高度
        height: {
            type: Number,
            default: 94,
        },
        height: Number,
        // 文本雨输入区行数
        rows: Number,
        // 占位提示
        placeholder: String,
    },
@@ -52,7 +52,11 @@
    },
    computed: {
        areaHeight() {
            return Taro.pxTransform(this.height, 750);
            if (this.rows) {
                return Taro.pxTransform(this.rows * 40, 750);
            } else {
                return Taro.pxTransform(this.height, 750);
            }
        },
    },
    methods: {},