tmui-cli 2.0.1 → 2.0.3

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//350/257/215/344/272/221 xTextCloud.md"

@@ -0,0 +1,263 @@
+# 词云 xTextCloud
+
+## 介绍
+
+密铺词云：left/alphabetic 量盒，宽至少字宽。只横/竖。全端 x-skia-u。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-text-cloud/x-text-cloud.uvue
+```
+
+## 使用
+
+```ts
+<x-text-cloud></x-text-cloud>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| width | `宽度，px / rpx / % / auto`<br> | `string` | `"100%"` |
+| height | `高度，px / rpx / %`<br> | `string` | `"440rpx"` |
+| backgroundColor | `画布背景色，空或 transparent 为透明`<br> | `string` | `"transparent"` |
+| list | `词条，按 weight 越大字越大、越靠中心`<br> | `Array` | `() : TEXTCLOUD_ITEM_INFO[] => [] as TEXTCLOUD_ITEM_INFO[]` |
+| color | `未指定 item.color 时的基准色，会按权重派生多种对比色`<br> | `string` | `"primary"` |
+| rotate | `朝向：none 全横 / cross 横+竖密铺`<br> | `xTextCloudRotate` | `"cross"` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/zhanshi/text-cloud
+```
+
+## 示例源码
+
+```vue
+<template>
+
+	<!-- #ifdef MP-WEIXIN -->
+	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
+		<navigation-bar :background-color="xThemeConfigNavBgColor"
+			:front-color="xThemeConfigNavFontColor"></navigation-bar>
+	</page-meta>
+	<!-- #endif -->
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">词云 xTextCloud</x-text>
+		<x-text color="#999999">密铺咬合：大词当骨架，小词填缝，只横竖。词越多、缝补得越满。</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="16" class=" text-weight-b mb-8">朝向</x-text>
+		<x-radio-button v-model="rotateId" :list="rotateList" font-size="13" height="40" class="mb-12"></x-radio-button>
+		<x-text-cloud :list="words" :rotate="rotateId" height="480rpx"></x-text-cloud>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="16" class=" text-weight-b mb-8">指定热词颜色</x-text>
+		<x-text color="#999999" class="mb-12">个别词写 color，其余仍走主题派生。</x-text>
+		<x-text-cloud :list="colored" rotate="cross" height="480rpx" color="success"></x-text-cloud>
+	</x-sheet>
+	<view class="py-32"></view>
+
+</template>
+
+<script lang="ts" setup>
+	import { ref } from "vue"
+	import { TEXTCLOUD_ITEM_INFO, RADIO_BUTTON } from "@/uni_modules/tmx-ui/interface.uts"
+
+	type xTextCloudRotate = "none" | "cross"
+
+	const rotateId = ref<xTextCloudRotate>("cross")
+	const rotateList = [
+		{ id: "none", title: "横排" } as RADIO_BUTTON,
+		{ id: "cross", title: "纵横" } as RADIO_BUTTON
+	] as RADIO_BUTTON[]
+
+	const words = [
+		{ text: "设计", weight: 100 },
+		{ text: "体验", weight: 88 },
+		{ text: "灵感", weight: 80 },
+		{ text: "品牌", weight: 74 },
+		{ text: "创意", weight: 70 },
+		{ text: "交互", weight: 66 },
+		{ text: "视觉", weight: 62 },
+		{ text: "产品", weight: 58 },
+		{ text: "用户", weight: 54 },
+		{ text: "趋势", weight: 50 },
+		{ text: "色彩", weight: 46 },
+		{ text: "动效", weight: 44 },
+		{ text: "布局", weight: 40 },
+		{ text: "组件", weight: 38 },
+		{ text: "数据", weight: 36 },
+		{ text: "流畅", weight: 34 },
+		{ text: "细节", weight: 32 },
+		{ text: "质感", weight: 30 },
+		{ text: "简洁", weight: 28 },
+		{ text: "高级", weight: 26 },
+		{ text: "克制", weight: 24 },
+		{ text: "留白", weight: 22 },
+		{ text: "层次", weight: 22 },
+		{ text: "节奏", weight: 20 },
+		{ text: "对比", weight: 20 },
+		{ text: "平衡", weight: 18 },
+		{ text: "焦点", weight: 18 },
+		{ text: "网格", weight: 16 },
+		{ text: "字体", weight: 16 },
+		{ text: "图标", weight: 15 },
+		{ text: "阴影", weight: 14 },
+		{ text: "圆角", weight: 14 },
+		{ text: "渐变", weight: 13 },
+		{ text: "暗黑", weight: 13 },
+		{ text: "主题", weight: 12 },
+		{ text: "响应", weight: 12 },
+		{ text: "适配", weight: 11 },
+		{ text: "性能", weight: 11 },
+		{ text: "无障碍", weight: 10 },
+		{ text: "反馈", weight: 10 },
+		{ text: "手势", weight: 9 },
+		{ text: "导航", weight: 9 },
+		{ text: "卡片", weight: 8 },
+		{ text: "列表", weight: 8 },
+		{ text: "搜索", weight: 7 },
+		{ text: "标签", weight: 7 },
+		{ text: "空态", weight: 6 },
+		{ text: "骨架", weight: 6 },
+		{ text: "加载", weight: 5 },
+		{ text: "缓存", weight: 5 },
+		{ text: "刷新", weight: 5 },
+		{ text: "分页", weight: 4 },
+		{ text: "筛选", weight: 4 },
+		{ text: "排序", weight: 4 },
+		{ text: "置顶", weight: 4 },
+		{ text: "草稿", weight: 3 },
+		{ text: "发布", weight: 3 },
+		{ text: "预览", weight: 3 },
+		{ text: "复制", weight: 3 },
+		{ text: "撤销", weight: 3 },
+		{ text: "重做", weight: 3 },
+		{ text: "缩放", weight: 3 },
+		{ text: "吸附", weight: 3 },
+		{ text: "参考线", weight: 3 },
+		{ text: "图层", weight: 3 },
+		{ text: "蒙版", weight: 2 },
+		{ text: "描边", weight: 2 },
+		{ text: "填充", weight: 2 },
+		{ text: "对齐", weight: 2 },
+		{ text: "分布", weight: 2 },
+		{ text: "编组", weight: 2 },
+		{ text: "锁定", weight: 2 },
+		{ text: "隐藏", weight: 2 },
+		{ text: "导出", weight: 2 },
+		{ text: "切片", weight: 2 },
+		{ text: "标注", weight: 2 }
+	] as TEXTCLOUD_ITEM_INFO[]
+
+	const colored = [
+		{ text: "热销", weight: 96, color: "error" },
+		{ text: "新品", weight: 80, color: "warn" },
+		{ text: "口碑", weight: 72, color: "success" },
+		{ text: "限时", weight: 64, color: "error" },
+		{ text: "品质", weight: 58 },
+		{ text: "好评", weight: 50 },
+		{ text: "推荐", weight: 46 },
+		{ text: "精选", weight: 42 },
+		{ text: "优惠", weight: 38, color: "warn" },
+		{ text: "包邮", weight: 34 },
+		{ text: "现货", weight: 30 },
+		{ text: "爆款", weight: 28, color: "error" },
+		{ text: "套装", weight: 24 },
+		{ text: "礼盒", weight: 22 },
+		{ text: "会员", weight: 20 },
+		{ text: "积分", weight: 16 },
+		{ text: "评价", weight: 14 },
+		{ text: "收藏", weight: 12 },
+		{ text: "分享", weight: 10 },
+		{ text: "对比", weight: 8 },
+		{ text: "加购", weight: 8 },
+		{ text: "预售", weight: 7 },
+		{ text: "拼团", weight: 7 },
+		{ text: "秒杀", weight: 7, color: "error" },
+		{ text: "满减", weight: 6 },
+		{ text: "券", weight: 6 },
+		{ text: "折扣", weight: 6 },
+		{ text: "赠品", weight: 5 },
+		{ text: "试用", weight: 5 },
+		{ text: "晒单", weight: 5 },
+		{ text: "回购", weight: 5 },
+		{ text: "好穿", weight: 4 },
+		{ text: "好用", weight: 4 },
+		{ text: "正品", weight: 4 },
+		{ text: "发货", weight: 4 },
+		{ text: "物流", weight: 4 },
+		{ text: "售后", weight: 3 },
+		{ text: "客服", weight: 3 },
+		{ text: "尺码", weight: 3 },
+		{ text: "颜色", weight: 3 },
+		{ text: "库存", weight: 3 },
+		{ text: "浏览", weight: 3 },
+		{ text: "足迹", weight: 3 },
+		{ text: "想要", weight: 2 },
+		{ text: "问大家", weight: 2 },
+		{ text: "种草", weight: 2 },
+		{ text: "测评", weight: 2 },
+		{ text: "清单", weight: 2 },
+		{ text: "搭配", weight: 2 },
+		{ text: "同款", weight: 2 },
+		{ text: "旗舰", weight: 2 },
+		{ text: "官方", weight: 2 },
+		{ text: "认证", weight: 2 },
+		{ text: "包退", weight: 2 },
+		{ text: "质保", weight: 2 },
+		{ text: "运费", weight: 2 },
+		{ text: "到付", weight: 2 },
+		{ text: "自提", weight: 2 },
+		{ text: "预约", weight: 2 },
+		{ text: "直播", weight: 2 },
+		{ text: "短视频", weight: 2 },
+		{ text: "详情", weight: 1 },
+		{ text: "参数", weight: 1 },
+		{ text: "规格", weight: 1 },
+		{ text: "服务", weight: 1 },
+		{ text: "保障", weight: 1 },
+		{ text: "发票", weight: 1 },
+		{ text: "分期", weight: 1 },
+		{ text: "免息", weight: 1 }
+	] as TEXTCLOUD_ITEM_INFO[]
+</script>
+
+<style lang="scss">
+
+</style>
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//350/277/233/345/272/246/346/235/241 xProgress.md"

