介绍
wm-pricer 是一款用于前端项目的价钱显示工具，它可以通过设定价格和比较原价和优惠价来实现价钱显示。wm-pricer 可以轻松的集成到任何前端项目中，为项目提供实用的价钱显示功能。
安装
使用 npm 命令进行安装：
--- ------- ---------
使用
在你的项目中引用 wm-pricer：
------ ------ ---- ------------
在页面中操作实例：
--- ------ - --- -------------------------- -
------ ----
--------- ---
------ ------
---以上代码会在 .price-container 元素中显示价格为 100 的商品价钱，同时显示 50 的优惠价钱，价钱显示的颜色为红色。如果只有一个价格需要显示，可以如下操作实例：
--- ------ - --- -------------------------- -
------ ---
---这样就只会显示 100 的原价，没有优惠价。
API
在创建 Pricer 实例时，可以传入一个选项对象，来设定 Pricer 的显示选项，这些选项包括：
container
类型：String
默认值： '.wm-pricer'
说明：Pricer 用于显示价格的容器元素的选择器，可以根据实际需求指定。
price
类型：Number
默认值：0
说明：需要显示的商品价格。
discount
类型：Number
默认值：0
说明：需要显示的商品优惠价价格。
color
类型：String
默认值：'#f70'
说明：价格显示的颜色值。
currency
类型：String
默认值：'￥'
说明：价格显示的货币符号。
示例代码
---- ------------------------------
------ ------ ---- ------------
--- -------------- - -------------------------------------------
--- ------ - --- ---------------------- -
------ ----
--------- ---
------ ------
---结束语
通过学习以上内容，你已经掌握了 wm-pricer 的使用方法。使用 wm-pricer 可以让你的前端项目更加丰富多彩，提升用户体验。如果您有任何疑问，可以在 GitHub 上查看文档，或者联系开发者进行帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671a130d0927023822397