init
This commit is contained in:
13
src/style/iconfont.styl
Normal file
13
src/style/iconfont.styl
Normal file
@@ -0,0 +1,13 @@
|
||||
.dropdown_icon::before
|
||||
position absolute
|
||||
right 0
|
||||
top 0
|
||||
content: '\e626'
|
||||
.radio__icon--disabled .icon::before
|
||||
content '\e608'
|
||||
.radio__icon--checked .icon::before
|
||||
content '\e608'
|
||||
.close_icon::before
|
||||
content '\e60f'
|
||||
.selected_icon::before
|
||||
content '\e608'
|
||||
BIN
src/style/iconfont/iconfont.eot
Normal file
BIN
src/style/iconfont/iconfont.eot
Normal file
Binary file not shown.
38
src/style/iconfont/iconfont.svg
Normal file
38
src/style/iconfont/iconfont.svg
Normal file
@@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<!--
|
||||
2013-9-30: Created.
|
||||
-->
|
||||
<svg>
|
||||
<metadata>
|
||||
Created by iconfont
|
||||
</metadata>
|
||||
<defs>
|
||||
|
||||
<font id="iconfont" horiz-adv-x="1024" >
|
||||
<font-face
|
||||
font-family="iconfont"
|
||||
font-weight="500"
|
||||
font-stretch="normal"
|
||||
units-per-em="1024"
|
||||
ascent="896"
|
||||
descent="-128"
|
||||
/>
|
||||
<missing-glyph />
|
||||
|
||||
<glyph glyph-name="htmal5icon03" unicode="" d="M510.182608 133.60209 71.456449 634.739694 952.544575 634.739694Z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="guanbi" unicode="" d="M863.576287 687.066457 426.318572 222.470093 128.084167 431.219441 64.132646 399.253402 447.865307 47.505199 959.52557 687.066457Z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="no-signal" unicode="" d="M381.7 451.7l-25.4 43.9c-57.6-22-109.3-55.9-152.2-98.6l34.1-36.6c0.2 0.2 0.5 0.5 0.7 0.8 35.5 35.5 76.8 63.3 122.7 82.7 6.8 2.8 13.4 5.4 20.1 7.8zM248.4 682.6c-71-31.6-135.4-75.5-190.3-129.1l34.1-36.5c26 25.4 54.3 48.6 84.3 68.8 30.6 20.7 63.2 38.5 97 53.2l-25.1 43.6zM466.1 305.5c-45.2-9.5-85.3-32.7-115.8-65.1l34.2-36.6c1.9 2.1 3.8 4.1 5.8 6.1 27.9 27.9 63.8 45.1 102.5 49.3l-26.7 46.3zM512 738.3c-39.8 0-78.7-3.6-116.5-10.4l26.7-46.2c29.5 4.4 59.5 6.6 89.8 6.6 81 0 159.6-15.9 233.5-47.1 35.5-15 69.8-33.6 101.9-55.3 30-20.3 58.4-43.4 84.3-68.8l34.1 36.6c-117.1 114.1-277.2 184.6-453.8 184.6zM472 79.7c0-22.091 17.909-40 40-40 22.091 0 40 17.909 40 40 0 22.091-17.909 40-40 40-22.091 0-40-17.909-40-40zM542.6 473.1c41.3-3.2 81.5-13 119.7-29.1 46-19.4 87.2-47.3 122.7-82.7 0.2-0.2 0.5-0.5 0.7-0.8l34.1 36.6c-78.6 78.3-187 126.9-306.8 127.2l29.6-51.2zM675.338 43.108l-430 744.76 43.3 25 430-744.76z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="guanbi1" unicode="" d="M570 385.2l254.9 255.1c16.4 16.5 16.4 43 0 59.5s-43 16.5-59.5 0L510.5 444.7 255.8 699.8c-16.4 16.5-43 16.5-59.5 0-16.4-16.5-16.4-43 0-59.5l254.9-255.1-254.9-255c-16.4-16.5-16.4-43 0-59.5 8.1-8.2 18.9-12.4 29.7-12.4s21.5 4.1 29.7 12.4l254.7 255 254.8-255c8.1-8.2 19-12.4 29.7-12.4 10.8 0 21.5 4.1 29.6 12.4 16.4 16.5 16.4 43 0 59.5L570 385.2z m0 0" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
|
||||
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
BIN
src/style/iconfont/iconfont.ttf
Normal file
BIN
src/style/iconfont/iconfont.ttf
Normal file
Binary file not shown.
BIN
src/style/iconfont/iconfont.woff
Normal file
BIN
src/style/iconfont/iconfont.woff
Normal file
Binary file not shown.
BIN
src/style/iconfont/iconfont.woff2
Normal file
BIN
src/style/iconfont/iconfont.woff2
Normal file
Binary file not shown.
215
src/style/layout.styl
Normal file
215
src/style/layout.styl
Normal file
@@ -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
|
||||
141
src/style/reset.css
Normal file
141
src/style/reset.css
Normal file
@@ -0,0 +1,141 @@
|
||||
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, button {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-size: 0.16rem;
|
||||
line-height: inherit;
|
||||
color: #ffffff;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
html,body {
|
||||
-webkit-text-size-adjust: none;
|
||||
/* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
|
||||
background: linear-gradient(#090b3c, #151951);
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
/* background: #fff center center / 100% 100% url(../images/bg.png) no-repeat; */
|
||||
}
|
||||
|
||||
div, input, button {
|
||||
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;
|
||||
}
|
||||
|
||||
.mgb40 {
|
||||
margin-bottom: .4rem !important;
|
||||
}
|
||||
|
||||
.mgr5 {
|
||||
margin-right: .05rem !important;
|
||||
}
|
||||
|
||||
.mgr54 {
|
||||
margin-right: .54rem !important;
|
||||
}
|
||||
|
||||
.mgt10 {
|
||||
margin-top: .1rem !important;
|
||||
}
|
||||
|
||||
.mgl10 {
|
||||
margin-left: .1rem !important;
|
||||
}
|
||||
Reference in New Issue
Block a user