一家公司做网站需要什么资料,广州市建设工程定额管理网站,学校的网站建设和资源库建设,购物网站建设实战教程答案可以附加在单个组件上用于信息标记的容器组件。该组件从API Version 7开始支持。 支持单个子组件。子组件类型#xff1a;系统组件和自定义组件#xff0c;支持渲染控制类型#xff08;if/else、ForEach和LazyForEach#xff09;。 一、接口 方法1#xff1a; Badge(value…可以附加在单个组件上用于信息标记的容器组件。该组件从API Version 7开始支持。 支持单个子组件。子组件类型系统组件和自定义组件支持渲染控制类型if/else、ForEach和LazyForEach。 一、接口 方法1 Badge(value: {count: number, position?: BadgePosition, maxCount?: number, style: BadgeStyle}) 创建数字标记组件。 从API version 9开始该接口支持在ArkTS卡片中使用。 参数 方法2 Badge(value: {value: string, position?: BadgePosition, style: BadgeStyle}) 根据字符串创建标记组件。 从API version 9开始该接口支持在ArkTS卡片中使用。 参数 BadgePosition枚举说明 从API version 9开始该接口支持在ArkTS卡片中使用。 BadgeStyle对象说明 从API version 9开始该接口支持在ArkTS卡片中使用。 二、属性 支持通用属性。 三、事件 支持通用事件。 四、示例
// xxx.ets
Entry
Component
struct BadgeExample {Builder TabBuilder(index: number) {Column() {if (index 2) {Badge({value: ,style: { badgeSize: 6, badgeColor: #FA2A2D }}) {Image(/common/public_icon_off.svg).width(24).height(24)}.width(24).height(24).margin({ bottom: 4 })} else {Image(/common/public_icon_off.svg).width(24).height(24).margin({ bottom: 4 })}Text(Tab).fontColor(#182431).fontSize(10).fontWeight(500).lineHeight(14)}.width(100%).height(100%).justifyContent(FlexAlign.Center)}Builder itemBuilder(value: string) {Row() {Image(common/public_icon.svg).width(32).height(32).opacity(0.6)Text(value).width(177).height(21).margin({ left: 15, right: 76 }).textAlign(TextAlign.Start).fontColor(#182431).fontWeight(500).fontSize(16).opacity(0.9)Image(common/public_icon_arrow_right.svg).width(12).height(24).opacity(0.6)}.width(100%).padding({ left: 12, right: 12 }).height(56)}build() {Column() {Text(dotsBadge).fontSize(18).fontColor(#182431).fontWeight(500).margin(24)Tabs() {TabContent().tabBar(this.TabBuilder(0))TabContent().tabBar(this.TabBuilder(1))TabContent().tabBar(this.TabBuilder(2))TabContent().tabBar(this.TabBuilder(3))}.width(360).height(56).backgroundColor(#F1F3F5)Column() {Text(stringBadge).fontSize(18).fontColor(#182431).fontWeight(500).margin(24)List({ space: 12 }) {ListItem() {Text(list1).fontSize(14).fontColor(#182431).margin({ left: 12 })}.width(100%).height(56).backgroundColor(#FFFFFF).borderRadius(24).align(Alignment.Start)ListItem() {Badge({value: New,position: BadgePosition.Right,style: { badgeSize: 16, badgeColor: #FA2A2D }}) {Text(list2).width(27).height(19).fontSize(14).fontColor(#182431)}.width(49.5).height(19).margin({ left: 12 })}.width(100%).height(56).backgroundColor(#FFFFFF).borderRadius(24).align(Alignment.Start)}.width(336)Text(numberBadge).fontSize(18).fontColor(#182431).fontWeight(500).margin(24)List() {ListItem() {this.itemBuilder(list1)}ListItem() {Row() {Image(common/public_icon.svg).width(32).height(32).opacity(0.6)Badge({count: 1,position: BadgePosition.Right,style: { badgeSize: 16, badgeColor: #FA2A2D }}) {Text(list2).width(177).height(21).textAlign(TextAlign.Start).fontColor(#182431).fontWeight(500).fontSize(16).opacity(0.9)}.width(240).height(21).margin({ left: 15, right: 11 })Image(common/public_icon_arrow_right.svg).width(12).height(24).opacity(0.6)}.width(100%).padding({ left: 12, right: 12 }).height(56)}ListItem() {this.itemBuilder(list3)}ListItem() {this.itemBuilder(list4)}}.width(336).height(232).backgroundColor(#FFFFFF).borderRadius(24).padding({ top: 4, bottom: 4 }).divider({ strokeWidth: 0.5, color: rgba(0,0,0,0.1), startMargin: 60, endMargin: 12 })}.width(100%).backgroundColor(#F1F3F5).padding({ bottom: 12 })}.width(100%)}
} 五、场景 卡片上和服务页面上没有执行的内容的提示。
本文根据HarmonyOS官方文档整理。
