update：less文件替换

src/styles/app-code-list.scss

+// 基于 APP/src/styles/app-code-list.less.ftl 生成
+#app{
+    display: block;
+}

src/styles/default.less → src/styles/default.scss

-@import '../../node_modules/font-awesome/less/font-awesome.less';
+// @import '../../node_modules/font-awesome/scss/font-awesome.scss';
 @import'/assets/styles/index.css';
-@import '../theme/blue.theme.less';
-@import '../theme/dark-blue.theme.less';
-@import '../theme/default.theme.less';
-@import './app-code-list.less';
-@import './var.css';
-@import './var.less';
+@import '../theme/blue.theme.scss';
+@import '../theme/dark-blue.theme.scss';
+@import '../theme/default.theme.scss';
+@import './app-code-list.scss';
+@import './var.scss';
 
 #app {
     height: 100vh;
@@ -382,53 +381,53 @@
     padding: 0;
 }
 
-// 看板视图，卡片模式
-// .view-container.appportalview,.view-container.deportalview,.view-container.deportalview9{
-//   >.view-card>.ivu-card-body>.content-container{
-//     background: #efefef;
-//   }
-//   .dashboard{
-//     padding: 8px;
-//   }
-//   .portlet-container{
-//     background: #efefef;
-//   }
-//   .portlet-container::after{
-//     content: "";
-//     clear: both;
-//   }
-//   .portlet{
-//     margin: 8px;
-//     height: calc(100% - 16px);
-//     width: calc(100% - 16px);
-//     background: #fff;
-//     border-radius: 4px;
-//     box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.045);
-//     border: 1px solid transparent;
-//     >.portlet-with-title{
-//       margin-bottom: 12px;
-//       height: calc(100% - 64px);
-//     }
-//     >.portlet-without-title{
-//       margin-top: 12px;
-//       margin-bottom: 12px;
-//       height: calc(100% - 24px);
-//     }
-//   }
-// }
+看板视图，卡片模式
+.view-container.appportalview,.view-container.deportalview,.view-container.deportalview9{
+  >.view-card>.ivu-card-body>.content-container{
+    background: #efefef;
+  }
+  .dashboard{
+    padding: 8px;
+  }
+  .portlet-container{
+    background: #efefef;
+  }
+  .portlet-container::after{
+    content: "";
+    clear: both;
+  }
+  .portlet{
+    margin: 8px;
+    height: calc(100% - 16px);
+    width: calc(100% - 16px);
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0 1px 1px rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.045);
+    border: 1px solid transparent;
+    >.portlet-with-title{
+      margin-bottom: 12px;
+      height: calc(100% - 64px);
+    }
+    >.portlet-without-title{
+      margin-top: 12px;
+      margin-bottom: 12px;
+      height: calc(100% - 24px);
+    }
+  }
+}
 
-// // 看板视图，无缝模式
-// .view-container.appportalview.seamless-mode,.view-container.deportalview.seamless-mode,.view-container.deportalview9.seamless-mode{
-//   >.view-card>.ivu-card-body>.content-container{
-//     background: transparent;
-//   }
-//   .portlet-container{
-//     background: transparent;
-//   }
-//   .portlet{
-//     background: transparent;
-//   }
-// }
+// 看板视图，无缝模式
+.view-container.appportalview.seamless-mode,.view-container.deportalview.seamless-mode,.view-container.deportalview9.seamless-mode{
+  >.view-card>.ivu-card-body>.content-container{
+    background: transparent;
+  }
+  .portlet-container{
+    background: transparent;
+  }
+  .portlet{
+    background: transparent;
+  }
+}
 
 
-@import './user.less';
\ No newline at end of file
+@import './user.scss';
\ No newline at end of file

src/styles/var.less

-:root {
-    // 安永黑
-    --app-color-black: #232425;
-    // 安永灰1
-    --app-color-gray-100: #747480;
-    // 安永灰2
-    --app-color-gray-gray-200: #C4C4CD;
-    // 安永灰2 50%
-    --app-color-gray-gray-250: #E1E1E6;
-    // 安永灰4
-    --app-color-gray-gray-400: #F6F6FA;
-    // 安永白
-    --app-color-gray-white: #FFFFFF;
-    // 安永蓝
-    --app-color-gray-blue: #188CE5;
-    // 安永黄
-    --app-color-gray-yellow: #FFE600;
-    // 安永红
-    --app-color-gray-red: #B9251C;
-    // 安永橙
-    --app-color-gray-orange: #FF810A;
-    // 安永绿
-    --app-color-gray-green: #2DB757;
-    // 安永蓝绿
-    --app-color-gray-blue-green: #27ACAA;
-}

src/styles/var.css → src/styles/var.scss

@@ -61,4 +61,29 @@
     --app-color-light-contrast-rgb: 0,0,0;
     --app-color-light-shade: #d7d8da;
     --app-color-light-tint: #f5f6f9;
+
+    // 安永黑
+    --app-color-black: #232425;
+    // 安永灰1
+    --app-color-gray-100: #747480;
+    // 安永灰2
+    --app-color-gray-gray-200: #C4C4CD;
+    // 安永灰2 50%
+    --app-color-gray-gray-250: #E1E1E6;
+    // 安永灰4
+    --app-color-gray-gray-400: #F6F6FA;
+    // 安永白
+    --app-color-gray-white: #FFFFFF;
+    // 安永蓝
+    --app-color-gray-blue: #188CE5;
+    // 安永黄
+    --app-color-gray-yellow: #FFE600;
+    // 安永红
+    --app-color-gray-red: #B9251C;
+    // 安永橙
+    --app-color-gray-orange: #FF810A;
+    // 安永绿
+    --app-color-gray-green: #2DB757;
+    // 安永蓝绿
+    --app-color-gray-blue-green: #27ACAA;
   }