全局css

src/assets/less/uStyle.css

@@ -0,0 +1,67 @@
+/* flex布局 */
+.u-flex,
+.u-flex-jac,
+.u-flex-jab,
+.u-flex-jaa,
+.u-flex-cjac,
+.u-flex-cjab {
+  display: flex;
+}
+.fd-column,
+.u-flex-cjac,
+.u-flex-cjab {
+  flex-direction: column;
+}
+.jc-center,
+.u-flex-jac,
+.u-flex-cjac {
+  justify-content: center;
+}
+.jc-sb,
+.u-flex-jab,
+.u-flex-cjab {
+  justify-content: space-between;
+}
+.jc-sa,
+.u-flex-jaa {
+  justify-content: space-around;
+}
+.jc-start {
+  justify-content: flex-start;
+}
+.jc-end {
+  justify-content: flex-end;
+}
+.ai-center,
+.u-flex-jab,
+.u-flex-jac,
+.u-flex-jaa,
+.u-flex-cjac {
+  align-items: center;
+}
+.ai-start {
+  align-items: flex-start;
+}
+.ai-end {
+  align-items: flex-end;
+}
+.ai-stretch {
+  align-items: stretch;
+}
+.f1 {
+  flex: 1;
+}
+.f-auto {
+  flex: auto;
+}
+.h100 {
+  height: 100%;
+}
+.cmms-dialog-item-title {
+  background-color: #F5F7FA;
+  line-height: 40px;
+  font-size: 15px;
+  padding: 0 20px;
+  margin-bottom: 10px;
+  border-bottom: 1px solid #f3f3f3;
+}

src/assets/less/uStyle.less

@@ -0,0 +1,25 @@
+/* flex布局 */
+.u-flex,.u-flex-jac,.u-flex-jab,.u-flex-jaa,.u-flex-cjac,.u-flex-cjab{ display: flex; }
+.fd-column,.u-flex-cjac,.u-flex-cjab{ flex-direction: column; }
+.jc-center,.u-flex-jac,.u-flex-cjac{ justify-content: center; }
+.jc-sb,.u-flex-jab,.u-flex-cjab{ justify-content: space-between; }
+.jc-sa,.u-flex-jaa{ justify-content: space-around; }
+.jc-start{ justify-content: flex-start; }
+.jc-end{ justify-content: flex-end; }
+.ai-center,.u-flex-jab,.u-flex-jac,.u-flex-jaa,.u-flex-cjac{ align-items: center; }
+.ai-start{ align-items: flex-start; }
+.ai-end{ align-items: flex-end; }
+.ai-stretch{ align-items: stretch; }
+.f1{ flex: 1; }
+.f-auto{ flex: auto; }
+
+.h100{height: 100%;}
+
+.cmms-dialog-item-title{
+  background-color: #F5F7FA;
+  line-height: 40px;
+  font-size: 15px;
+  padding: 0 20px;
+  margin-bottom: 10px;
+  border-bottom: 1px solid #f3f3f3;
+}