@@ -0,0 +1,149 @@
+# 进度条 xProgress
+
+## 介绍
+
+使用，允许设置min,max值，如果你的双向绑定的vale值超过min,max的合法值，将会被转换为正确值。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-progress/x-progress.uvue
+```
+
+## 使用
+
+```ts
+<x-progress></x-progress>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| min | `最小值`<br> | `number` | `0` |
+| max | `最大值`<br> | `number` | `100` |
+| modelValue | `当前的值`<br>`等同v-model=""`<br> | `number` | `0` |
+| color | `进度条激活时的颜色`<br>`为空时，取全局配置的值`<br> | `string` | `""` |
+| bgColor | `背景颜色`<br> | `string` | `"info"` |
+| darkBgColor | `暗黑背景颜色，如果不设置取inputDarkColor`<br> | `string` | `""` |
+| showLabel | `是否显示进度条上的label文本`<br> | `boolean` | `false` |
+| labelColor | `文本颜色`<br> | `string` | `"white"` |
+| labelFontSize | `文本文字大小`<br> | `string` | `"10"` |
+| size | `进度条的大小`<br> | `string` | `"4"` |
+| round | `圆角。`<br>`为空值时，取全局的统一值`<br> | `string` | `""` |
+| duration | `动画持续的时间`<br> | `number` | `350` |
+| linearColor | `渐变背景，使用使用正经的background-image请查阅官方文档,例：'linear-gradient(to bottom,red,green)'`<br>`注意不要动态在渐变和color间切换原生不支持这样操作，会渲染异常的。`<br> | `string` | `''` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| update:modelValue | `-` | - |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| default | `默认标签文本插槽，需要设置:showLabel="true"` | value: number<br>value: number<br>percentage: number<br>percentage: number<br> |
+| right | `右插槽` | value: number<br>value: number<br>percentage: number<br>percentage: number<br> |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/zhanshi/progress
+```
+
+## 示例源码
+
+```vue
+<template>
+	<!-- #ifdef MP-WEIXIN -->
+	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
+		<navigation-bar :background-color="xThemeConfigNavBgColor"
+			:front-color="xThemeConfigNavFontColor"></navigation-bar>
+	</page-meta>
+	<!-- #endif -->
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">进度条 Progress</x-text>
+		<x-text color="#999999">
+			主题，圆角风格可全局统一配置
+		</x-text>
+	</x-sheet>
+
+	<x-sheet>
+		<x-progress v-model="val" class="mb-12"></x-progress>
+		<x-progress v-model="val" class="mb-12" color="danger"></x-progress>
+		<x-progress v-model="val" color="error"></x-progress>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b ">显示label</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-progress v-model="val" class="mb-12" size="12" :show-label="true"></x-progress>
+		<x-progress v-model="val" class="mb-12" size="12" :show-label="true" color="danger"></x-progress>
+		<x-progress v-model="val" size="12" :show-label="true"
+			linear-color="linear-gradient(to right, #FFEB3A, #4DEF8E)"></x-progress>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b ">设置圆角</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-progress v-model="val" class="mb-12" round="0"></x-progress>
+		<view>
+			<x-progress v-model="val" round="0" color="error"></x-progress>
+		</view>
+	</x-sheet>
+
+	<x-sheet style="display: flex;flex-direction: row;">
+		<x-button class="mr-32" @click="val = val+10">增加</x-button>
+		<x-button color="error" @click="val = val-10">减少</x-button>
+	</x-sheet>
+
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b ">设置右插槽，显示内容</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-progress :model-value="50" round="0" :max="150">
+			<template #right="{percentage,value}">
+				<x-text font-size="12" class="ml-12">{{percentage}}%,{{value}}元</x-text>
+			</template>
+		</x-progress>
+	</x-sheet>
+
+	<view style="height:50px"></view>
+
+</template>
+
+<script lang="uts" setup>
+	const val = ref(50)
+</script>
+
+<style lang="scss">
+
+</style>
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//351/200/232/347/237/245/346/240/217 xNotice.md"

