feat(status-bar): 新增移动端下状态条样式配置选项

oh-my-live2d · Mar 17, 2024 · e9828b8 · e9828b8
1 parent daa84ce
commit e9828b8
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/packages/oh-my-live2d/src/config/config.ts b/packages/oh-my-live2d/src/config/config.ts
@@ -20,7 +20,8 @@ export const DEFAULT_OPTIONS: DefaultOptions = {
   models: [],
   statusBar: {
     errorColor: STATUS_BAR_ERROR_COLOR,
-    style: STATUS_BAR_DEFAULT_STYLE
+    style: STATUS_BAR_DEFAULT_STYLE,
+    mobileStyle: STATUS_BAR_DEFAULT_STYLE
   },
   tips: {
     messageLine: 3,

diff --git a/packages/oh-my-live2d/src/modules/status-bar.ts b/packages/oh-my-live2d/src/modules/status-bar.ts
@@ -52,7 +52,7 @@ export class StatusBar {
         this.setStyle(handleCommonStyle(this.options.statusBar.style || {}));
         break;
       case WindowSizeType.mobile:
-        this.setStyle(handleCommonStyle(this.options.statusBar.style || {}));
+        this.setStyle(handleCommonStyle(this.options.statusBar.mobileStyle || {}));
         break;
     }
   }

diff --git a/packages/oh-my-live2d/src/types/index.ts b/packages/oh-my-live2d/src/types/index.ts
@@ -41,8 +41,9 @@ export type DefaultTipsOptions = Omit<DeepRequired<TipsOptions>, 'style' | 'mobi
   mobileStyle?: CommonStyleType;
 };
 
-export type DefaultStatusBarOptions = Omit<DeepRequired<StatusBarOptions>, 'style'> & {
+export type DefaultStatusBarOptions = Omit<DeepRequired<StatusBarOptions>, 'style' | 'mobileStyle'> & {
   style?: CommonStyleType;
+  mobileStyle?: CommonStyleType;
 };
 
 export type DefaultMenusOptions = Omit<DeepRequired<MenusOptions>, 'style' | 'itemStyle' | 'mobileStyle' | 'mobileItemStyle'> & {

diff --git a/packages/oh-my-live2d/src/types/statusBar.ts b/packages/oh-my-live2d/src/types/statusBar.ts
@@ -14,4 +14,8 @@ export interface StatusBarOptions {
    * @valueType object
    */
   style?: CommonStyleType;
+  /**
+   * 移动端下状态条样式
+   */
+  mobileStyle?: CommonStyleType;
 }