feat(uikit): 引入明缘主题色板与通用组件
This commit is contained in:
27
uikit/src/main/ets/components/LabeledRow.ets
Normal file
27
uikit/src/main/ets/components/LabeledRow.ets
Normal file
@@ -0,0 +1,27 @@
|
||||
import { AppColor, AppFontSize } from '../theme/Theme';
|
||||
|
||||
/**
|
||||
* 左标签右值的信息行(用于「我的」页个人信息)。
|
||||
*/
|
||||
@ComponentV2
|
||||
export struct LabeledRow {
|
||||
@Param label: string = '';
|
||||
@Param value: string = '';
|
||||
|
||||
build() {
|
||||
Row() {
|
||||
Text(this.label)
|
||||
.fontSize(AppFontSize.body)
|
||||
.fontColor(AppColor.textMuted)
|
||||
Blank()
|
||||
Text(this.value)
|
||||
.fontSize(AppFontSize.body)
|
||||
.fontColor(AppColor.textPrimary)
|
||||
.textAlign(TextAlign.End)
|
||||
.maxLines(1)
|
||||
.textOverflow({ overflow: TextOverflow.Ellipsis })
|
||||
}
|
||||
.width('100%')
|
||||
.padding({ top: 14, bottom: 14 })
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user