@@ -0,0 +1,134 @@
+# 通知栏 xNotice
+
+## 介绍
+
+速度可控，样式比较方便的调整。如果想要竖向的，请使用官方的轮播实现。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-notice/x-notice.uvue
+```
+
+## 使用
+
+```ts
+<x-notice></x-notice>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| speed | `速率`<br> | `number` | `50` |
+| color | `背景色`<br> | `string` | `"#ebf4ff"` |
+| darkColor | `暗黑时的背景色，如果不填写，取color暗黑浅背景。`<br> | `string` | `""` |
+| fontColor | `文字和图标色`<br> | `string` | `"primary"` |
+| fontSize | `文字大小和图标大小`<br> | `string` | `"14"` |
+| icon | `图标，如果为空将不显示 。`<br> | `string` | `"megaphone-line"` |
+| iconColor | `不填写的话取fontColor`<br> | `string` | `""` |
+| iconSize | `不填写的话取fontSize`<br> | `string` | `""` |
+| label | `通知文本。`<br> | `Array` | `():string[] =>[] as string[]` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| click | `index: number<br>` | 项目被点击 |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/zhanshi/notice
+```
+
+## 示例源码
+
+```vue
+<template>
+	<!-- #ifdef MP-WEIXIN -->
+	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
+		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
+	</page-meta>
+	<!-- #endif -->
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b mb-8">通知栏 Notice</x-text>
+			<x-text color="#999999" >
+				速度可控，样式比较方便的调整。如果想要竖向的，请使用官方的轮播实现。
+			</x-text>
+		</x-sheet>
+		<x-sheet>
+			<x-notice
+			class="mb-24"
+			:label="['比马斯克脑机接口更精确微创，超声波读脑大法来了','后期狂喜，一张照片丝滑替换视频主角，动作幅度再大也OK']"
+			></x-notice>
+			
+			<x-notice
+			class="mb-24"
+			color="error"
+			dark-color="error"
+			font-color="white"
+			:label="['出门问问急切赴港IPO：与大众汽车“分道扬镳”，现金已不足2亿','后期狂喜，一张照片丝滑替换视频主角，动作幅度再大也OK']"
+			></x-notice>
+			
+			<x-notice
+			icon="router-fill"
+			color="warn"
+			dark-color="warn"
+			font-color="white"
+			:label="['现金流不足1.6亿元的出门问问，该如何在这场“烧钱”游戏中突围？','后期狂喜，一张照片丝滑替换视频主角，动作幅度再大也OK']"
+			></x-notice>
+			
+		</x-sheet>
+		
+		<x-sheet >
+			<x-text font-size="18" class=" text-weight-b mb-12">控制速度</x-text>
+			<x-notice
+			:speed="10"
+			:label="['比马斯克脑机接口更精确微创，超声波读脑大法来了','后期狂喜，一张照片丝滑替换视频主角，动作幅度再大也OK']"
+			></x-notice>
+		</x-sheet>
+		<x-sheet >
+			<x-text font-size="18" class=" text-weight-b mb-12">隐藏图标</x-text>
+			<x-notice
+			icon=""
+			:speed="10"
+			:label="['比马斯克脑机接口更精确微创，超声波读脑大法来了','后期狂喜，一张照片丝滑替换视频主角，动作幅度再大也OK']"
+			></x-notice>
+		</x-sheet>
+
+</template>
+
+<script lang="ts" setup>
+</script>
+
+<style lang="scss" scoped>
+
+</style>
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//351/207/221/351/242/235/346/240/205/346/240/274 xMoney.md"

