build: trident-sync prepare

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

@@ -0,0 +1,124 @@
+@import './theme/index.less';
+@import './theme/default.less';
+@import './scroll.less';
+@import './transition.less';
+@import './fix-windicss.less';
+svg { vertical-align: baseline; }
+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;
+}
+
+.ant-btn-link {
+  height: 24px;
+}
+
+
+.ant-input-affix-wrapper {
+  padding: 4px 11px;
+}
+
+
+.anticon {
+  vertical-align: 0 !important;
+}
+
+
+.text-center{
+  text-align: center;
+}
+
+.red{
+  color:red
+}
+
+.font12{
+  font-size: 12px;
+}
+
+.bg-gray{
+  background-color: #eee;
+}
+
+.bg-white{
+  background-color: #fff;
+}
+
+.fs-page-header{
+  background-color: #fff;
+}
+
+
+.ant-btn{
+  .fs-iconify{
+    font-size:16px;
+    margin-right:3px
+  }
+
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+
+}
+
+.ant-timeline{
+  .fs-iconify{
+    font-size: 16px;
+  }
+}
+
+.mt-10{
+  margin-top:10px;
+}
+.ml-5{
+  margin-left:5px;
+}
+.ml-10{
+  margin-left: 10px;
+}
+.mtb-5{
+  margin: 5px 0 5px 0;
+}
+
+.mb-10{
+  margin-bottom: 10px;
+}
+
+.mlr-5{
+  margin: 0 5px 0 5px;
+}
+
+.gray{
+  color:gray;
+}
+.green{
+  color:green;
+}
+.blue{
+  color:blue;
+}
+.red{
+  color:red
+}
+.yellow{
+  color:yellow;
+}
+
+.ml-2{
+  margin-left: 2px;
+}
+
+.font-20{
+  font-size:20px
+}

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);
+}