价格 Price

售卖商品的价格。

价格及价格符号

通过count属性设定价格。

通过unit属性设置价格单位。默认值为￥。

示例代码

  <l-price 
    unit="￥"
    count="666"
  ></l-price>

是否为删除态价格

通过delete属性设置价格是否为删除态。默认值为false。

通过del-color属性设置价格删除态的颜色。

示例代码

  <l-price 
    unit="￥"
    count="666"
    delete="{{true}}"
    del-color="#3963bc"
  ></l-price>

价格颜色及大小

通过unit-size属性设置价格单位的大小。

通过unit-color属性设置价格单位的颜色。

通过count-size属性设置价格的大小。

通过count-color属性设置价格的颜色。

示例代码

  <l-price 
    unit="￥"
    count="666"
    unit-color="#3963bc"
    unit-size="28"
  ></l-price>

价格前后内容设置

通过设置slot='before'插入价格前的内容。

通过设置slot='after'插入价格前的内容。

  <l-price 
    unit="￥"
    count="666"
    unit-color="#3963bc"
    unit-size="28"
  >
    <l-tag slot="before">VIP</l-tag>
  </l-price>

TIP

del-color属性权重大于unit-color和count-color属性。unit-color和count- color属性之间无冲突，可单独设置。

价格属性（Price Attributes）