跳到主要内容

价格 Price

价格,常用于价格字体大小不一的场景

安装使用

{
// 原生小程序
"usingComponents": {
"ti-price": "@titian-design/weapp/price/index"
},
// titan-cli 搭建的项目
"usingComponents": {
"ti-price": "platform://titian-mp/ti-price"
}
}

用法示例

基本使用
copy
code

ti-price API

属性 Properties

名称类型必填默认值说明备注
labelstring-描述-
unitstring-单位-
prefixstring-前缀-
valuenumber0价格-
suffixstring-后缀-
radixnumber2小数点精度-
ext-stylestring-根节点样式-

CSS 变量 CSS Variables

变量默认值说明备注
--price-colortheme.color.brand.1000价格颜色,默认为 --theme-price-
--price-label-colorinherit价格描述-颜色-
--price-label-font-size24rpx价格描述-字号-
--price-label-font-weight400价格描述-字重-
--price-label-line-height28rpx价格描述-行高-
--price-prefix-colorinherit前缀-颜色-
--price-prefix-font-size24rpx前缀-字号-
--price-prefix-font-weight400前缀-字重-
--price-prefix-line-height28rpx前缀-行高-
--price-suffix-colorinherit后缀-颜色-
--price-suffix-font-size24rpx后缀-字号-
--price-suffix-font-weight400后缀-字重-
--price-suffix-line-height28rpx后缀-行高-
--price-unit-colorinherit单位-颜色-
--price-unit-margin-left4px单位-左边距-
--price-unit-margin-rightinherit单位-右边距-
--price-unit-font-size30rpx单位-字号-
--price-unit-font-weight600单位-字重-
--price-unit-line-height28rpx单位-行高-
--price-integer-colorinherit整数部分-颜色-
--price-integer-font-size48rpx整数部分-字号-
--price-integer-font-familyfont-wemo整数部分-字体族-
--price-integer-font-weight400整数部分-字重-
--price-integer-line-height48rpx整数部分-行高-
--price-fraction-colorinherit小数部分-颜色-
--price-fraction-font-size32rpx小数部分-字号-
--price-fraction-font-familyfont-wemo小数部分-字体族-
--price-fraction-font-weight400小数部分-字重-
--price-fraction-line-height28rpx小数部分-行高-