Built the basic ui framework

ui/src/assets/css/base.css

@@ -0,0 +1,63 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+html {
+    scroll-behavior: smooth;
+}
+
+em,
+i {
+    font-style: normal
+}
+
+li {
+    list-style: none
+}
+
+img {
+    border: 0;
+    vertical-align: middle
+}
+
+button {
+    cursor: pointer
+}
+
+a {
+    color: #666;
+    text-decoration: none
+}
+
+button,
+input {
+    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
+    border: 0;
+    outline: none;
+}
+
+body {
+    -webkit-font-smoothing: antialiased;
+    background-color: #fff;
+    font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
+    color: #666
+}
+
+.hide,
+.none {
+    display: none
+}
+
+.clearfix:after {
+    visibility: hidden;
+    clear: both;
+    display: block;
+    content: ".";
+    height: 0
+}
+
+.clearfix {
+    *zoom: 1
+}

ui/src/assets/svg/pinnacle.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"
+     class="icon" viewBox="0 0 1024 1024" version="1.1" width="64" height="64">
+    <path d="M835.834131 664.947948H697.596636v63.99884h138.237495a33.919385 33.919385 0 0 0 0-63.99884z"/>
+    <path d="M1009.270987 755.186312V255.99536a159.357112 159.357112 0 0 0-154.877193-147.197332h-146.557344v58.878933h154.877193a79.99855 79.99855 0 0 1 79.358562 79.99855v519.030592a79.99855 79.99855 0 0 1-79.358562 79.99855h-154.877193v58.878933h154.877193a147.197332 147.197332 0 0 0 146.557344-150.397274zM567.039002 0h-23.67957l-428.792229 80.638538A132.477599 132.477599 0 0 0 14.729013 204.1563v607.98898a140.15746 140.15746 0 0 0 99.83819 122.877773L543.359432 1023.98144h23.67957a104.318109 104.318109 0 0 0 106.238075-106.878062V106.878063A114.557924 114.557924 0 0 0 567.039002 0z m39.039293 917.103378a36.479339 36.479339 0 0 1-39.039293 39.67928h-9.599826L128.00696 867.824271a52.479049 52.479049 0 0 1-46.719153-55.678991v-607.98898A51.83906 51.83906 0 0 1 128.00696 148.477309l430.072205-81.278527h8.959837a41.599246 41.599246 0 0 1 39.039293 39.679281z"/>
+    <path d="M850.553864 470.391474h-137.597506V537.590256h137.597506a31.99942 31.99942 0 0 0 33.919385-33.919385 31.359432 31.359432 0 0 0-33.919385-33.279397zM850.553864 275.835h-137.597506v67.198783h137.597506a31.99942 31.99942 0 0 0 33.919385-33.919386 31.359432 31.359432 0 0 0-33.919385-33.279397zM355.84283 170.236914a127.99768 127.99768 0 0 0-114.557923 131.197622 127.99768 127.99768 0 0 0 114.557923 127.997681 120.957808 120.957808 0 0 0 115.197912-127.997681 127.99768 127.99768 0 0 0-115.197912-131.197622z m0 191.996521c-27.519501 0-47.359142-26.239524-47.359141-63.998841s19.83964-63.99884 47.359141-63.99884 47.99913 26.239524 47.99913 63.99884S384.00232 364.793388 355.84283 364.793388zM417.281717 732.14673l63.99884 145.917355h74.878643L384.00232 494.711033H295.683921l-147.837321 319.9942h74.238655l40.319269-81.278526zM339.84312 567.669711L384.00232 664.947948H296.963898z"/>
+</svg>

ui/src/assets/vue.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>