成型弹窗

src/assets/css/layout.styl

@@ -1,5 +1,11 @@
 @import 'mixin.styl'
 
+// 样式测试
+.style_block
+  position absolute
+  _wh(calc(100% / 3), calc(100% / 3))
+  background red
+// 页面跳转
 .tooltip_wrap
   position fixed
   bottom 10%
@@ -35,4 +41,90 @@
   &:hover
     background-color #03fcfd
     border-color #03fcfd
-    color #fff
+    color #fff
+.current_page
+    background-color #049293
+    border-color #049293
+    color #fff
+
+// 弹窗
+.popup_block_wraper
+  position fixed
+  top 0
+  left 0
+  z-index 100
+  width 550px
+  padding 20px 14px 30px 14px
+  _bis('../../images/popup_bg.png')
+.foldline
+  position absolute
+  right -109px
+  z-index 10
+  _wh(127px,105px)
+  _bis('../images/dot_line.png')
+.foldline_right
+   right -109px
+.foldline_left
+   left -109px
+   transform rotateY(180deg)
+.popup_bg
+  _wh(100%, 100%)
+  background top center / 100% 18px url(../../images/popup_line.png) no-repeat
+  overflow hidden
+.popup_block
+  _wh(100%,100%)
+  padding 15px 0 0 0
+.pop_header
+    _wh(100%, 28px)
+    padding 0 5px
+    _fj(row)
+.pop_name
+  width 50%
+  _font(14px,28px,#32C5FF,,left)
+  text-shadow 2px 2px 4px #A6E6FF
+  margin-bottom 8px
+.pop_status
+  _wh(50%, 28px)
+  _fj(row,flex-end)
+.pop_status_dot
+    _wh(15px, 15px)
+    border-radius 50%
+    margin-right 10px
+.pop_status_text
+    _font(16px, 28px, #fff,,)
+.pop_content
+  _wh(100%, calc(100% - 28px))
+  padding 0 5px
+  overflow-y auto
+  _fj(row,flex-start)
+  flex-wrap wrap
+.pop_item
+    _wh(calc(50% - 2.5px), 30px)
+    _fj(row,flex-start)
+    background-color rgba(50,197,255,50%)
+    border-left 3px solid #fdfd0f
+    margin-bottom 5px
+    padding 0 5px
+    &:nth-child(2n+2)
+        width calc(50% - 2.5px)
+        margin-left 5px
+.pop_label
+    width 100px
+    _font(12px, 24px, #fff,,left)
+.pop_val
+    width calc(100% - 100px)
+    _font(13px, 24px, #0ff,,left)
+    white-space nowrap
+.pop_val_s
+    width calc(100% - 118px)
+.pop_unit
+    width 18px
+    _font(13px, 24px, #fff,,right)
+    overflow hidden
+.icon-guanbi
+    position absolute
+    top 8px
+    right 9px
+    _wh(30px, 22px)
+    _font(15px, 22px, #fff,,center)
+    background-color #0a3679