更新记录
1.0.0(2026-01-08)
下载此版本
master
平台兼容性
uni-app(4.13)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
√ |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
安装
在市场导入xf-line-textuni_modules版本的即可,无需import
组件关联说明
代码演示
基本用法
<template>
<view class="xf-col" style="height: 100%; ">
<xf-line-text title="标题标题标题标题" tip="xxxx" required content="内容内容内容内容内容内容内容内容"></xf-line-text>
<xf-line-text :bottomTip="prompt" title="标题标题" tip="xxxx" content="内容内容内容内容内容内容内容内容"></xf-line-text>
<xf-line-text title="标题标题标题标题标题标题标题标题标题" required content="内容内容内容内容内容内容内容内容" labelAlign='top'></xf-line-text>
<xf-line-text :bottomTip="prompt" title="标题标题标题" content="内容内容内容内容内容内容内容内容" labelAlign='top'></xf-line-text>
</view>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const prompt = ref("s我的上上下下")
</script>
<style>
</style>
API
Props
| 属性名 |
说明 |
类型 |
默认值 |
| title |
标题 |
string |
标题 |
| required |
*是否必填 |
boolean |
false |
| content |
显示内容 |
string |
- |
| tip |
展示内容 |
string |
- |
| bottomTip |
副标题 |
string |
- |
| labelWidth |
标题宽度 |
string |
- |
| labelAlign |
最多显示的行数 top|left |
string |
left |