修复主题颜色

entry/src/main/ets/common/constants/PlayConstants.ets

@@ -97,7 +97,7 @@ export class PlayConstants {
   static readonly PROGRESS_PROGRESS_VAL: number = 0;
   static readonly PROGRESS_INTERVAL: number = -1;
   static readonly PROGRESS_STEP: number = 1;
-  static readonly PROGRESS_TRACK_THICKNESS: number = 2;
+  static readonly PROGRESS_TRACK_THICKNESS: number = 3;
   static readonly PROGRESS_SLIDER_WIDTH: string = '68.9%';
   static readonly PROGRESS_MARGIN_LEFT: string = '2.2%';
   static readonly PROGRESS_SEEK_TIME: number = 0;

entry/src/main/ets/pages/NewIndex.ets

@@ -190,6 +190,7 @@ struct NewIndex{
   aboutToDisappear() {
     console.info('NewIndex aboutToDisappear');
     this.breakpointSystem.unregister();
+    emitter.off(888);
   }
 
   /**

entry/src/main/ets/pages/ScanFilePage.ets

@@ -238,6 +238,7 @@ export struct ScanFilePage{
               Image($r('app.media.selected'))
                 .width(16)
                 .height(16)
+                .fillColor(this.themeColor)
                 .margin({ left:10})
                 .alignSelf(ItemAlign.Center)
               Text(Utility.resourceToString(getContext(this),$r('app.string.file_scan_tip_one'))
@@ -259,6 +260,7 @@ export struct ScanFilePage{
               Image($r('app.media.selected'))
                 .width(16)
                 .height(16)
+                .fillColor(this.themeColor)
                 .margin({ left:10})
                 .alignSelf(ItemAlign.Center)
               Text($r('app.string.file_scan_tip_two'))

entry/src/main/ets/pages/SettingPage.ets

@@ -561,7 +561,7 @@ export struct SettingPage {
                 .fontWeight(480)
                 .layoutWeight(1)
               Toggle({ type: ToggleType.Switch, isOn: this.isScrollHide })
-                .selectedColor($r('app.color.tab_item_bg'))
+                .selectedColor(this.themeColor)
                 .switchPointColor(Color.White)
                 .margin({ right: 18 })
                 .onChange((checked: boolean) => {
@@ -585,7 +585,7 @@ export struct SettingPage {
                 .fontWeight(480)
                 .layoutWeight(1)
               Toggle({ type: ToggleType.Switch, isOn: this.isGridMusic })
-                .selectedColor($r('app.color.tab_item_bg'))
+                .selectedColor(this.themeColor)
                 .switchPointColor(Color.White)
                 .margin({ right: 18 })
                 .onChange((checked: boolean) => {
@@ -608,7 +608,7 @@ export struct SettingPage {
                 .fontWeight(480)
                 .layoutWeight(1)
               Toggle({ type: ToggleType.Switch, isOn: this.isShowSimi })
-                .selectedColor($r('app.color.tab_item_bg'))
+                .selectedColor(this.themeColor)
                 .switchPointColor(Color.White)
                 .margin({ right: 18 })
                 .onChange((checked: boolean) => {
@@ -631,7 +631,7 @@ export struct SettingPage {
                 .fontWeight(480)
                 .layoutWeight(1)
               Toggle({ type: ToggleType.Switch, isOn: this.isShowFAV })
-                .selectedColor($r('app.color.tab_item_bg'))
+                .selectedColor(this.themeColor)
                 .switchPointColor(Color.White)
                 .margin({ right: 18 })
                 .onChange((checked: boolean) => {
@@ -654,7 +654,7 @@ export struct SettingPage {
                 .fontWeight(480)
                 .layoutWeight(1)
               Toggle({ type: ToggleType.Switch, isOn: this.isShowHistory })
-                .selectedColor($r('app.color.tab_item_bg'))
+                .selectedColor(this.themeColor)
                 .switchPointColor(Color.White)
                 .margin({ right: 18 })
                 .onChange((checked: boolean) => {
@@ -699,7 +699,7 @@ export struct SettingPage {
                 .fontWeight(480)
                 .layoutWeight(1)
               Toggle({ type: ToggleType.Switch, isOn: this.isStartAutoPlay })
-                .selectedColor($r('app.color.tab_item_bg'))
+                .selectedColor(this.themeColor)
                 .switchPointColor(Color.White)
                 .margin({ right: 18 })
                 .onChange((checked: boolean) => {
@@ -720,7 +720,7 @@ export struct SettingPage {
                 .fontWeight(480)
                 .layoutWeight(1)
               Toggle({ type: ToggleType.Switch, isOn: this.isMemoryLastPlay })
-                .selectedColor($r('app.color.tab_item_bg'))
+                .selectedColor(this.themeColor)
                 .switchPointColor(Color.White)
                 .margin({ right: 18 })
                 .onChange((checked: boolean) => {
@@ -742,7 +742,7 @@ export struct SettingPage {
                 .fontWeight(480)
                 .layoutWeight(1)
               Toggle({ type: ToggleType.Switch, isOn: this.isMusicMemoryPlay })
-                .selectedColor($r('app.color.tab_item_bg'))
+                .selectedColor(this.themeColor)
                 .switchPointColor(Color.White)
                 .margin({ right: 18 })
                 .onChange((checked: boolean) => {
@@ -797,7 +797,7 @@ export struct SettingPage {
                 .fontWeight(480)
                 .layoutWeight(1)
               Toggle({ type: ToggleType.Switch, isOn: this.isSavePlayMode })
-                .selectedColor($r('app.color.tab_item_bg'))
+                .selectedColor(this.themeColor)
                 .switchPointColor(Color.White)
                 .margin({ right: 18 })
                 .onChange((checked: boolean) => {
@@ -819,7 +819,7 @@ export struct SettingPage {
                 .fontWeight(480)
                 .layoutWeight(1)
               Toggle({ type: ToggleType.Switch, isOn: this.isSameTimePlay })
-                .selectedColor($r('app.color.tab_item_bg'))
+                .selectedColor(this.themeColor)
                 .switchPointColor(Color.White)
                 .margin({ right: 18 })
                 .onChange((checked: boolean) => {
@@ -842,7 +842,7 @@ export struct SettingPage {
                 .fontWeight(480)
                 .layoutWeight(1)
               Toggle({ type: ToggleType.Switch, isOn: this.isMusicBGCover })
-                .selectedColor($r('app.color.tab_item_bg'))
+                .selectedColor(this.themeColor)
                 .switchPointColor(Color.White)
                 .margin({ right: 18 })
                 .onChange((checked: boolean) => {
@@ -1077,7 +1077,7 @@ export struct SettingPage {
             .fontSize(12)
             .height(48)
             .width(100)
-            .backgroundColor($r('app.color.title_bar_bg'))
+            .backgroundColor(this.themeColor)
             .stateEffect(true)
             .onClick(async () => {
 
@@ -1105,7 +1105,7 @@ export struct SettingPage {
             .fontWeight(480)
             .layoutWeight(1)
           Toggle({ type: ToggleType.Switch, isOn: this.isCustomizeBg })
-            .selectedColor($r('app.color.tab_item_bg'))
+            .selectedColor(this.themeColor)
             .switchPointColor(Color.White)
             .margin({ right: 18 })
             .onChange((checked: boolean) => {
@@ -1144,7 +1144,7 @@ export struct SettingPage {
             step: 1,
             style: SliderStyle.OutSet
           })
-            .blockColor(Color.Red)
+            .blockColor(this.themeColor)
             .trackColor($r('app.color.speed_text_color'))
             .selectedColor($r('app.color.index_background'))
             .trackThickness(8)
@@ -1181,7 +1181,7 @@ export struct SettingPage {
             step: 0.1,
             style: SliderStyle.OutSet
           })
-            .blockColor(Color.Red)
+            .blockColor(this.themeColor)
             .trackColor($r('app.color.speed_text_color'))
             .selectedColor($r('app.color.index_background'))
             .trackThickness(8)

entry/src/main/ets/pages/VipPage.ets

@@ -227,6 +227,7 @@ export  struct  VipPage{
             Image($r('app.media.vip'))
               .width(18)
               .height(18)
+              .fillColor(this.themeColor)
               .alignSelf(ItemAlign.Center)
               .margin({ left: 22 })
             Text(`赞助特权\n1、跳过片头片尾\n2、纯净无广告\n3、更多功能开发中`)
@@ -249,6 +250,7 @@ export  struct  VipPage{
             Image($r('app.media.icon_person2'))
               .width(16)
               .height(16)
+              .fillColor(this.themeColor)
               .alignSelf(ItemAlign.Center)
               .margin({ left: 22 })
             Text(`客服邮箱：${CommonConstants.CONTACT_MAIL}`)
@@ -274,6 +276,7 @@ export  struct  VipPage{
               .width(16)
               .height(16)
               .alignSelf(ItemAlign.Center)
+              .fillColor(this.themeColor)
               .margin({ left: 22 })
             Text('选择赞助时间')
               .margin({ left: 10, right: 20 })
@@ -295,7 +298,7 @@ export  struct  VipPage{
               .height(10)
               .borderRadius('100%')
               .clip(true)
-              .backgroundColor($r('app.color.title_bar_bg'))
+              .backgroundColor(this.themeColor)
               .alignSelf(ItemAlign.Center)
               .margin({ left: 25 })
             Text('一个月赞助：'+VipPage.TYPE_MONTH+'元')
@@ -306,7 +309,7 @@ export  struct  VipPage{
             Blank()
             Checkbox()
               .select(this.payPrice===VipPage.TYPE_MONTH?true:false)
-              .selectedColor($r('app.color.title_bar_bg'))
+              .selectedColor(this.themeColor)
               .shape(CheckBoxShape.CIRCLE)
               .onChange((checked: boolean)=>{
                 if(checked){
@@ -334,7 +337,7 @@ export  struct  VipPage{
               .height(10)
               .borderRadius('100%')
               .clip(true)
-              .backgroundColor($r('app.color.title_bar_bg'))
+              .backgroundColor(this.themeColor)
               .alignSelf(ItemAlign.Center)
               .margin({ left: 25 })
             Text('永久赞助：'+VipPage.TYPE_FOREVER+'元 ')
@@ -357,7 +360,7 @@ export  struct  VipPage{
             Blank()
             Checkbox()
               .select(this.payPrice===VipPage.TYPE_FOREVER?true:false)
-              .selectedColor($r('app.color.title_bar_bg'))
+              .selectedColor(this.themeColor)
               .onChange((checked: boolean)=>{
                 if(checked){
                   this.payPrice = VipPage.TYPE_FOREVER
@@ -382,6 +385,7 @@ export  struct  VipPage{
             Image($r('app.media.selected'))
               .width(16)
               .height(16)
+              .fillColor(this.themeColor)
               .alignSelf(ItemAlign.Center)
               .margin({ left: 22 })
             Text('选择支付方式')
@@ -412,7 +416,7 @@ export  struct  VipPage{
             Blank()
             Checkbox()
               .select(this.payType===0?true:false)
-              .selectedColor($r('app.color.title_bar_bg'))
+              .selectedColor(this.themeColor)
               .onChange((checked: boolean)=>{
                 if(checked){
                   this.payType =0
@@ -450,7 +454,7 @@ export  struct  VipPage{
             Blank()
             Checkbox()
               .select(this.payType===1?true:false)
-              .selectedColor($r('app.color.title_bar_bg'))
+              .selectedColor(this.themeColor)
               .onChange((checked: boolean)=>{
                 if(checked){
                   this.payType =1
@@ -477,7 +481,7 @@ export  struct  VipPage{
           Row() {
             Checkbox()
               .select(this.isAgree)
-              .selectedColor($r('app.color.title_bar_bg'))
+              .selectedColor(this.themeColor)
               .shape(CheckBoxShape.CIRCLE)
               .onChange((checked: boolean)=>{
                 this.isAgree = checked

entry/src/main/ets/view/LocalMusic.ets

@@ -714,6 +714,9 @@ export struct LocalMusic {
   aboutToDisappear() {
     console.info('LifeCycleComponent aboutToDisappear');
     emitter.off(2);
+    emitter.off(101);
+    emitter.off(888);
+    emitter.off(333);
     this.mDestroyPage = true;
     this.mIjkMediaPlayer.setScreenOnWhilePlaying(false);
     if (this.CONTROL_PlayStatus != PlayStatus.INIT) {
@@ -1868,7 +1871,7 @@ export struct LocalMusic {
               .width('35%')
               .height(60)
               .margin({ top: 10, bottom: 10, right: 6 })
-              .backgroundColor($r('app.color.tab_item_bg'))
+              .backgroundColor(this.themeColor)
               .onClick(() => {
                 if (this.isAllSelected) {
                   // 全不选
@@ -1884,7 +1887,7 @@ export struct LocalMusic {
               .height(60)
               .id('music_cut')
               .margin({ top: 10, bottom: 10, right: 6 })
-              .backgroundColor($r('app.color.tab_item_bg'))
+              .backgroundColor(this.themeColor)
               .onClick(() => {
                 this.showCutDialogForMultipleFiles(false, 'music_cut')
               })
@@ -1895,7 +1898,7 @@ export struct LocalMusic {
               .id('music_cut_current')
               .visibility(this.isHasDir ? Visibility.Visible : Visibility.None)
               .margin({ top: 10, bottom: 10, right: 6 })
-              .backgroundColor($r('app.color.tab_item_bg'))
+              .backgroundColor(this.themeColor)
               .onClick(() => {
 
                 this.showCutDialogForMultipleFiles(true, 'music_cut_current')
@@ -1905,7 +1908,7 @@ export struct LocalMusic {
               .height(60)
               .id('music_copy_current')// .visibility(this.isHasDir?Visibility.None:Visibility.None)
               .margin({ top: 10, bottom: 10, right: 6 })
-              .backgroundColor($r('app.color.tab_item_bg'))
+              .backgroundColor(this.themeColor)
               .onClick(() => {
                 this.showCopyDialogForMultipleFiles(false, 'music_copy_current')
               })
@@ -1915,7 +1918,7 @@ export struct LocalMusic {
               .height(60)
               .margin({ top: 10, bottom: 10, right: 6 })
               .visibility(this.isFavMusic?Visibility.None:Visibility.Visible)
-              .backgroundColor($r('app.color.tab_item_bg'))
+              .backgroundColor(this.themeColor)
               .onClick(() => {
                 this.showWarnIsDelete()
               })
@@ -1923,7 +1926,7 @@ export struct LocalMusic {
               .width('35%')
               .height(60)
               .margin({ top: 10, bottom: 10, right: 6 })
-              .backgroundColor($r('app.color.tab_item_bg'))
+              .backgroundColor(this.themeColor)
               .onClick(() => {
                 this.selectedFiles = [];
                 this.isAllSelected = false
@@ -2349,14 +2352,14 @@ export struct LocalMusic {
               duration: 555,
               curve: 'Linear',
             })
-            .fontColor(this.currentSong?.filePath === item.filePath ? $r('app.color.title_bar_bg_text') :
+            .fontColor(this.currentSong?.filePath === item.filePath ? this.themeColor :
             $r('app.color.text_color'))
             .margin({ left: 10 })
           Row() {
             Text(StrUtil.isEmpty(item.artist) ? item.cTime : item.artist + '  ' + item?.album)
               .fontSize(11)
               .padding({ top: 8 })
-              .fontColor(this.currentSong?.filePath === item.filePath ? $r('app.color.title_bar_bg_text') :
+              .fontColor(this.currentSong?.filePath === item.filePath ? this.themeColor :
               $r('app.color.text_color'))
               .margin({ left: 10 })
             Blank()
@@ -2364,7 +2367,7 @@ export struct LocalMusic {
               .fontSize(11)
               .padding({ top: 8 })
               .visibility(StrUtil.isEmpty(item.artist) ? Visibility.Visible : Visibility.None)
-              .fontColor(this.currentSong?.filePath === item.filePath ? $r('app.color.title_bar_bg_text') :
+              .fontColor(this.currentSong?.filePath === item.filePath ? this.themeColor :
               $r('app.color.text_color'))
               .margin({ left: 10 })
           }
@@ -2382,7 +2385,7 @@ export struct LocalMusic {
       Column() {
         Checkbox({ name: 'checkbox' + index })
           .select(this.selectedFiles.some(x => x.filePath === item.filePath))
-          .selectedColor(0x39a2db)
+          .selectedColor(this.themeColor)
           .shape(CheckBoxShape.CIRCLE)
           .opacity(this.isMultiSelect ? 1 : 0)
           .animation({
@@ -2671,17 +2674,7 @@ export struct LocalMusic {
         })
 
         Blank()
-        Image(this.isGridMusic?$r('app.media.list'):$r("app.media.grid"))
-          .width(25)
-          .animation({
-            duration: 666,
-            curve: 'ease-in-out' // 可选动画曲线
-          })
-          .fillColor(this.themeColor)
-          .clickEffect({ level: ClickEffectLevel.MIDDLE })
-          .onClick(() => {
-            this.isGridMusic = !this.isGridMusic
-          })
+
         Image($r("app.media.search"))
           .width(25)// .visibility(this.modeType===1?Visibility.Visible:Visibility.None)
           .animation({
@@ -2730,7 +2723,6 @@ export struct LocalMusic {
 
         Image(this.isMultiSelect ? $r("app.media.cancel_multi") : $r("app.media.top_flower"))
           .width(24)
-          .margin({ right: 10 })
           // .fillColor('#ff5186')// .opacity(this.opacityItem)
           .visibility(this.isHistory || this.isSearchMode ? Visibility.None : Visibility.Visible)
           .animation({
@@ -2742,10 +2734,10 @@ export struct LocalMusic {
           .onClick(() => {
             this.isMultiSelect = !this.isMultiSelect
           })
-        Image($r("app.media.uninstall_green"))
-          .width(24)
-          .margin({ right: 10 })
-          .fillColor(this.themeColor)
+        SymbolGlyph($r('sys.symbol.trash'))
+          .fontColor([this.themeColor])
+          .fontSize(25)
+          .effectStrategy(1)
           .visibility(this.isHistory ? Visibility.Visible : Visibility.None)
           .animation({
             duration: 666,
@@ -2756,6 +2748,18 @@ export struct LocalMusic {
           .onClick(() => {
             this.clearVideoHistory() //清空播放记录
           })
+
+        Image(this.isGridMusic?$r('app.media.list'):$r("app.media.grid"))
+          .width(24)
+          .animation({
+            duration: 666,
+            curve: 'ease-in-out' // 可选动画曲线
+          })
+          .fillColor(this.themeColor)
+          .clickEffect({ level: ClickEffectLevel.MIDDLE })
+          .onClick(() => {
+            this.isGridMusic = !this.isGridMusic
+          })
       }
       .width('100%')
       .padding(10)
@@ -3067,7 +3071,7 @@ export struct LocalMusic {
               duration: 555,
               curve: 'Linear',
             })
-            .fontColor(this.currentSong?.filePath === item.filePath ? $r('app.color.title_bar_bg_text') :
+            .fontColor(this.currentSong?.filePath === item.filePath ?  this.themeColor :
             $r('app.color.text_color'))
 
           Column(){
@@ -3087,7 +3091,7 @@ export struct LocalMusic {
                 ||item.type==CommonConstants.TYPE_IS_ALBUM
                 ||item.type==CommonConstants.TYPE_IS_DIR?Visibility.None:Visibility.Visible)
               .fontWeight(FontWeight.Medium)
-              .fontColor(this.currentSong?.filePath === item.filePath ? $r('app.color.title_bar_bg_text') :
+              .fontColor(this.currentSong?.filePath === item.filePath ?  this.themeColor:
               $r('app.color.text_color'))
 
           }
@@ -3145,7 +3149,7 @@ export struct LocalMusic {
 
       Checkbox({ name: 'checkbox' + index })
         .select(this.selectedFiles.some(x  => x.filePath  === item.filePath))
-        .selectedColor(0x39a2db)
+        .selectedColor(this.themeColor)
         .shape(CheckBoxShape.CIRCLE)
         .opacity(this.isMultiSelect ? 1 : 0)
         .animation({
@@ -4723,7 +4727,7 @@ export struct LocalMusic {
 
           Text(item.name)
             .fontSize(14)
-            .fontColor(this.curIndex === index ? $r('app.color.title_bar_bg_text') :
+            .fontColor(this.curIndex === index ?  this.themeColor :
               this.isFrontWhite ? Color.White : $r('app.color.text_color'))
             .maxLines(1)
             .margin({ left: 10 })
@@ -4731,7 +4735,7 @@ export struct LocalMusic {
             Text(StrUtil.isEmpty(item.artist) ? item.cTime : item.artist + '  ' + item?.album)
               .fontSize(11)
               .padding({ top: 8 })
-              .fontColor(this.curIndex === index ? $r('app.color.title_bar_bg_text') :
+              .fontColor(this.curIndex === index ? this.themeColor :
                 this.isFrontWhite ? $r('app.color.playlistText_color') : $r('app.color.text_color'))
               .margin({ left: 10 })
             Blank()
@@ -6146,7 +6150,7 @@ export struct LocalMusic {
               .fontWeight(480)
               .layoutWeight(1)
             Toggle({ type: ToggleType.Switch, isOn: this.isOpenPip })
-              .selectedColor($r('app.color.tab_item_bg'))
+              .selectedColor(this.themeColor)
               .switchPointColor(Color.White)
               .margin({ right: 18 })
               .onChange((checked: boolean) => {
@@ -6289,7 +6293,7 @@ export struct LocalMusic {
 
           Column(){
             Toggle({ type: ToggleType.Switch, isOn: this.isHightLightCenter })
-              .selectedColor($r('app.color.tab_item_bg'))
+              .selectedColor(this.themeColor)
               .switchPointColor(Color.White)
               .onChange((checked: boolean) => {
                 this.isHightLightCenter = checked;
@@ -6441,7 +6445,7 @@ export struct LocalMusic {
             step: 1,
             style: SliderStyle.OutSet
           })
-            .blockColor(Color.Red)
+            .blockColor(this.themeColor)
             .trackColor($r('app.color.speed_text_color'))
             .selectedColor(Color.White)
             .trackThickness(6)
@@ -6475,7 +6479,7 @@ export struct LocalMusic {
             step: 1,
             style: SliderStyle.OutSet
           })
-            .blockColor(Color.Red)
+            .blockColor(this.themeColor)
             .trackColor($r('app.color.speed_text_color'))
             .selectedColor(Color.White)
             .trackThickness(6)
@@ -6510,7 +6514,7 @@ export struct LocalMusic {
           step: 0.1,
           style: SliderStyle.OutSet
         })
-          .blockColor(Color.Red)
+          .blockColor(this.themeColor)
           .trackColor($r('app.color.speed_text_color'))
           .selectedColor(Color.White)
           .trackThickness(6)
@@ -6539,7 +6543,7 @@ export struct LocalMusic {
           step: 0.1,
           style: SliderStyle.OutSet
         })
-          .blockColor(Color.Red)
+          .blockColor(this.themeColor)
           .trackColor($r('app.color.speed_text_color'))
           .selectedColor(Color.White)
           .trackThickness(6)
@@ -6568,7 +6572,7 @@ export struct LocalMusic {
           step: 0.1,
           style: SliderStyle.OutSet
         })
-          .blockColor(Color.Red)
+          .blockColor(this.themeColor)
           .trackColor($r('app.color.speed_text_color'))
           .selectedColor(Color.White)
           .trackThickness(6)
@@ -6597,7 +6601,7 @@ export struct LocalMusic {
           step: 100,
           style: SliderStyle.OutSet
         })
-          .blockColor(Color.Red)
+          .blockColor(this.themeColor)
           .trackColor($r('app.color.speed_text_color'))
           .selectedColor(Color.White)
           .trackThickness(6)
@@ -6636,7 +6640,7 @@ export struct LocalMusic {
             step: 0.1,
             style: SliderStyle.OutSet
           })
-            .blockColor(Color.Red)
+            .blockColor(this.themeColor)
             .trackColor($r('app.color.speed_text_color'))
             .selectedColor(Color.White)
             .trackThickness(6)
@@ -7197,7 +7201,7 @@ export struct LocalMusic {
                   style: SliderStyle.OutSet
                 })
                   .margin({ left: 18, right: 8 })
-                  .blockColor(Color.Red)
+                  .blockColor(this.themeColor)
                   .trackColor($r('app.color.speed_text_color'))
                   .selectedColor(Color.White)
                   .trackThickness(9)
@@ -7646,7 +7650,7 @@ export struct LocalMusic {
                 step: 1,
                 style: SliderStyle.OutSet
               })
-                .blockColor(Color.Red)
+                .blockColor(this.themeColor)
                 .trackColor($r('app.color.speed_text_color'))
                 .selectedColor(Color.White)
                 .trackThickness(8)
@@ -7679,7 +7683,7 @@ export struct LocalMusic {
                 step: 1,
                 style: SliderStyle.OutSet
               })
-                .blockColor(Color.Red)
+                .blockColor(this.themeColor)
                 .trackColor($r('app.color.speed_text_color'))
                 .selectedColor(Color.White)
                 .trackThickness(8)

entry/src/main/resources/base/media/icon_person2.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750302333623" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9542" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M512 65C265.146 65 65 265.146 65 512c0 246.853 200.147 447 447 447 246.854 0 447-200.147 447-447C959 265.146 758.854 65 512 65zM512 94.8c230.048 0 417.199 187.152 417.199 417.2 0 104.822-38.951 200.671-103.018 274.034-1.603-4.685-3.203-9.385-5.021-13.968-31.08-78.547-94.129-143.471-173.474-178.365-0.218-0.087-0.421-0.159-0.626-0.262 31.647-33.38 51.189-78.367 51.189-128.002 0-102.875-83.377-186.25-186.25-186.25-102.874 0-186.25 83.375-186.25 186.25 0 49.648 19.555 94.652 51.218 128.046-0.394 0.175-0.742 0.291-1.15 0.466-78.851 34.646-141.898 99.57-172.98 178.117-1.818 4.598-3.418 9.283-5.019 13.968C133.753 712.671 94.8 616.822 94.8 512 94.8 281.952 281.952 94.8 512 94.8zM616.314 581.697c-9.313 8.366-19.541 15.729-30.657 21.697-21.975 11.77-47.03 18.491-73.657 18.491-26.628 0-51.714-6.722-73.686-18.507-11.117-5.968-21.316-13.315-30.629-21.682-31.909-28.664-52.135-70.091-52.135-116.26 0-86.272 70.178-156.45 156.45-156.45s156.449 70.177 156.449 156.45C668.449 511.606 648.225 553.033 616.314 581.697zM221.101 810.653c1.062-3.885 2.095-7.813 3.302-11.494 26.963-82.721 92.5-151.082 176.909-184.185 30.965 22.96 69.174 36.714 110.688 36.714 41.5 0 79.693-13.735 110.644-36.686 83.799 32.349 149.858 100.999 176.968 184.156 1.193 3.666 2.226 7.594 3.288 11.494C727.687 883.933 625.06 929.199 512 929.199S296.313 883.933 221.101 810.653z" fill="#272636" p-id="9543"></path></svg>

entry/src/main/resources/base/media/selected.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750302039255" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12795" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M150.1184 150.1184C250.2656 50.0736 370.8928 0 512 0c141.1072 0 261.7344 50.0736 361.8816 150.1184C973.9264 250.2656 1024 370.8928 1024 512c0 141.2096-50.0736 261.8368-150.1184 361.8816C773.7344 973.9264 653.1072 1024 512 1024c-141.1072 0-261.7344-50.0736-361.8816-150.1184C50.0736 773.8368 0 653.2096 0 512 0 370.8928 50.0736 250.2656 150.1184 150.1184zM512 41.8816c-85.2992 0-164.1472 20.8896-236.3392 62.7712C203.4688 146.432 146.432 203.4688 104.6528 275.6608 62.7712 347.9552 41.8816 426.7008 41.8816 512c0 129.6384 45.9776 240.4352 137.8304 332.288C271.5648 936.2432 382.3616 982.1184 512 982.1184c129.6384 0 240.4352-45.8752 332.288-137.8304C936.2432 752.4352 982.1184 641.6384 982.1184 512c0-129.6384-45.9776-240.3328-137.8304-332.288C752.4352 87.7568 641.6384 41.8816 512 41.8816zM512 256c-36.1472 0-70.144 7.0656-102.1952 20.8896C377.856 290.9184 349.4912 309.3504 324.9152 332.288c-22.9376 24.576-41.472 52.9408-55.3984 84.8896S248.6272 483.328 248.6272 519.3728c0 36.1472 6.9632 70.144 20.8896 102.1952s32.4608 60.3136 55.3984 84.8896C349.4912 729.4976 377.856 747.9296 409.8048 761.856 441.856 775.7824 475.8528 782.7456 512 782.7456c36.1472 0 70.144-6.9632 102.1952-20.8896C646.144 747.9296 674.5088 729.4976 699.0848 706.4576c22.9376-24.576 41.472-52.9408 55.3984-84.8896s20.8896-66.048 20.8896-102.1952c0-36.0448-6.9632-70.144-20.8896-102.1952S722.0224 356.9664 699.0848 332.288C674.5088 309.3504 646.144 290.9184 614.1952 276.8896 582.144 263.0656 548.1472 256 512 256z" p-id="12796"></path></svg>

entry/src/main/resources/base/media/vip.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750302578242" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14479" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M401.066667 426.666667h264.533333l-98.133333-170.666667h-68.266667l-98.133333 170.666667z m4.266666 42.666666l128 324.266667 128-324.266667h-256z m452.266667-42.666666l-123.733333-170.666667h-119.466667l98.133333 170.666667h145.066667z m21.333333 42.666666h-170.666666l-123.733334 311.466667 294.4-311.466667zM209.066667 426.666667h140.8l98.133333-170.666667H332.8l-123.733333 170.666667z m-21.333334 42.666666l294.4 311.466667L362.666667 469.333333H187.733333z m345.6 426.666667L128 465.066667 307.2 213.333333h448l179.2 251.733334L533.333333 896z" fill="#444444" p-id="14480"></path></svg>

oh-package-lock.json5

@@ -77,7 +77,7 @@
       "name": "@ibestservices/ibest-ui",
       "version": "2.1.2",
       "integrity": "sha512-uKRdQIZ3K7M5gSnKnYy8aTzhKszTOVLXG1PINma2kpFgACLfeQdqWdN8MtoOnYX0ldng9s0fe+wtdF9reACb6A==",
-      "resolved": "https://ohpm.openharmony.cn/ohpm/@ibestservices/ibest-ui/-/ibest-ui-2.1.2.har",
+      "resolved": "https://repo.harmonyos.com/ohpm/@ibestservices/ibest-ui/-/ibest-ui-2.1.2.har",
       "registryType": "ohpm",
       "dependencies": {
         "@hview/dayjs": "^1.11.11",