@@ -0,0 +1,137 @@
+# 金额栅格 xMoney
+
+## 介绍
+
+对金额进行栅格化
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-money/x-money.uvue
+```
+
+## 使用
+
+```ts
+<x-money></x-money>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| digit | `小数点后几位`<br> | `number` | `2` |
+| thousand | `开启千分位`<br> | `boolean` | `false` |
+| thousandUnit | `千分位的分隔符`<br> | `string` | `","` |
+| thousandLen | `千分位的长度，`<br>`默认是3位一位，如果为4就是万分位依此类推`<br> | `number` | `3` |
+| symbolText | `货币符号`<br> | `string` | `'￥'` |
+| symbolPosition | `货币符号位置`<br>`left:左侧`<br>`right:右侧`<br> | `string` | `'left'` |
+| color | `文字颜色`<br> | `string` | `'primary'` |
+| darkColor | `暗黑时的文字颜色`<br> | `string` | `''` |
+| fontSize | `文字大小`<br> | `string` | `'16'` |
+| preFontSize | `货币符号及小数字号大小`<br> | `string` | `'16'` |
+| showCn | `是否显示中文金额`<br> | `boolean` | `false` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| default | `默认插槽` | inter: string<br>inter: string<br>inter: string<br>inter: string<br>digit: string<br>digit: string<br>digit: string<br>digit: string<br>cn: string<br>cn: string<br>cn: string<br>cn: string<br>lineHeight: string<br>lineHeight: string<br>lineHeight: string<br>lineHeight: string<br> |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/qita/money
+```
+
+## 示例源码
+
+```vue
+<template>
+	<!-- #ifdef MP-WEIXIN -->
+	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
+		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
+	</page-meta>
+	<!-- #endif -->
+	
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b mb-8">金额栅格 xMoney</x-text>
+			<x-text color="#999999" >考虑到这个比较常用，输入金额为数字即可，可以放心的使用保证精度，不采用toFiexd，保证金额精度无舍入。</x-text>
+		</x-sheet>
+		<x-sheet class="flex flex-row flex-row-center-between">
+			<x-text>默认2位小数</x-text>
+			<x-money :modelValue="0.01"></x-money>
+		</x-sheet>
+
+		<x-sheet class="flex flex-row flex-row-center-between">
+			<x-text>开启千分位,小数位为3</x-text>
+			<x-money :thousand="true" :digit="3" fontSize="30" :modelValue="15568.398"></x-money>
+		</x-sheet>
+		<x-sheet class="flex flex-row flex-row-center-between">
+			<x-text>千分位为4分割</x-text>
+			<x-money :thousand="true" :thousandLen="4" :digit="3" :modelValue="15568.398"></x-money>
+		</x-sheet>
+		<x-sheet class="flex flex-row flex-row-center-between">
+			<x-text>字号控制</x-text>
+			<x-money :thousand="true" fontSize="24" :digit="3" :modelValue="15568.398"></x-money>
+		</x-sheet>
+		<x-sheet >
+			<x-text>大写金额（仅到厘,不要超过后4位）</x-text>
+			<x-money color="warn" darkColor="warn" :showCn="false" fontSize="16" :digit="4" :modelValue="money"></x-money>
+			<x-money class="mb-20" :showCn="true" fontSize="16" :digit="4" :modelValue="money"></x-money>
+			
+			<x-button :block="true" @click="money = money==1568.3984?1548.36:1568.3984">试试修改金额</x-button>
+		</x-sheet>
+		<x-sheet >
+			<x-text>去除小数，把小数置0即可，要注意我不会舍入，是直接丢掉小数</x-text>
+			<x-money :showCn="false" fontSize="16" :digit="0" :modelValue="1568.398"></x-money>
+			<x-text>可以直接写style修改样式</x-text>
+			<x-money style="text-align: right;font-weight: bold;" :showCn="false" fontSize="24" preFontSize="14" :digit="1" :modelValue="1568.398"></x-money>
+		</x-sheet>
+		
+		<x-sheet >
+			<x-text>自定义货币符号</x-text>
+			<x-money symbolText="$" fontSize="20" :modelValue="1568" preFontSize="12"></x-money>
+			<x-money symbolText=" / 美元" fontSize="20" preFontSize="12"  symbolPosition='right' :modelValue="1568"></x-money>
+			<x-money symbolText=" 元/个" fontSize="20" preFontSize="12"  symbolPosition='right' :modelValue="1568"></x-money>
+			<x-money symbolText="人民币: " fontSize="20" preFontSize="12"  symbolPosition='left' :modelValue="1568"></x-money>
+		</x-sheet>
+	
+</template>
+
+<script setup lang="ts">
+		import {ref} from "vue"
+		const money = ref(1568.3984)
+</script>
+
+<style>
+		
+</style>
+
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)