HarmonyOS 鸿蒙Next 下拉菜单三角箭头颜色怎么改

HarmonyOS 鸿蒙Next 下拉菜单三角箭头颜色怎么改

// xxx.ets @Entry @Component struct SelectExample { @State text: string = “回复者发财” @State index: number = 2 @State space: number = 2 @State arrowPosition: ArrowPosition = ArrowPosition.END

build() { Row(){ Column() { Select([ { value: ‘aaa’, icon: $r(“app.media.vip”) }, { value: ‘bbb’, icon: $r(“app.media.vip”) }, { value: ‘ccc’, icon: $r(“app.media.vip”) }, { value: ‘ddd’, icon: $r(“app.media.vip”) } ]) .selected(this.index) .value(this.text) .font({ size: 16, weight: 500 }) .fontColor(’#fff’) .selectedOptionFont({ size: 16, weight: 400 }) .optionFont({ size: 16, weight: 400 }) .space(this.space) .arrowPosition(this.arrowPosition) .menuAlign(MenuAlignType.START, { dx: 0, dy: 0 }) .optionWidth(100) .optionHeight(250) .onSelect((index: number, text?: string | undefined) => { console.info(‘Select:’ + index) this.index = index; if (text) { this.text = text; } }) } Column() { Select([ { value: ‘aaa’, icon: $r(“app.media.vip”) }, { value: ‘bbb’, icon: $r(“app.media.vip”) }, { value: ‘ccc’, icon: $r(“app.media.vip”) }, { value: ‘ddd’, icon: $r(“app.media.vip”) } ]) .selected(this.index) .value(this.text) .font({ size: 16, weight: 500 }) .fontColor(’#fff’) .selectedOptionFont({ size: 16, weight: 400 }) .optionFont({ size: 16, weight: 400 }) .space(this.space) .arrowPosition(this.arrowPosition) .menuAlign(MenuAlignType.START, { dx: 20, dy: 50 }) .optionWidth(200) .optionHeight(300) .onSelect((index: number, text?: string | undefined) => { console.info(‘Select:’ + index) this.index = index; if (text) { this.text = text; } }) } Column() { Select([ { value: ‘aaa’, icon: $r(“app.media.vip”) }, { value: ‘bbb’, icon: $r(“app.media.vip”) }, { value: ‘ccc’, icon: $r(“app.media.vip”) }, { value: ‘ddd’, icon: $r(“app.media.vip”) } ]) .selected(this.index) .value(this.text) .font({ size: 16, weight: 500 }) .fontColor(’#f66’) .selectedOptionFont({ size: 16, weight: 400 }) .optionFont({ size: 16, weight: 400 }) .space(this.space) .arrowPosition(this.arrowPosition) .menuAlign(MenuAlignType.START, { dx: 0, dy: 0 }) .optionWidth(200) .optionHeight(300) .onSelect((index: number, text?: string | undefined) => { console.info(‘Select:’ + index) this.index = index; if (text) { this.text = text; } }) } }.backgroundColor(’#ffffc800’) } }