From 3db7ff103eb6fa4895244ca9790405a10f6fb6f2 Mon Sep 17 00:00:00 2001
From: xjh22222228 <xjh22222228@gmail.com>
Date: Wed, 21 Aug 2024 20:19:15 +0800
Subject: [PATCH] fix: side swiper url field

---
 src/app/app.module.ts                        |  4 +-
 src/components/web-list/index.component.html |  2 +-
 src/components/web-list/index.component.ts   |  4 +-
 src/services/common.ts                       |  2 +-
 src/view/app/default/app.component.html      | 30 ++++----
 src/view/app/default/app.component.ts        |  6 +-
 src/view/light/index.component.html          | 66 ++++++++--------
 src/view/light/index.component.ts            |  8 +-
 src/view/side/index.component.html           | 56 +++++++-------
 src/view/side/index.component.ts             |  4 +-
 src/view/sim/index.component.html            | 72 +++++++++---------
 src/view/sim/index.component.ts              |  8 +-
 src/view/super/index.component.html          | 80 ++++++++++----------
 src/view/super/index.component.ts            | 10 +--
 src/view/system/setting/index.component.ts   |  2 +-
 15 files changed, 177 insertions(+), 177 deletions(-)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 7bd8f3536..eb7b4927d 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -79,7 +79,7 @@ import WebpComponent from '../view/app/default/app.component'
 import VipAuthComponent from '../view/system/vip-auth/index.component'
 
 import { SafeHtmlPipe } from 'src/pipe/safeHtml.pipe'
