init

src/assets/css/iconfont.styl

@@ -0,0 +1,18 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 1255596 */
+  src: url('iconfont/iconfont.woff2?t=1620977303191') format('woff2'),
+       url('iconfont/iconfont.woff?t=1620977303191') format('woff'),
+       url('iconfont/iconfont.ttf?t=1620977303191') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-guanbi:before {
+  content: "\e60f";
+}

src/assets/css/iconfont/iconfont.json

@@ -0,0 +1,37 @@
+{
+  "id": "1255596",
+  "name": "nl-hht-hl",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "2229060",
+      "name": "无信号",
+      "font_class": "no-signal",
+      "unicode": "e76b",
+      "unicode_decimal": 59243
+    },
+    {
+      "icon_id": "400034",
+      "name": "下拉",
+      "font_class": "htmal5icon03",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "731140",
+      "name": "选择",
+      "font_class": "guanbi1",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "4736203",
+      "name": "关闭",
+      "font_class": "guanbi",
+      "unicode": "e60f",
+      "unicode_decimal": 58895
+    }
+  ]
+}

src/assets/css/layout.styl

@@ -0,0 +1,5 @@
+@import 'iconfont.styl'
+.bg
+  width 100%
+  height 100%
+  overflow hidden

src/assets/css/mixin.styl

@@ -0,0 +1,40 @@
+$red = #ed4754
+$green = #67c23a
+$yellow = #f2d648
+$orange = #f17d3a
+$blue = #6798ef
+$gray = #c9c9c9
+$fc1 = #323232
+
+
+//宽高
+_wh(w, h)
+  width: w
+  height: h
+
+//字体大小、行高、颜色
+_font(size,height,color=$fc1,weight=normal,align=left)
+  font-size: size
+  line-height: height
+  color: color
+  font-weight: weight
+  text-align: align
+
+//flex 布局和 子元素 对其方式
+_fj(x=space-between,y=center)
+  display: flex
+  justify-content: x
+  align-items: y
+
+// 背景图片地址和大小
+_bis(url,w,h=auto,x=center,y=center)
+  background-position: x y
+  background-size: w h
+  background-image: url(url)
+  background-repeat: no-repeat
+
+// 定位上下居中
+_ct()
+  position: absolute
+  top: 50%
+  transform: translateY(-50%)

src/assets/css/reset.css

@@ -0,0 +1,130 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video, input {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 0.16rem;
+    line-height: inherit;
+    color: #ffffff;
+    font-weight: normal;
+    vertical-align: baseline;
+}
+ 
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, menu, nav, section {
+     display: block;
+}
+ 
+body {
+     line-height: 1;
+}
+ 
+blockquote, q {
+     quotes: none;
+}
+
+ blockquote:before, blockquote:after,
+q:before, q:after {
+     content: none;
+}
+ 
+table {
+     border-collapse: collapse;
+     border-spacing: 0;
+}
+ 
+/* custom */
+a,a:link,a:visited,a:active {
+     color: #7e8c8d;
+     text-decoration: none;
+     -webkit-backface-visibility: hidden;
+}
+ 
+li {
+     list-style: none;
+}
+ 
+::-webkit-scrollbar {
+     width: 5px;
+     height: 5px;
+}
+ 
+::-webkit-scrollbar-track-piece {
+     background-color: rgba(0, 0, 0, 0.2);
+     -webkit-border-radius: 6px;
+}
+ 
+::-webkit-scrollbar-thumb:vertical {
+     height: 5px;
+     background-color: rgba(125, 125, 125, 0.7);
+     -webkit-border-radius: 6px;
+}
+ 
+::-webkit-scrollbar-thumb:horizontal {
+     width: 5px;
+     background-color: rgba(125, 125, 125, 0.7);
+     -webkit-border-radius: 6px;
+}
+ 
+html, body {
+     /* width: 1920px;
+     height: 1080px; */
+     width: 100%;
+     height: 100%;
+     min-width: 1440px;
+     min-height: 784px;
+}
+ 
+body {
+     -webkit-text-size-adjust: none;
+     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+     background: #05032a center center / 100% 100% url(../../assets/images/bg.png) no-repeat;
+}
+
+div, p {
+     box-sizing: border-box;
+}
+
+.clearfix { 
+    zoom: 1; 
+}
+    
+.clearfix:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+    
+.ellipsis {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+    
+.fl {
+    float: left !important;
+} 
+
+.fr {
+    float: right !important;
+}
+
+.fontselect {
+    -moz-user-select:none;/*火狐*/
+    -webkit-user-select:none;/*webkit浏览器*/
+    -ms-user-select:none;/*IE10*/
+    -khtml-user-select:none;/*早期浏览器*/
+    user-select:none;
+}