更新记录

1.0.1（2025-12-17） 下载此版本

价格组件正式版

平台兼容性

uni-app(3.6.15)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× √ √ √ - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
√ √ √ - - - - - - - -

其他

多语言 暗黑模式 宽屏模式
× × √

xxm-price

适用于uniapp项目展示商城中商品的价格，根据组件属性可以展示多种形态。

下载

点击右上角“下载插件并导入HBuilderX”，将插件下载到本地uni_modules目录中

样式

用法

基础样式：

<xxm-price/>

设置组件大小：

<xxm-price :size="26"/>

前缀货币符号：

<xxm-price :size="26" symbol="$"/>

显示原价和现价：

<xxm-price :size="26" :price="36987" :origPrice="400355"/>

设置小字尺寸：

<xxm-price :size="26" :price="36987" :origPrice="400355" :smallSize="12"/>

设置原价和现价颜色：

<xxm-price :size="26" :price="36987" :origPrice="400355" color="#E6A23C" origColor="green"/>

设置原价显示位置：

<xxm-price :size="26" :price="36987" :origPrice="400355" origAlign="bottom"/>

参数

参数 说明 必填项 类型 默认值
price 价格，单位：分 是 int 999
symbol 货币符号 否 string ￥
size 价格大小 否 int 20
smallSize 小数部分大小 否 int -
color 价格颜色 否 string #FF0F23
origPrice 原价，删除线部分，单位：分 否 int 0
origColor 原价颜色 否 string #999999
origAlign 原价显示位置 否 string right

交流反馈

如果在使用中遇到问题，可以***内交流：1022575895

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。