更新记录

1.0.0（2025-12-26） 下载此版本

master

平台兼容性

uni-app(4.13)

其他

安装

在市场导入xf-fielduni_modules版本的即可，无需import

组件关联说明

• xf-uview-plus组件库;

代码演示

插件使用

• 位于 uni_modules/xf-popup/components/xf-popup
• 导入插件后可直接引用

• <xf-field v-model="value">
  </xf-field>

基本用法

• 使用组件代码如下：

<template>
    <view class=" xf-full-height">
        <view class="filed-cell xf-row-center  xf-row xf-full-width">
            <text>单行文本输入：</text>
            <xf-field class="xf-full-flex" v-model="text1" placeholder="请输入"
                :adjustPosition="false" :maxlength="10" inputAlign="right"
                :autoHeigh="false" @change="change"></xf-field>
        </view>
        <view class="textarea-cell xf-col">
            <text>多行文本输入：</text>
            <xf-field style="margin-top: 10px;" height="160" v-model="text2" placeholder="请输入"
                :adjustPosition="true" :maxlength="1000" isTextarea
                :autoHeigh="false" @change="change"></xf-field>
        </view>
    </view>
</template>

<script setup lang="ts">
    import { ref } from 'vue';

    const text1 = ref('');
    const text2 = ref('');
    const change = (e) => {
        console.log(e)
    }

</script>

API

Props

事件 Emits