init

src/style/layout.styl

@@ -0,0 +1,215 @@
+@import 'iconfont.styl';
+@font-face
+  font-family 'iconfont';
+  src url('iconfont/iconfont.eot');
+  src url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
+      url('iconfont/iconfont.woff2') format('woff2'),
+      url('iconfont/iconfont.woff') format('woff'),
+      url('iconfont/iconfont.ttf') format('truetype'),
+      url('iconfont/iconfont.svg#iconfont') format('svg');
+
+/**日历*/
+[class*=" el-icon-"], [class^=el-icon-]
+  color #c0c4cc
+.el-date-editor--daterange.el-input__inner
+  width 2.45rem
+.el-input__inner
+  height .3rem
+  line-height .3rem
+.el-date-range-picker__header div
+  color #606266
+.el-date-table td span
+  color #606266
+.el-date-editor .el-range__icon,.el-date-editor .el-range-separator
+  line-height 22px
+.el-date-editor .el-range__close-icon
+  line-height 24px
+.el-date-range-picker
+  width 5.5rem
+.el-date-table td span
+  width .2rem
+  height .2rem
+  line-height .2rem
+  font-size .14rem
+.el-date-table td div
+  height .24rem
+.el-date-table td
+  padding 0
+  height .28rem
+.el-date-range-picker__content
+  padding .06rem
+
+/**icon*/  
+.iconfont
+  font-family "iconfont" !important
+  font-size .16rem
+  font-style normal
+  -webkit-font-smoothing antialiased
+  -moz-osx-font-smoothing grayscale
+.close_icon
+  position absolute
+  right .05rem
+  top .08rem
+  color #C0C4CC
+  font-size .14rem
+.select_icon
+  width .2rem
+  height .2rem
+  line-height .2rem
+  text-align center
+  border-radius 100%
+  overflow hidden
+.select_square_icon
+  border-radius 3px
+.selected_icon
+  background-color #1989fa
+  color #fff
+.unselect_icon
+  background-color #c0c4cc
+.radio_icon
+  display inline-block
+  width .16rem
+  height .16rem
+  border-radius 100%
+  color #fff
+  vertical-align middle
+.radio_selected_icon
+  border .05rem solid #1989fa
+  background-color #fff
+.radio_unselect_icon
+  border 1px solid #1989fa
+  background-color #fff
+.button--primary
+  min-width .6rem
+  height .3rem
+  line-height .3rem
+  font-size .15rem
+  color #ffffff
+  background-color #286666
+  padding 0 .1rem
+  border-radius 5px
+.button--defalut
+  color #606266
+  border 1px solid #dcdfe6
+  background-color #fff
+
+/**header*/
+header
+  height .6rem
+  padding 0 .05rem
+  border-bottom .02rem solid #15347b
+  box-shadow 0 1px 2px rgba(228, 243, 244, 0.5)
+.header-tip
+  line-height .6rem
+  font-size .2rem
+.header-btn
+  margin-top .15rem
+
+/**nav*/
+.tabs
+  width 100%
+  font-size .18rem
+  line-height .4rem
+  height .4rem
+  li
+    float left
+    width 1rem
+    text-align center
+    a
+      display inline-block
+      color #fff
+      width 100%
+    .router-link-active
+      border-bottom 1px solid #15347b
+      box-shadow 0 2px 0 rgba(228, 243, 244, 0.5)
+
+/**content*/
+.wrap
+  width 100%
+  padding .05rem
+.wrap-filter
+  width 100%
+  height .5rem
+.filter-table
+  width 100%
+  border 1px solid #fff
+  margin .1rem 0
+  text-align center
+  th,td
+    line-height .18rem
+    font-size .13rem
+    padding .05rem .01rem
+    border 1px solid #fff
+.input
+  width 1.8rem
+  height .3rem
+  line-height .3rem
+  font-size .13rem
+  color #606266
+  text-indent .05rem
+.message-box__wrapper
+  position fixed
+  top 0
+  bottom 0
+  left 0
+  right 0
+  text-align center
+  background rgba(0,0,0,.5)
+.message-box__wrapper::after
+  content ""
+  display inline-block
+  height 100%
+  width 0
+  vertical-align middle
+  z-index 100
+.message-box
+  display inline-block
+  width 4.2rem
+  padding-bottom .1rem
+  vertical-align middle
+  background-color #fff
+  border-radius 4px
+  border 1px solid #ebeef5
+  font-size .18rem
+  box-shadow 0 2px 12px 0 rgba(0,0,0,.1)
+  text-align left
+  overflow hidden
+  backface-visibility hidden
+.message-box__content
+  position relative
+  padding .1rem .15rem
+  color #606266
+  font-size .14rem
+.message-box__btns
+  padding .05rem .15rem 0
+  text-align right
+.message-box__message p
+  color #303133
+  line-height .3rem
+.message-box__input
+    padding .15rem 0
+    margin-top .1rem
+    line-height .3rem
+    color #606266
+    border-top 1px solid #e1e1e1
+    border-bottom 1px solid #e1e1e1
+.message-box__input .input-cus
+  border 1px solid #dcdfe6
+  padding-right .2rem
+.keyValue
+  position relative 
+input::-webkit-input-placeholder
+  color #C0C4CC
+.input-cus-wrap
+  position relative
+  display inline-block
+.radio_dot_icon
+  width 5px
+.modal-radios
+  width 90%
+  margin .15rem auto 0
+.modal-radio
+  display inline-block
+  line-height .16rem
+  color #606266
+  font-size .13rem