🔱: [client] sync upgrade with 21 commits [trident-sync]

Update README.md

packages/ui/certd-client/src/style/common.less

@@ -0,0 +1,44 @@
+@import './theme/index.less';
+@import './theme/default.less';
+@import './scroll.less';
+@import './transition.less';
+@import './fix-windicss.less';
+
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+div#app {
+  height: 100%
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-bottom: 0;
+}
+
+.fs-desc{
+  font-size: 12px;
+  color:#888888;
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
+
+
+.ant-btn-link {
+  height: 24px;
+}
+
+
+.ant-input-affix-wrapper {
+  padding: 4px 11px;
+}
+
+
+.anticon {
+  vertical-align: 0 !important;
+}

packages/ui/certd-client/src/style/fix-windicss.less

@@ -0,0 +1,3 @@
+img.ant-image-preview-img{
+  display: initial;
+}

packages/ui/certd-client/src/style/scroll.less

@@ -0,0 +1,28 @@
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  width: 8px;
+  background: rgba(#101F1C, 0.1);
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+}
+
+::-webkit-scrollbar-thumb {
+ // background-color: rgba(#101F1C, 0.5);
+  background-clip: padding-box;
+  min-height: 28px;
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+  background-color: #b3b3b3;
+  box-shadow: 0px 1px 1px #eee inset;
+}
+
+::-webkit-scrollbar-thumb:hover {
+
+  //background-color: rgba(#101F1C, 1);
+}

packages/ui/certd-client/src/style/theme/default.less

@@ -0,0 +1,27 @@
+.ant-layout{
+  background-color: @bg-color;
+}
+.ant-layout-header {
+  background-color: @bg-color
+}
+.ant-layout-sider {
+  background-color:@bg-color
+}
+.ant-menu{
+  background-color: @bg-color;
+  &.ant-menu-submenu-popup{
+    background-color: transparent;
+  }
+}
+.aside-menu{
+  .ant-menu-submenu > .ant-menu{
+    background-color:@bg-color
+  }
+
+  .ant-menu-item-active{
+    background-color: @bg-menu-item-color;
+  }
+  .ant-menu-item-selected{
+    background-color: @bg-menu-item-color !important;
+  }
+}

packages/ui/certd-client/src/style/theme/index.less

@@ -0,0 +1,4 @@
+@primary-color: #1890ff;
+// theme
+@bg-color:  #ebf1f6;
+@bg-menu-item-color:hsla(0,0%,100%,.5);

packages/ui/certd-client/src/style/transition.less

@@ -0,0 +1,36 @@
+//.v-enter-from,
+//.v-leave-to {
+//  opacity: 0;
+//}
+//
+//.v-leave-from,
+//.v-enter-to {
+//  opacity: 1;
+//}
+// 过渡动画 横向渐变
+.fade-transverse-leave-active,
+.fade-transverse-enter-active {
+  transition: all .5s;
+}
+.fade-transverse-enter-from {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+.fade-transverse-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+// 过渡动画 缩放渐变
+.fade-scale-leave-active,
+.fade-scale-enter-active {
+  transition: all .3s;
+}
+.fade-scale-enter {
+  opacity: 0;
+  transform: scale(1.2);
+}
+.fade-scale-leave-to {
+  opacity: 0;
+  transform: scale(0.8);
+}