-import { ServiceCommonService } from 'src/services/common'
+import { CommonService } from 'src/services/common'
 import { JumpService } from 'src/services/jump'
 
 import {
@@ -182,7 +182,7 @@ const icons: IconDefinition[] = [
   ],
   providers: [
     { provide: NZ_I18N, useValue: zh_CN },
-    ServiceCommonService,
+    CommonService,
     JumpService,
   ],
   bootstrap: [AppComponent],
diff --git a/src/components/web-list/index.component.html b/src/components/web-list/index.component.html
index b0d6da2b8..46e82aea2 100644
--- a/src/components/web-list/index.component.html
+++ b/src/components/web-list/index.component.html
@@ -10,7 +10,7 @@
     nzTooltipPlacement="bottom"
     nz-button
     nz-tooltip
-    *ngFor="let item of dataList; trackBy: serviceCommon.trackByItemWeb"
+    *ngFor="let item of dataList; trackBy: commonService.trackByItemWeb"
     (click)="jumpService.goUrl($event, item.url)"
   >
     <ng-template #titleTemplate let-thing>
diff --git a/src/components/web-list/index.component.ts b/src/components/web-list/index.component.ts
index 317c06826..ffaebd2bc 100644
--- a/src/components/web-list/index.component.ts
+++ b/src/components/web-list/index.component.ts
@@ -8,7 +8,7 @@ import { IWebProps, INavProps } from 'src/types'
 import { queryString, fuzzySearch, isMobile } from 'src/utils'
 import { isLogin } from 'src/utils/user'
 import { ActivatedRoute } from '@angular/router'
-import { ServiceCommonService } from 'src/services/common'
+import { CommonService } from 'src/services/common'
 import { JumpService } from 'src/services/jump'
 import event from 'src/utils/mitt'
 
@@ -33,7 +33,7 @@ export class WebListComponent {
   constructor(
     public jumpService: JumpService,
     private activatedRoute: ActivatedRoute,
-    public serviceCommon: ServiceCommonService
+    public commonService: CommonService
   ) {}
 
   ngOnInit() {
diff --git a/src/services/common.ts b/src/services/common.ts
index 59f0e2c02..58e623cbc 100644
--- a/src/services/common.ts
+++ b/src/services/common.ts
@@ -19,7 +19,7 @@ import event from 'src/utils/mitt'
 @Injectable({
   providedIn: 'root',
 })
-export class ServiceCommonService {
+export class CommonService {
   isLogin = isLogin
   settings = settings
   websiteList: INavProps[] = websiteList
diff --git a/src/view/app/default/app.component.html b/src/view/app/default/app.component.html
index 60f7bb566..bcced9000 100644
--- a/src/view/app/default/app.component.html
+++ b/src/view/app/default/app.component.html
@@ -1,7 +1,7 @@
 <section class="app-page user-select-none">
   <header class="header">
     <div class="header-top">
-      <img [src]="serviceCommon.settings.favicon" class="logo" alt="logo" />
+      <img [src]="commonService.settings.favicon" class="logo" alt="logo" />
       <div class="open" [class.active]="open" (click)="handleToggleOpen()">
         <i></i>
         <i></i>
@@ -12,12 +12,12 @@
     <nav class="nav-open" [class.active]="open">
       <div
         *ngFor="
-          let item of serviceCommon.websiteList;
+          let item of commonService.websiteList;
           let i = index;
-          trackBy: serviceCommon.trackByItem
+          trackBy: commonService.trackByItem
         "
         (click)="handleCilckNav(i)"
-        [class.active]="serviceCommon.page === i"
+        [class.active]="commonService.page === i"
         class="nav-title"
       >
         {{ item.title }}
@@ -27,25 +27,25 @@
 
   <app-search-engine />
 
-  <div class="wrapper" *ngIf="serviceCommon.websiteList[serviceCommon.page]">
+  <div class="wrapper" *ngIf="commonService.websiteList[commonService.page]">
     <nav
       class="children-nav"
-      *ngIf="serviceCommon.websiteList[serviceCommon.page]?.nav?.length"
+      *ngIf="commonService.websiteList[commonService.page]?.nav?.length"
     >
       <span
         class="tag"
         *ngFor="
-          let item of serviceCommon.websiteList[serviceCommon.page].nav;
+          let item of commonService.websiteList[commonService.page].nav;
           let i = index;
-          trackBy: serviceCommon.trackByItem
+          trackBy: commonService.trackByItem
         "
-        [class.active]="serviceCommon.id === i"
-        (click)="serviceCommon.handleSidebarNav(i)"
+        [class.active]="commonService.id === i"
+        (click)="commonService.handleSidebarNav(i)"
       >
         {{ item.title }}
       </span>
     </nav>
-    <div *ngFor="let item of serviceCommon.currentList; index as i">
+    <div *ngFor="let item of commonService.currentList; index as i">
       <h2 class="block-title" *ngIf="item.title">
         {{ item.title }} x {{ item.nav.length }}
       </h2>
@@ -66,14 +66,14 @@ <h2 class="block-title" *ngIf="item.title">
           *ngFor="
             let el of item.nav;
             index as j;
-            trackBy: serviceCommon.trackByItemWeb
+            trackBy: commonService.trackByItemWeb
           "
         >
           <app-card
-            [cardStyle]="serviceCommon.settings.appCardStyle"
+            [cardStyle]="commonService.settings.appCardStyle"
             [dataSource]="el"
-            [indexs]="[serviceCommon.page, serviceCommon.id, i, j]"
-            [searchKeyword]="serviceCommon.searchKeyword"
+            [indexs]="[commonService.page, commonService.id, i, j]"
+            [searchKeyword]="commonService.searchKeyword"
             class="column-border"
           ></app-card>
         </div>
diff --git a/src/view/app/default/app.component.ts b/src/view/app/default/app.component.ts
index 1cdc0a4f1..9e2e18e93 100644
--- a/src/view/app/default/app.component.ts
+++ b/src/view/app/default/app.component.ts
@@ -3,7 +3,7 @@
 // See https://github.com/xjh22222228/nav
 
 import { Component } from '@angular/core'
-import { ServiceCommonService } from 'src/services/common'
+import { CommonService } from 'src/services/common'
 
 @Component({
   selector: 'app-home',
@@ -13,12 +13,12 @@ import { ServiceCommonService } from 'src/services/common'
 export default class WebpComponent {
   open: boolean = false
 
-  constructor(public serviceCommon: ServiceCommonService) {}
+  constructor(public commonService: CommonService) {}
 
   ngOnInit() {}
 
   handleCilckNav(index: number) {
-    this.serviceCommon.handleCilckTopNav(index)
+    this.commonService.handleCilckTopNav(index)
     this.handleToggleOpen()
   }
 
diff --git a/src/view/light/index.component.html b/src/view/light/index.component.html
index c241e16d8..39850ac23 100644
--- a/src/view/light/index.component.html
+++ b/src/view/light/index.component.html
@@ -1,35 +1,35 @@
 <div
   class="index-wrapper dark-bg"
-  [class.noimg]="serviceCommon.settings.lightImages.length <= 0"
+  [class.noimg]="commonService.settings.lightImages.length <= 0"
 >
   <div class="light-box">
     <main class="homepage dark-border-color dark-bg">
       <nav class="top-nav dark-scrollbar dark-border-color dark-bg">
         <span
           *ngFor="
-            let item of serviceCommon.websiteList.slice(
+            let item of commonService.websiteList.slice(
               0,
-              serviceCommon.overIndex
+              commonService.overIndex
             );
             index as i;
-            trackBy: serviceCommon.trackByItem
+            trackBy: commonService.trackByItem
           "
-          (click)="serviceCommon.handleCilckTopNav(i)"
-          [class.active]="serviceCommon.page === i"
-          [class.dark-text-active]="serviceCommon.page === i"
+          (click)="commonService.handleCilckTopNav(i)"
+          [class.active]="commonService.page === i"
+          [class.dark-text-active]="commonService.page === i"
           class="over-item ripple-btn dark-text"
         >
           {{ item.title }}
         </span>
         <!-- More -->
         <app-web-more-menu
-          *ngIf="serviceCommon.overIndex < serviceCommon.websiteList.length"
+          *ngIf="commonService.overIndex < commonService.websiteList.length"
           [data]="
-            serviceCommon.websiteList.slice(serviceCommon.overIndex, 99999)
+            commonService.websiteList.slice(commonService.overIndex, 99999)
           "
-          [index]="serviceCommon.overIndex"
-          [page]="serviceCommon.page"
-          (onClick)="serviceCommon.handleCilckTopNav($event)"
+          [index]="commonService.overIndex"
+          [page]="commonService.page"
+          (onClick)="commonService.handleCilckTopNav($event)"
         />
       </nav>
 
@@ -38,16 +38,16 @@
           class="sidebar dark-bg dark-border-color dark-scrollbar"
           id="sidebar"
         >
-          <div *ngIf="serviceCommon.websiteList[serviceCommon.page]">
+          <div *ngIf="commonService.websiteList[commonService.page]">
             <div
               class="tag dark-text"
-              [class.active]="serviceCommon.id === i"
-              [class.dark-item-active]="serviceCommon.id === i"
-              (click)="serviceCommon.handleSidebarNav(i)"
+              [class.active]="commonService.id === i"
+              [class.dark-item-active]="commonService.id === i"
+              (click)="commonService.handleSidebarNav(i)"
               *ngFor="
-                let item of serviceCommon.websiteList[serviceCommon.page].nav;
+                let item of commonService.websiteList[commonService.page].nav;
                 index as i;
-                trackBy: serviceCommon.trackByItem
+                trackBy: commonService.trackByItem
               "
             >
               {{ item.title }}
@@ -58,25 +58,25 @@
         <div class="main dark-scrollbar">
           <app-search-engine></app-search-engine>
 
-          <div *ngIf="serviceCommon.currentList.length > 0; else noData">
+          <div *ngIf="commonService.currentList.length > 0; else noData">
             <nz-spin
               nzSimple
-              *ngIf="serviceCommon.sliceMax === 0"
+              *ngIf="commonService.sliceMax === 0"
               class="position-center"
             ></nz-spin>
             <div
               *ngFor="
-                let item of serviceCommon.currentList.slice(
+                let item of commonService.currentList.slice(
                   0,
-                  serviceCommon.sliceMax
+                  commonService.sliceMax
                 );
                 index as i;
-                trackBy: serviceCommon.trackByItem
+                trackBy: commonService.trackByItem
               "
             >
               <app-toolbar-title
                 [dataSource]="item"
-                (onCollapse)="serviceCommon.onCollapse(item, i)"
+                (onCollapse)="commonService.onCollapse(item, i)"
                 [index]="i"
               >
               </app-toolbar-title>
@@ -97,14 +97,14 @@
                   *ngFor="
                     let el of item.nav;
                     index as j;
-                    trackBy: serviceCommon.trackByItemWeb
+                    trackBy: commonService.trackByItemWeb
                   "
                 >
                   <app-card
-                    [cardStyle]="serviceCommon.settings.lightCardStyle"
+                    [cardStyle]="commonService.settings.lightCardStyle"
                     [dataSource]="el"
-                    [indexs]="[serviceCommon.page, serviceCommon.id, i, j]"
-                    [searchKeyword]="serviceCommon.searchKeyword"
+                    [indexs]="[commonService.page, commonService.id, i, j]"
+                    [searchKeyword]="commonService.searchKeyword"
                     class="column-border"
                   ></app-card>
                 </div>
@@ -121,11 +121,11 @@
 
     <div
       class="right dark-scrollbar"
-      *ngIf="serviceCommon.settings.lightImages.length > 0"
+      *ngIf="commonService.settings.lightImages.length > 0"
     >
       <div
         class="aditem cursor-pointer"
-        *ngFor="let item of serviceCommon.settings.lightImages; index as i"
+        *ngFor="let item of commonService.settings.lightImages; index as i"
         (click)="jumpService.goUrl($event, item['url'])"
       >
         <img class="adsimg" [src]="item['src']" />
@@ -134,11 +134,11 @@
   </div>
 
   <div>
-    <app-footer [content]="serviceCommon.settings.lightFooterHTML"></app-footer>
+    <app-footer [content]="commonService.settings.lightFooterHTML"></app-footer>
   </div>
   <app-fixbar
-    (onCollapse)="serviceCommon.onCollapseAll()"
-    [collapsed]="serviceCommon.collapsed"
+    (onCollapse)="commonService.onCollapseAll()"
+    [collapsed]="commonService.collapsed"
     selector=".main"
   />
 </div>
diff --git a/src/view/light/index.component.ts b/src/view/light/index.component.ts
index 3e784add8..b44db438b 100644
--- a/src/view/light/index.component.ts
+++ b/src/view/light/index.component.ts
@@ -4,7 +4,7 @@
 
 import { Component } from '@angular/core'
 import { randomBgImg } from 'src/utils'
-import { ServiceCommonService } from 'src/services/common'
+import { CommonService } from 'src/services/common'
 import { JumpService } from 'src/services/jump'
 
 @Component({
@@ -14,7 +14,7 @@ import { JumpService } from 'src/services/jump'
 })
 export default class LightComponent {
   constructor(
-    public serviceCommon: ServiceCommonService,
+    public commonService: CommonService,
     public jumpService: JumpService
   ) {}
 
@@ -23,8 +23,8 @@ export default class LightComponent {
   }
 
   ngAfterViewInit() {
-    if (this.serviceCommon.settings.lightOverType === 'ellipsis') {
-      this.serviceCommon.getOverIndex('.top-nav .over-item')
+    if (this.commonService.settings.lightOverType === 'ellipsis') {
+      this.commonService.getOverIndex('.top-nav .over-item')
     }
   }
 }
diff --git a/src/view/side/index.component.html b/src/view/side/index.component.html
index 9ca7018e9..d1a49b11d 100644
--- a/src/view/side/index.component.html
+++ b/src/view/side/index.component.html
@@ -1,7 +1,7 @@
 <nz-layout class="layout">
   <nz-spin
     nzSimple
-    *ngIf="serviceCommon.sliceMax === 0"
+    *ngIf="commonService.sliceMax === 0"
     class="position-center"
   />
   <nz-layout>
@@ -12,9 +12,9 @@
       [nzTrigger]="null"
     >
       <div class="logo dark-bg" (click)="handleCollapsed()">
-        <img [src]="serviceCommon.settings.favicon" class="logo-img" />
+        <img [src]="commonService.settings.favicon" class="logo-img" />
         <span class="web-title" *ngIf="!isCollapsed">{{
-          serviceCommon.settings.sideTitle || serviceCommon.title
+          commonService.settings.sideTitle || commonService.title
         }}</span>
       </div>
 
@@ -22,9 +22,9 @@
         <li
           nz-submenu
           *ngFor="
-            let item of serviceCommon.websiteList;
+            let item of commonService.websiteList;
             index as pageIdx;
-            trackBy: serviceCommon.trackByItem
+            trackBy: commonService.trackByItem
           "
           (nzOpenChange)="openMenu(item, pageIdx)"
           [nzTitle]="titleTpl"
@@ -47,26 +47,26 @@
               *ngFor="
                 let el of item.nav;
                 let idIdx = index;
-                trackBy: serviceCommon.trackByItem
+                trackBy: commonService.trackByItem
               "
               [nzSelected]="
-                serviceCommon.page === pageIdx && serviceCommon.id === idIdx
+                commonService.page === pageIdx && commonService.id === idIdx
               "
-              (click)="serviceCommon.handleSidebarNav(idIdx, pageIdx)"
+              (click)="commonService.handleSidebarNav(idIdx, pageIdx)"
             >
               <img *ngIf="el.icon" class="sideicon fixicon" [src]="el.icon" />
               <span class="ellipsis">{{ el.title }}</span>
 
               <div
                 *ngIf="
-                  serviceCommon.page === pageIdx && serviceCommon.id === idIdx
+                  commonService.page === pageIdx && commonService.id === idIdx
                 "
-                (click)="serviceCommon.onCollapseAll($event)"
+                (click)="commonService.onCollapseAll($event)"
                 class="collapse-wrapper"
               >
                 <i
                   class="iconfont iconweibiaoti25 collapse"
-                  [class.active]="serviceCommon.collapsed"
+                  [class.active]="commonService.collapsed"
                 >
                 </i>
               </div>
@@ -79,12 +79,12 @@
     <nz-layout class="inner-layout">
       <div
         class="search-header"
-        *ngIf="serviceCommon.settings.sideThemeImages.length > 0"
+        *ngIf="commonService.settings.sideThemeImages.length > 0"
       >
         <app-swiper
-          [images]="serviceCommon.settings.sideThemeImages"
-          [autoplay]="serviceCommon.settings.sideThemeAutoplay"
-          [height]="serviceCommon.settings.sideThemeHeight"
+          [images]="commonService.settings.sideThemeImages"
+          [autoplay]="commonService.settings.sideThemeAutoplay"
+          [height]="commonService.settings.sideThemeHeight"
         />
       </div>
 
@@ -94,21 +94,21 @@
         <app-web-list [search]="false" [overflow]="true"></app-web-list>
 
         <div class="box">
-          <div *ngIf="serviceCommon.currentList.length > 0; else noData">
+          <div *ngIf="commonService.currentList.length > 0; else noData">
             <div
               *ngFor="
-                let item of serviceCommon.currentList.slice(
+                let item of commonService.currentList.slice(
                   0,
-                  serviceCommon.sliceMax
+                  commonService.sliceMax
                 );
                 let i = index;
-                trackBy: serviceCommon.trackByItem
+                trackBy: commonService.trackByItem
               "
             >
               <div class="nav-wrapper">
                 <app-toolbar-title
                   [dataSource]="item"
-                  (onCollapse)="serviceCommon.onCollapse(item, i)"
+                  (onCollapse)="commonService.onCollapse(item, i)"
                   [index]="i"
                 >
                 </app-toolbar-title>
@@ -122,7 +122,7 @@
                     *ngFor="
                       let el of item.nav;
                       index as j;
-                      trackBy: serviceCommon.trackByItemWeb
+                      trackBy: commonService.trackByItemWeb
                     "
                     class="gutter-row"
                     nz-col
@@ -133,14 +133,14 @@
                     [nzLg]="8"
                     [nzXl]="6"
                     [nzXXl]="
-                      serviceCommon.settings.sideCardStyle === 'example' ? 4 : 6
+                      commonService.settings.sideCardStyle === 'example' ? 4 : 6
                     "
                   >
                     <app-card
-                      [cardStyle]="serviceCommon.settings.sideCardStyle"
+                      [cardStyle]="commonService.settings.sideCardStyle"
                       [dataSource]="el"
-                      [indexs]="[serviceCommon.page, serviceCommon.id, i, j]"
-                      [searchKeyword]="serviceCommon.searchKeyword"
+                      [indexs]="[commonService.page, commonService.id, i, j]"
+                      [searchKeyword]="commonService.searchKeyword"
                       class="column-border"
                     ></app-card>
                   </div>
@@ -156,7 +156,7 @@
 
         <app-footer
           className="side-footer"
-          [content]="serviceCommon.settings.sideFooterHTML"
+          [content]="commonService.settings.sideFooterHTML"
         ></app-footer>
       </nz-content>
     </nz-layout>
@@ -164,6 +164,6 @@
 </nz-layout>
 
 <app-fixbar
-  (onCollapse)="serviceCommon.onCollapseAll($event)"
-  [collapsed]="serviceCommon.collapsed"
+  (onCollapse)="commonService.onCollapseAll($event)"
+  [collapsed]="commonService.collapsed"
 />
diff --git a/src/view/side/index.component.ts b/src/view/side/index.component.ts
index 2c74a3ae6..a1403b08e 100644
--- a/src/view/side/index.component.ts
+++ b/src/view/side/index.component.ts
@@ -9,7 +9,7 @@ import { setWebsiteList } from 'src/utils/web'
 import { websiteList } from 'src/store'
 import { settings } from 'src/store'
 import { $t } from 'src/locale'
-import { ServiceCommonService } from 'src/services/common'
+import { CommonService } from 'src/services/common'
 import { STORAGE_KEY_MAP } from 'src/constants'
 
 @Component({
@@ -22,7 +22,7 @@ export default class SideComponent {
   websiteList: INavProps[] = websiteList
   isCollapsed = isMobile() || settings.sideCollapsed
 
-  constructor(public serviceCommon: ServiceCommonService) {
+  constructor(public commonService: CommonService) {
     const localCollapsed = localStorage.getItem(STORAGE_KEY_MAP.sideCollapsed)
     if (localCollapsed) {
       this.isCollapsed = localCollapsed === 'true'
diff --git a/src/view/sim/index.component.html b/src/view/sim/index.component.html
index 0d2ff0351..57da9abd6 100644
--- a/src/view/sim/index.component.html
+++ b/src/view/sim/index.component.html
@@ -1,23 +1,23 @@
 <div class="sim">
   <nz-spin
     nzSimple
-    *ngIf="serviceCommon.sliceMax === 0"
-    class="position-center"
+    *ngIf="commonService.sliceMax === 0"
+    class="position-center mt10"
   />
 
   <div
     class="wallpaper"
-    *ngIf="serviceCommon.settings.simThemeImages.length > 0"
-    [class.bootstrap]="serviceCommon.settings.simThemeHeight < 260"
+    *ngIf="commonService.settings.simThemeImages.length > 0"
+    [class.bootstrap]="commonService.settings.simThemeHeight < 260"
   >
     <app-swiper
-      [images]="serviceCommon.settings.simThemeImages"
-      [autoplay]="serviceCommon.settings.simThemeAutoplay"
-      [height]="serviceCommon.settings.simThemeHeight"
+      [images]="commonService.settings.simThemeImages"
+      [autoplay]="commonService.settings.simThemeAutoplay"
+      [height]="commonService.settings.simThemeHeight"
     />
     <div class="bar">
       <h1 class="title dark-white">
-        {{ serviceCommon.settings.simTitle || serviceCommon.settings.title }}
+        {{ commonService.settings.simTitle || commonService.settings.title }}
       </h1>
       <pre
         class="description dark-white"
@@ -31,24 +31,24 @@ <h1 class="title dark-white">
   <nav class="top-nav dark-border-color dark-scrollbar dark-bg">
     <span
       *ngFor="
-        let item of serviceCommon.websiteList.slice(0, serviceCommon.overIndex);
+        let item of commonService.websiteList.slice(0, commonService.overIndex);
         let i = index;
-        trackBy: serviceCommon.trackByItem
+        trackBy: commonService.trackByItem
       "
-      [class.active]="serviceCommon.page === i"
-      [class.dark-text-active]="serviceCommon.page === i"
+      [class.active]="commonService.page === i"
+      [class.dark-text-active]="commonService.page === i"
       class="over-item dark-text"
-      (click)="serviceCommon.handleCilckTopNav(i)"
+      (click)="commonService.handleCilckTopNav(i)"
     >
       {{ item.title }}
     </span>
     <!-- More -->
     <app-web-more-menu
-      *ngIf="serviceCommon.overIndex < serviceCommon.websiteList.length"
-      [data]="serviceCommon.websiteList.slice(serviceCommon.overIndex, 99999)"
-      [index]="serviceCommon.overIndex"
-      [page]="serviceCommon.page"
-      (onClick)="serviceCommon.handleCilckTopNav($event)"
+      *ngIf="commonService.overIndex < commonService.websiteList.length"
+      [data]="commonService.websiteList.slice(commonService.overIndex, 99999)"
+      [index]="commonService.overIndex"
+      [page]="commonService.page"
+      (onClick)="commonService.handleCilckTopNav($event)"
     />
   </nav>
 
@@ -56,17 +56,17 @@ <h1 class="title dark-white">
     <nav
       class="sidebar dark-bg"
       id="sidebar"
-      *ngIf="serviceCommon.websiteList[serviceCommon.page]?.nav?.length"
+      *ngIf="commonService.websiteList[commonService.page]?.nav?.length"
     >
       <div
         *ngFor="
-          let item of serviceCommon.websiteList[serviceCommon.page].nav;
+          let item of commonService.websiteList[commonService.page].nav;
           let i = index;
-          trackBy: serviceCommon.trackByItem
+          trackBy: commonService.trackByItem
         "
-        (click)="serviceCommon.handleSidebarNav(i)"
-        [class.active]="serviceCommon.id === i"
-        [class.dark-item-active]="serviceCommon.id === i"
+        (click)="commonService.handleSidebarNav(i)"
+        [class.active]="commonService.id === i"
+        [class.dark-item-active]="commonService.id === i"
         class="ripple-btn dark-text dark-hover"
       >
         {{ item.title }}
@@ -76,21 +76,21 @@ <h1 class="title dark-white">
     <aside class="site-box dark-bg">
       <app-search-engine class="max768none" />
 
-      <div *ngIf="serviceCommon.currentList.length > 0; else noData">
+      <div *ngIf="commonService.currentList.length > 0; else noData">
         <div
           *ngFor="
-            let item of serviceCommon.currentList.slice(
+            let item of commonService.currentList.slice(
               0,
-              serviceCommon.sliceMax
+              commonService.sliceMax
             );
             let i = index;
-            trackBy: serviceCommon.trackByItem
+            trackBy: commonService.trackByItem
           "
         >
           <div class="nav-wrapper">
             <app-toolbar-title
               [dataSource]="item"
-              (onCollapse)="serviceCommon.onCollapse(item, i)"
+              (onCollapse)="commonService.onCollapse(item, i)"
               [index]="i"
             ></app-toolbar-title>
 
@@ -110,14 +110,14 @@ <h1 class="title dark-white">
                 *ngFor="
                   let el of item.nav;
                   index as j;
-                  trackBy: serviceCommon.trackByItemWeb
+                  trackBy: commonService.trackByItemWeb
                 "
               >
                 <app-card
-                  [cardStyle]="serviceCommon.settings.simCardStyle"
+                  [cardStyle]="commonService.settings.simCardStyle"
                   [dataSource]="el"
-                  [indexs]="[serviceCommon.page, serviceCommon.id, i, j]"
-                  [searchKeyword]="serviceCommon.searchKeyword"
+                  [indexs]="[commonService.page, commonService.id, i, j]"
+                  [searchKeyword]="commonService.searchKeyword"
                   class="column-border"
                 ></app-card>
               </div>
@@ -135,11 +135,11 @@ <h1 class="title dark-white">
 
 <app-footer
   className="sim-footer"
-  [content]="serviceCommon.settings.simFooterHTML"
+  [content]="commonService.settings.simFooterHTML"
 ></app-footer>
 <app-fixbar
-  (onCollapse)="serviceCommon.onCollapseAll()"
-  [collapsed]="serviceCommon.collapsed"
+  (onCollapse)="commonService.onCollapseAll()"
+  [collapsed]="commonService.collapsed"
 >
 </app-fixbar>
 
diff --git a/src/view/sim/index.component.ts b/src/view/sim/index.component.ts
index e4f661c3f..dc711c3ce 100644
--- a/src/view/sim/index.component.ts
+++ b/src/view/sim/index.component.ts
@@ -4,7 +4,7 @@
 import { Component } from '@angular/core'
 import { isLogin } from 'src/utils/user'
 import { settings, internal } from 'src/store'
-import { ServiceCommonService } from 'src/services/common'
+import { CommonService } from 'src/services/common'
 
 @Component({
   selector: 'app-sim',
@@ -17,13 +17,13 @@ export default class SimComponent {
     String(isLogin ? internal.loginViewCount : internal.userViewCount)
   )
 
-  constructor(public serviceCommon: ServiceCommonService) {}
+  constructor(public commonService: CommonService) {}
 
   ngOnInit() {}
 
   ngAfterViewInit() {
-    if (this.serviceCommon.settings.simOverType === 'ellipsis') {
-      this.serviceCommon.getOverIndex('.top-nav .over-item')
+    if (this.commonService.settings.simOverType === 'ellipsis') {
+      this.commonService.getOverIndex('.top-nav .over-item')
     }
   }
 }
diff --git a/src/view/super/index.component.html b/src/view/super/index.component.html
index b8b026ed8..8b39b51d7 100644
--- a/src/view/super/index.component.html
+++ b/src/view/super/index.component.html
@@ -1,45 +1,45 @@
 <section class="super-xjh dark-bg">
   <nz-spin
     nzSimple
-    *ngIf="serviceCommon.sliceMax === 0"
+    *ngIf="commonService.sliceMax === 0"
     class="position-center"
   />
 
   <header class="sheader dark-bg">
     <div class="headerbox">
       <div class="hitem">
-        <img class="logo" [src]="serviceCommon.settings.favicon" />
+        <img class="logo" [src]="commonService.settings.favicon" />
         <span class="title dark-white">{{
-          serviceCommon.settings.superTitle || serviceCommon.title
+          commonService.settings.superTitle || commonService.title
         }}</span>
       </div>
 
       <div class="topnav dark-scrollbar">
         <div
           *ngFor="
-            let item of serviceCommon.websiteList.slice(
+            let item of commonService.websiteList.slice(
               0,
-              serviceCommon.overIndex
+              commonService.overIndex
             );
             index as i;
-            trackBy: serviceCommon.trackByItem
+            trackBy: commonService.trackByItem
           "
-          (click)="serviceCommon.handleCilckTopNav(i)"
-          [class.active]="serviceCommon.page === i"
-          [class.dark-text-active]="serviceCommon.page === i"
+          (click)="commonService.handleCilckTopNav(i)"
+          [class.active]="commonService.page === i"
+          [class.dark-text-active]="commonService.page === i"
           class="hitem over-item dark-text"
         >
           {{ item.title }}
         </div>
         <!-- More -->
         <app-web-more-menu
-          *ngIf="serviceCommon.overIndex < serviceCommon.websiteList.length"
+          *ngIf="commonService.overIndex < commonService.websiteList.length"
           [data]="
-            serviceCommon.websiteList.slice(serviceCommon.overIndex, 99999)
+            commonService.websiteList.slice(commonService.overIndex, 99999)
           "
-          [index]="serviceCommon.overIndex"
-          [page]="serviceCommon.page"
-          (onClick)="serviceCommon.handleCilckTopNav($event)"
+          [index]="commonService.overIndex"
+          [page]="commonService.page"
+          (onClick)="commonService.handleCilckTopNav($event)"
           class="flex-center"
         />
       </div>
@@ -49,17 +49,17 @@
   <div class="main-box">
     <div
       class="left dark-bg dark-border-color dark-scrollbar"
-      *ngIf="serviceCommon.websiteList[serviceCommon.page]"
+      *ngIf="commonService.websiteList[commonService.page]"
     >
       <div
         class="bar-item dark-text dark-hover ellipsis"
-        [class.active]="serviceCommon.id === i"
-        [class.dark-item-active]="serviceCommon.id === i"
-        (click)="serviceCommon.handleSidebarNav(i)"
+        [class.active]="commonService.id === i"
+        [class.dark-item-active]="commonService.id === i"
+        (click)="commonService.handleSidebarNav(i)"
         *ngFor="
-          let item of serviceCommon.websiteList[serviceCommon.page].nav;
+          let item of commonService.websiteList[commonService.page].nav;
           index as i;
-          trackBy: serviceCommon.trackByItem
+          trackBy: commonService.trackByItem
         "
       >
         <img *ngIf="item.icon" class="sideicon" [src]="item.icon" />
@@ -69,7 +69,7 @@
 
     <div
       class="middle dark-bg"
-      [class.noads]="serviceCommon.settings.superImages.length <= 0"
+      [class.noads]="commonService.settings.superImages.length <= 0"
     >
       <div class="search-t dark-border-color">
         <app-search-engine size="small"></app-search-engine>
@@ -77,13 +77,13 @@
           <div
             class="bar-item"
             *ngFor="
-              let item of serviceCommon.currentList;
+              let item of commonService.currentList;
               index as i;
-              trackBy: serviceCommon.trackByItem
+              trackBy: commonService.trackByItem
             "
-            [class.active]="serviceCommon.selectedIndex === i"
+            [class.active]="commonService.selectedIndex === i"
             [class.none]="!item.title"
-            (click)="serviceCommon.handleCheckThree(i)"
+            (click)="commonService.handleCheckThree(i)"
           >
             {{ item.title }}
           </div>
@@ -92,26 +92,26 @@
 
       <div
         *ngIf="
-          serviceCommon.currentList[serviceCommon.selectedIndex]?.nav?.length;
+          commonService.currentList[commonService.selectedIndex]?.nav?.length;
           else noData
         "
       >
         <app-card
           *ngFor="
-            let el of serviceCommon.currentList[serviceCommon.selectedIndex]
+            let el of commonService.currentList[commonService.selectedIndex]
               .nav;
             index as j;
-            trackBy: serviceCommon.trackByItemWeb
+            trackBy: commonService.trackByItemWeb
           "
           [indexs]="[
-            serviceCommon.page,
-            serviceCommon.id,
-            serviceCommon.selectedIndex,
+            commonService.page,
+            commonService.id,
+            commonService.selectedIndex,
             j
           ]"
-          [cardStyle]="serviceCommon.settings.superCardStyle"
+          [cardStyle]="commonService.settings.superCardStyle"
           [dataSource]="el"
-          [searchKeyword]="serviceCommon.searchKeyword"
+          [searchKeyword]="commonService.searchKeyword"
         ></app-card>
       </div>
       <ng-template #noData>
@@ -121,24 +121,24 @@
       <div
         class="apply"
         *ngIf="
-          serviceCommon.currentList.length &&
-          serviceCommon.currentList[0].title &&
-          (serviceCommon.isLogin || serviceCommon.settings.allowCollect)
+          commonService.currentList.length &&
+          commonService.currentList[0].title &&
+          (commonService.isLogin || commonService.settings.allowCollect)
         "
       >
         <span class="appbtn" (click)="openCreateWebModal()">{{
-          serviceCommon.isLogin ? $t('_add') : $t('_apply')
+          commonService.isLogin ? $t('_add') : $t('_apply')
         }}</span>
       </div>
     </div>
 
     <div
       class="right dark-scrollbar"
-      *ngIf="serviceCommon.settings.superImages.length > 0"
+      *ngIf="commonService.settings.superImages.length > 0"
     >
       <div
         class="aditem cursor-pointer"
-        *ngFor="let item of serviceCommon.settings.superImages; index as i"
+        *ngFor="let item of commonService.settings.superImages; index as i"
         (click)="jumpService.goUrl($event, item['url'])"
       >
         <img class="adsimg" [src]="item['src']" />
@@ -146,7 +146,7 @@
     </div>
   </div>
 
-  <app-footer [content]="serviceCommon.settings.superFooterHTML"></app-footer>
+  <app-footer [content]="commonService.settings.superFooterHTML"></app-footer>
 
   <app-fixbar [showCollapse]="false"> </app-fixbar>
 </section>
diff --git a/src/view/super/index.component.ts b/src/view/super/index.component.ts
index 41c05d778..8b684548a 100644
--- a/src/view/super/index.component.ts
+++ b/src/view/super/index.component.ts
@@ -4,7 +4,7 @@
 
 import { Component } from '@angular/core'
 import { $t } from 'src/locale'
-import { ServiceCommonService } from 'src/services/common'
+import { CommonService } from 'src/services/common'
 import { JumpService } from 'src/services/jump'
 import event from 'src/utils/mitt'
 
@@ -17,19 +17,19 @@ export default class SideComponent {
   $t = $t
 
   constructor(
-    public serviceCommon: ServiceCommonService,
+    public commonService: CommonService,
     public jumpService: JumpService
   ) {}
 
   ngAfterViewInit() {
-    if (this.serviceCommon.settings.superOverType === 'ellipsis') {
-      this.serviceCommon.getOverIndex('.topnav .over-item')
+    if (this.commonService.settings.superOverType === 'ellipsis') {
+      this.commonService.getOverIndex('.topnav .over-item')
     }
   }
 
   openCreateWebModal() {
     event.emit('CREATE_WEB', {
-      threeIndex: this.serviceCommon.selectedIndex,
+      threeIndex: this.commonService.selectedIndex,
     })
   }
 }
diff --git a/src/view/system/setting/index.component.ts b/src/view/system/setting/index.component.ts
index 73074bdcb..70393dc5a 100644
--- a/src/view/system/setting/index.component.ts
+++ b/src/view/system/setting/index.component.ts
@@ -138,7 +138,7 @@ export default class SystemSettingComponent {
 
   onChangeSideJumpUrl(e: any, idx: number) {
     const value = e.target.value.trim()
-    this.settings.sideThemeImages[idx]['src'] = value
+    this.settings.sideThemeImages[idx]['url'] = value
   }
 
   onDeleteSideBanner(idx: number) {