initinit

src/assets/css/iconfont.styl

@@ -0,0 +1,28 @@
+@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');
+}
+
+@font-face {
+  font-family: "PangMenZhengDao";
+  src: url('font/PangMenZhengDao.ttf')
+}
+
+@font-face {
+  font-family: "SourceHanSansCN";
+  src: url('font/SourceHanSansCN-Normal.otf');
+}
+
+.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

@@ -1,305 +1,5 @@
+@import 'iconfont.styl'
 .bg
-    width 100%
-    height 100%
-    overflow hidden
-.login_bg
   width 100%
   height 100%
-  overflow hidden
-.header
-    height .87rem
-    line-height .87rem
-    margin 0 .38rem
-    border-bottom 1px solid #1A0988
-    overflow hidden
-.logo
-    width 30%
-    font-size .28rem
-    line-height .87rem
-.tabs
-    width 40%
-    font-size .18rem
-    a
-        float left
-        width 2.04rem
-        color #ffffff
-        text-align center
-        font-size .22rem
-.tab-active
-    background center center / 100% 100% url(../../assets/images/tab-bg.png) no-repeat
-.plugin
-    width 30%
-.wearth
-    position relative
-    height .87rem
-    line-height .87rem
-    padding-right .2rem
-    span
-      display inline-block
-    .wearth-icon
-        position absolute
-        left 0
-        width .5rem
-        height .87rem
-        margin-right .09rem
-        overflow hidden
-        display flex
-        justify-content center
-        align-items center
-        img
-            width 100%
-            height auto
-.wearth-sheshi-title
-    font-size .4rem
-    margin-left .59rem
-.date-box
-    width 1.9rem
-    height .87rem
-    padding-left .2rem
-    // background center left / 1px auto url(../../assets/images/w-line.png) no-repeat
-.time
-    font-size .28rem
-    line-height .34rem
-    margin-top .2rem
-    text-align right
-.date
-    font-size .12rem
-    line-height .2rem
-    text-align right
-.week
-    font-size .14rem
-// content
-.content
-    width 100%
-    padding 0 .38rem
-    overflow hidden
-    // padding-bottom .36rem
-.left-wrap
-    position relative
-    width 3rem
-    height 9.19rem
-    margin-top .38rem
-    background top left / 100% 100% url(../../assets/images/left-bg.png) no-repeat
-.white-line
-    position absolute
-    top 8.5px
-    left 0
-    width 8px
-    height 21px
-    background-color #fff
-.right-wrap
-    position relative
-    height 9.57rem
-    overflow hidden
-.left-title
-    position relative
-    font-size .16rem
-    line-height .34rem
-    padding-left .21rem
-    i
-      position absolute
-      display block
-      left 0
-      top 50%
-      margin-top -10.5px
-      width 8px
-      height 21px
-      background-color #ffffff
-.left-content
-    padding 0 .21rem
-.left-content-box
-    padding-top .19rem
-.left-tip
-    font-size .16rem
-    line-height .34rem
-    i
-        color #00C2FE
-        font-style normal
-.data-line-bg
-    margin-top 5px
-    height 12px
-    background-color #0D2F87
-    border-radius 12px
-    i
-        display block
-        height 12px
-        background-color #00C2FE
-        border-radius 12px
-.center-content
-    width 12.4rem
-    margin-top .24rem
-    text-align center
-    font-size .16rem
-.center-detail
-    line-height .34rem
-    margin-top .16rem
-    i
-      font-style normal
-      font-size .26rem
-      color #d6594a
-.right-content
-    width 3.03rem
-.output-box
-    width 8rem
-    height .58rem
-    line-height .58rem
-    margin 0 auto
-.digit-panel
-    position relative
-.digit
-    float left
-    width .48rem
-    height .58rem
-    margin-right 10px
-    overflow hidden
-    background 100% url(../../assets/images/number-bg.png) no-repeat
-.digit:nth-child(1),
-.digit:nth-child(4),
-.digit:nth-child(7)
-    margin-right .32rem
-.sub
-    position absolute
-    top 0
-.sub1
-    left .58rem
-.sub2
-    left 2.54rem
-.sub3
-    left 4.5rem
-.sub sub
-    font-size .46rem
-    margin-right 10px
-.digit ul
-	transition margin-top .5s ease
-.digit ul li
-    width .48rem
-    height .58rem
-    font-size .46rem
-.center-wrap
-    position relative
-    width 10.38rem
-    height 5.1rem
-    margin .3rem auto 0 auto
-.output-img
-    position absolute
-    top -2rem
-    left 0
-    width 100%
-    height auto
-.fs1
-    position absolute
-    width 2rem
-    font-size .3rem
-    line-height .47rem
-    text-align center
-    p
-      padding-top .76rem
-      font-size .3rem
-      line-height .47rem
-.fs2
-    font-size .1597rem
-    position absolute
-    width 1.26rem
-    line-height .24rem
-    text-align center
-.loc1
-    top .94rem
-    left 4.19rem
-.loc2
-    top .1rem
-    left 1.78rem
-.loc3
-    top 1.49rem
-    left .18rem
-.loc4
-    top 3.29rem
-    left .95rem
-.loc5
-    top 3.29rem
-    right .94rem
-.loc6
-    top 1.2rem
-    right .18rem
-.loc7
-    top -0.2rem
-    right 1.78rem
-.right-content
-    margin-top .38rem
-    width 3rem
-.right-content-wrap
-    position relative
-    width 3rem
-    height 1.4rem
-    margin-bottom .2rem
-    background center / 100% auto url(../../assets/images/right-bg.png) no-repeat
-    overflow hidden
-.icon-toStore
-    width .55rem
-    height .64rem
-    margin .39rem 0 0 .46rem
-    background center / 100% auto url(../../assets/images/icon-tostore.png) no-repeat
-.icon-outstore
-    background center / 100% auto url(../../assets/images/icon-outstore.png) no-repeat
-.right-content-fstyle
-    width 1.8rem
-    margin .25rem 0  0 .1rem
-    font-size .3rem
-    line-height 1
-    p
-      font-size .16rem
-      line-height .34rem
-      white-space nowrap
-      overflow hidden
-      text-overflow ellipsis
-    .right-content-fstyle1
-      font-size .24rem
-.bottom-content
-   position absolute
-   bottom 0
-   right 0
-   height 2.73rem 
-.echart-wrap
-    position relative
-    width 7.52rem
-    height 2.73rem
-    background center / 100% auto url(../../assets/images/bottom-bg.png) no-repeat
-    overflow hidden
-.wline
-    position absolute
-    top 25px
-    left 0
-    width 5px
-    height 18px
-    background-color #fff
-.echart-wrap-fl
-    margin-right .21rem
-.xuni1
-    font-size .18rem
-    font-weight bold
-    margin .12rem 0 0 .18rem
-.xuni-box-item
-    width 2.62rem
-    margin .4rem auto 0 auto
-.xuni-box-item-top
-    font-size .16rem
-    line-height .2rem
-    height .2rem
-    overflow hidden
-.xuni-bg-line
-    width 100%
-    height 12px
-    margin-top 5px
-    background-color #151f8c
-    border-radius 10px
-    position relative
-    z-index 10
-.xuni-up-line
-    position absolute
-    height 12px
-    border-radius 10px
-    background-color #00c1ff
-    width 0
-.drift
-   transition left .3s linear
-.driftWide
-    transition width 1s linear
+  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

@@ -19,6 +19,7 @@ time, mark, audio, video, input {
     color: #ffffff;
     font-weight: normal;
     vertical-align: baseline;
+    font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
 }
  
 /* HTML5 display-role reset for older browsers */
@@ -82,13 +83,15 @@ html, body {
      width: 1920px;
      height: 1080px;
      /* width: 100%;
-     min-height: 100%; */
+     height: 100%;
+     min-width: 1440px;
+     min-height: 1080px; */
 }
  
 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;
+     background: #05032a center center / 100% 100% url(../../assets/images/screen1/bg.jpg) no-repeat;
 }
 
 div, p {
@@ -119,6 +122,10 @@ div, p {
     float: right !important;
 }
 
-.mgb40 {
-     margin-bottom: .4rem !important;
-}
+.fontselect {
+    -moz-user-select:none;/*火狐*/
+    -webkit-user-select:none;/*webkit浏览器*/
+    -ms-user-select:none;/*IE10*/
+    -khtml-user-select:none;/*早期浏览器*/
+    user-select:none;
+}