个人中心样式调整

src/config/appConfig.ts

@@ -12,7 +12,7 @@ export const appConfig = {
     {
       value: "app-dark-blue-theme",
       text: "经典蓝",
-      background: "#5475ab",
+      background: "#679BF6",
       color: "#fff",
     },
     {

src/ibiz-core/components/app-mob-select-theme/app-mob-select-theme.less

 .app-mobile-theme{
   .activeoption{
-    padding: 5px;
-    font-size: 12px;
-    width: 50px;
+    display: flex;
+    align-items: center;
     text-align: center;
-    border-radius: 2px;
+    .activeoption-text{
+      font-size: 14px;
+      margin: 0 7px;
+      line-height: 14px;
+    }
   }
 
 }

src/ibiz-core/components/app-mob-select-theme/app-mob-select-theme.vue

 <template>
     <div  class="app-mobile-theme">
-        <div class="activeoption" v-if="activeoption" :style="{'background':activeoption.background,'color':activeoption.color}">{{activeoption.text}}</div>
+        <div class="activeoption" v-if="activeoption" >
+          <div :style="{'background':activeoption.background,'width':'8px','height':'8px'}"></div>
+          <span class="activeoption-text">{{activeoption.text}}</span>
+          <app-mob-icon name="chevron-forward-outline" ></app-mob-icon>
+        </div>
         <van-action-sheet  get-container="#app" :title="$t('themeSelection')" :closeable="false"   v-model="show" :cancel-text="$t('app.button.cancel')"  close-on-click-action>
             <div class = "app-mob-select-theme_theme">
                 <div @click="themeChange(item.value)" v-for="item in options" :key="item.value" class="app-mob-select-theme_theme_item" :style="{background:item.background,color:item.color}">{{item.text}}</div>

src/ibiz-core/components/app-setting/app-setting.less

 .app-setting {
   background: @color-main-background;
+  .title-label{
+    font-size: 18px;
+    font-weight: 500;
+    line-height: 25px;
+  }
   .content {
       width: 100%;
       height: 100%;
       overflow: auto;
+      position: relative;
       .content-list {
           margin-top: 12px;
-          .content-list-item-content {
-              width: 100%;
-              height: 100%;
-              padding: 0 15px;
-              justify-content: space-between;
-              display: flex;
-              align-items: center;
-              .content-list-item-content-text {
-                  font-size: 14px;
-              }
-              ion-icon {
-                  color: #bbbbbb;
-              }
-              .app-mobile-select {
-                  width: 70%;
-                  display: flex;
-                  justify-content: flex-end;
-              }
-          }
-          .content-list-item-content:active {
-              background: @color-main-background;
+          ion-item{
+            border-bottom: 1px solid #E9E9E9;
+            margin: 0 15px;
+            &:nth-last-child(1){
+              border-bottom: none;
+            }
+            .content-list-item-content {
+                width: 100%;
+                height: 48px;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                .content-list-item-content-text {
+                    font-size: 14px;
+                    color: #4E4E4E;
+                    font-weight: 400;
+                    line-height: 20px;
+                }
+                ion-icon {
+                    color: #bbbbbb;
+                }
+                .app-mobile-select {
+                    width: 70%;
+                    display: flex;
+                    justify-content: flex-end;
+                }
+            }
+            .content-list-item-content:active {
+                background: @color-main-background;
+            }
           }
       }
       .content-list-top {
           margin: 0;
       }
+      .content-end{
+          position: absolute;
+          height: 48px;
+          bottom: 0;
+          font-size: 14px;
+          font-weight: 400;
+          color: #4E4E4E;
+      }
   }
   ion-item {
       --inner-padding-end: 0 !important;

src/ibiz-core/components/app-setting/app-setting.vue

@@ -8,7 +8,7 @@
                     {{$t('app.button.back')}}
                 </ion-button>
             </ion-buttons>
-            <app-mob-title><label class="title-label">个人中心</label></app-mob-title>
+            <app-mob-title><label class="title-label">个人信息</label></app-mob-title>
         </ion-toolbar>
     </app-mob-header>
     <div class="content">
@@ -81,6 +81,9 @@
             </template>
         </template>
       </ion-list>
+      <template v-for="item in data.end">
+        <van-button type="default" class="content-end" :key="item.name" size="large" @click="onItemClick(item)">{{item.showtext}}</van-button>
+      </template>
     </div>
   </ion-page>
 </template>
@@ -118,6 +121,7 @@ export default class AppSetting extends Vue {
         top: [],
         center: [],
         bottom: [],
+        end:[]
     };
 
     /**
@@ -139,6 +143,9 @@ export default class AppSetting extends Vue {
             if (item.position == "bottom") {
                 this.data.bottom.push(item);
             }
+            if (item.position == "end") {
+                this.data.end.push(item);
+            }
             // 多语言处理
             if (item.entext) {
                 if (i18n.locale == "ZH-CN") {

src/ibiz-core/components/app-setting/config.ts

@@ -74,20 +74,12 @@ export const settingConfig = {
       viewName: "",
       entext:'About',
     },
-    {
-      name: "logout",
-      isEnable: true,
-      text: "退出登录",
-      position: "bottom",
-      sort: "100",
-      entext:'Sign out',
-    },
     {
       name: "clear",
       isEnable: true,
       text: "清除缓存",
       position: "bottom",
-      sort: "200",
+      sort: "100",
       entext:'Clear cache',
     },
     {
@@ -98,6 +90,14 @@ export const settingConfig = {
       sort: "200",
       entext:'Switch language',
     },
+    {
+      name: "logout",
+      isEnable: true,
+      text: "退出登录",
+      position: "end",
+      sort: "100",
+      entext:'Sign out',
+    },    
   ],
   // 个人中心视图（需用户手动配置）
   userCenterViewName: "",

src/styles/theme/dark-blue.theme.less

 .app-dark-blue-theme{
-    @theme-color:#5475ab;
+    @theme-color:#679BF6;
     @text-color: #fff;
     .theme(@theme-color,@text-color);
 }
\ No newline at end of file