更新记录
1.0.0.1(2025-12-29) 下载此版本
master
1.0.0(2025-12-29) 下载此版本
master
平台兼容性
uni-app(4.45)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | √ | - | - | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
安装
在市场导入xf-fm-titleuni_modules版本的即可,无需import
组件关联说明
- xf-scss辅助样式;
- xf-icon;
- xf-tooltip;
代码演示
插件使用
- 位于 uni_modules/xf-fm-title/components/xf-fm-title
- 导入插件后直接使用
<xf-fm-title title="标题" />
基本用法
-
使用组件代码如下:
<template> <view class="page-view"> <xf-fm-title :customStyle="style" title="这是一个标题1" bottomTip="休息休息"> </xf-fm-title> <xf-fm-title :customStyle="style" title="这是一个标题2" :required="true" :labelWidth="120" bottomTip="休息休息"> </xf-fm-title> <xf-fm-title :customStyle="style" title="这是一个标题3" :required="true" :labelWidth="120" tip="哈哈哈哈" bottomTip="休息休息"> </xf-fm-title> </view> </template>
## API
### Props
| 属性名 | 说明 | 类型 | 默认值 |
| --------------------------| ------------------------------------ | ---------------- | ------------ |
| title | 标题 | <em>string</em> | - |
| customClass | 自定义class,小程序css样式建议用customStyle | <em>string</em> | - |
| customStyle | 自定义style | <em>`object|string`</em> | - |
| titleColor | 标题颜色 | <em>string</em> | - |
| required | *是否必填 | <em>boolean</em> | `false` |
| labelWidth | 标题宽度 | <em>`object|string`</em> | - |
| tip | 提示语 | <em>string</em> | - |
| bottomTip | 副标题(标题解释) | <em>string</em> | - |
### 插槽 slot
| 名称 | 说明 | 返回值 |
| ---------------- | --------------------------------------------------------------| ------|
| | 自定义右侧内容,常用组件案例饿`xf-fm-select` | |

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 286
赞赏 0
下载 12710282
赞赏 1832
赞赏
京公网安备:11010802035340号