代码格式

src/styles/default.less

-@import '../../node_modules/font-awesome/less/font-awesome.less';
-@import '../theme/blue.theme.less';
-@import '../theme/dark-blue.theme.less';
-@import '../theme/default.theme.less';
-@import './theme.less';
-@import './layout.less';
+@import "../../node_modules/font-awesome/less/font-awesome.less";
+@import "../theme/blue.theme.less";
+@import "../theme/dark-blue.theme.less";
+@import "../theme/default.theme.less";
+@import "./theme.less";
+@import "./layout.less";
 .view-container {
   height: 100%;
   display: flex;
@@ -14,23 +14,23 @@
     top: 0;
     width: 100%;
     z-index: 1;
-        .van-button{
+    .van-button {
       height: @nav-bar-height;
       line-height: @nav-bar-height;
       color: @color-tertiary-contrast;
     }
-        .app-view-lefttoolbar{
+    .app-view-lefttoolbar {
       height: @nav-bar-height;
       line-height: @nav-bar-height;
     }
-        .app-nav-bar{
+    .app-nav-bar {
       height: @nav-bar-height;
       line-height: @nav-bar-height;
       background: @nav-bar-backgroud;
-            .van-icon{
-                color:@nav-bar-color;
+      .van-icon {
+        color: @nav-bar-color;
       }
-            .van-nav-bar__title{
+      .van-nav-bar__title {
         color: @nav-bar-color;
         font-size: @nav-bar-fontSize;
       }
@@ -44,13 +44,13 @@
     height: 40px;
     width: 100%;
   }
-    >.view-content {
+  > .view-content {
     flex-grow: 1;
     overflow: auto;
     height: 50%;
   }
-    >.view-search {
-        >.van-cell {
+  > .view-search {
+    > .van-cell {
       padding: 0px;
       padding-right: @padding-md;
       display: flex;
@@ -61,30 +61,30 @@
       }
     }
   }
-    > .view-footer{
+  > .view-footer {
     color: @color-tertiary-contrast;
-       .bottom_menu{
+    .bottom_menu {
       text-align: center;
       margin: 0 4px 4px 4px;
-            ion-button{
+      ion-button {
         width: calc(50% - 4px);
-                --border-radius:0;
+        --border-radius: 0;
       }
     }
   }
 }
 
-.app-layoutpanel{
-  .app-mob-span{
+.app-layoutpanel {
+  .app-mob-span {
     font-family: Ping;
-    ion-input{
+    ion-input {
       --padding-top: 0;
       --padding-bottom: 0;
       --padding-end: 0;
       --padding-start: 0;
     }
   }
-  ion-icon{
+  ion-icon {
     position: relative;
     left: 8px;
     top: 1px;
@@ -97,7 +97,7 @@
   fill: currentColor;
   overflow: hidden;
 }
-ion-action-sheet{
+ion-action-sheet {
   --max-height: 60%;
 }
 
@@ -107,7 +107,7 @@ ion-action-sheet{
 .theme(@default-active-color,@default-text-color);
 
 // 默认布局
-@default-form-text-align:right;
+@default-form-text-align: right;
 .layout(@default-form-text-align);
 
-@import './user.less';
\ No newline at end of file
+@import "./user.less";

src/styles/layout.less

 // 布局公共函数
-.layout(@form-text-align){
+.layout(@form-text-align) {
   .app-mobile-select ion-select::part(text) {
     text-align: @form-text-align;
   }
@@ -7,22 +7,22 @@
     text-align: @form-text-align;
   }
   .app-mobile-datetime-picker {
-      ion-datetime{
+    ion-datetime {
       text-align: @form-text-align;
     }
   }
   .app-picker .ibz-input {
     text-align: @form-text-align;
   }
-    .left{
-        .app-form-item-input{
+  .left {
+    .app-form-item-input {
       text-align: @form-text-align;
     }
   }
   .app-mob-mpicker > ion-input {
     text-align: @form-text-align;
   }
-    ion-textarea{
+  ion-textarea {
     text-align: @form-text-align;
   }
-  }
\ No newline at end of file
+}

src/styles/theme.less

 // 主题公共函数
-.theme(@theme-color,@text-color){
-    ion-tab-bar{
-      ion-tab-button{
+.theme(@theme-color,@text-color) {
+  ion-tab-bar {
+    ion-tab-button {
       --color-selected: @theme-color;
     }
   }
-    ion-button{
+  ion-button {
     --background: @theme-color;
     --color: @text-color;
   }
   .view-container {
-      ion-header{
-        .ionoc-view-header{
+    ion-header {
+      .ionoc-view-header {
         --background: @theme-color;
         --color: @text-color;
       }
@@ -20,52 +20,53 @@
   ion-toggle {
     --background-checked: @theme-color;
   }
-    .app-form-item.item-has-focus{
-        >ion-label {
-            color: @theme-color ;
+  .app-form-item.item-has-focus {
+    > ion-label {
+      color: @theme-color;
     }
   }
-    ion-picker{
-      color: @theme-color ;
-      .picker-toolbar-button{
-        button{
-          color: @theme-color ;
+  ion-picker {
+    color: @theme-color;
+    .picker-toolbar-button {
+      button {
+        color: @theme-color;
       }
     }
   }
-    ion-action-sheet{
-      --button-color:@theme-color;
+  ion-action-sheet {
+    --button-color: @theme-color;
     --max-height: 60%;
   }
-    ion-alert{
-      .alert-button{
-        color: @theme-color ;
+  ion-alert {
+    .alert-button {
+      color: @theme-color;
     }
-      [aria-checked=true].sc-ion-alert-ios .alert-checkbox-icon.sc-ion-alert-ios{
-        background-color: @theme-color ;
-        border-color: @theme-color ;
+    [aria-checked="true"].sc-ion-alert-ios
+      .alert-checkbox-icon.sc-ion-alert-ios {
+      background-color: @theme-color;
+      border-color: @theme-color;
     }
   }
-    ion-checkbox{
-      --background-checked	: @theme-color ;
-      --border-color-checked: @theme-color ;
+  ion-checkbox {
+    --background-checked: @theme-color;
+    --border-color-checked: @theme-color;
   }
-    .app-embed-view{
-      .embed-view-header{
-        ion-toolbar{
+  .app-embed-view {
+    .embed-view-header {
+      ion-toolbar {
         --background: @theme-color;
       }
     }
   }
-    .app-mobile-radio-list{
+  .app-mobile-radio-list {
     .van-radio__icon--checked .van-icon {
       color: #fff;
       background-color: @theme-color;
       border-color: @theme-color;
     }
   }
-    .listexpbar_list{
-      .van-sidebar-item--select::before{
+  .listexpbar_list {
+    .van-sidebar-item--select::before {
       background-color: @theme-color;
     }
     .van-sidebar-item--select {