root/pad-njyf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
xiangxy
2022-08-08 14:08:59 +08:00
commit 6372d7b844
81 changed files with 14579 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

377
src/style/common.styl Normal file
View File

@@ -0,0 +1,377 @@
@import 'mixin.styl'
@import 'iconfont.styl'
@import 'mixin.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
line-height .3rem
.iconfont
font-family "iconfont" !important
font-size .16rem
font-style normal
-webkit-font-smoothing antialiased
-moz-osx-font-smoothing grayscale
[class*="_icon"]
background none
/** 任务页面 */
.container
width 100%
height calc(100% - .4rem)
overflow hidden
.left_block
width 15%
height 100%
overflow hidden
background-color #f7f7f7
border-right 2px solid #e5e5e5
.left_block_wrapper
_wh(100%, 100%)
.item_block
_fj(center,)
width 95%
height .7rem
border-bottom .02rem solid #e5e5e5
margin 0 auto
padding 0 20%
&:hover
background-color #eaeaea
p
text-align center
font-size .2rem
color #444
.item_block_focus
background-color #e1e1e1
.right_block
width 85%
height 100%
overflow hidden
.blue
background-color $blue
.green
background-color $green
.orange
background-color orange
.locate_block
width 100%
height calc(100% - 1.4rem)
padding .1rem .2rem
overflow hidden
.locate_block_wrapper
_wh(100%, 100%)
ul
width 100%
overflow auto
.item_locate
float left
width 23%
height .7rem
padding .05rem 0
margin 0 1% .15rem 1%
line-height .6rem
text-align center
overflow hidden
_fj(center)
padding 0 .1rem
p
_font(.13rem,.2rem,#fff,,center)
word-wrap break-word
.bottom_block
_fj()
width 100%
height 1.4rem
padding 0 .2rem
border-top 2px solid #e5e5e5
.radio_wrapper
width 20%
.dot_item
width 30%
height 1.2rem
background-color #e5e5e5
margin 0 .2rem
overflow hidden
.p1
display block
line-height .4rem
height .4rem
border-bottom .01rem solid #fff
font-size .2rem
text-align center
overflow hidden
.p2
display block
_fj(center)
height .8rem
line-height .2rem
font-size .16rem
padding 0 .01rem
text-align center
overflow hidden
word-wrap break-word
.btn_block
width 20%
height 100%
_fj(center,flex-end)
flex-direction column
.nl_button
_wh(100%, .5rem)
_font(.2rem,.5rem,#fff,,center)
border-radius 5px
background-color $red
.button_primary
color #fff
background-color $blue
.button_disabled
color #fff
background-color #c8c9cc
border-color #c8c9cc
.mgb20
margin-bottom .1rem
button:disabled
color #fff
background-color #c8c9cc
border-color #c8c9cc
cursor not-allowed
/**弹窗*/
.msg_wrapper
position fixed
top 0
bottom 0
left 0
right 0
text-align center
z-index 100
&::after
content ""
display inline-block
height 100%
width 0
vertical-align middle
.msg_box
display inline-block
width 420px
padding 25px
vertical-align middle
background-color #fff
border-radius 4px
border 1px solid #ebeef5
font-size 18px
box-shadow 0 2px 12px 0 rgb(0 0 0 / 10%)
text-align left
overflow hidden
backface-visibility hidden
.mask
position fixed
top 0
left 0
width 100%
height 100%
opacity .2
background #000
z-index 99
.msg_item
height 50px
line-height 50px
p
_font(16px,inherit,#464646,,)
.msg_btns
height 35px
line-height 35px
width 300px
margin 25px auto 0
_fj()
.msg_btn
width 80px
height 35px
line-height 35px
font-size 14px
color #fff
background-color #d7592f
border-radius 5px
text-align center
/**单选框*/
.el-radio
display block
margin .1rem 0
height .4rem
line-height .4rem
.el-radio__inner
_wh(.2rem, .2rem)
border 1px solid $blue
&:after
_wh(.1rem,.1rem)
.el-radio__input
vertical-align sub
.el-radio__input.is-checked .el-radio__inner
border-color #f4a540
background #f4a540
.el-radio__input.is-checked+.el-radio__label
color #f4a540
.el-radio__label
font-size .2rem
.inner-wrap
height 100%
background-color #F5F5F5
.wrap
width 8rem
padding .9rem .05rem .05rem .05rem
.wrap_ex
padding-top .44rem
.wrap-filter-button
width 100%
padding .1rem .2rem
margin .1rem auto
border-radius .1rem
background-color #fff
.wrap-filter
padding-bottom .1rem
.filter_item
width 50%
padding 0 .2rem
margin .1rem 0 0 0
.filter_input
width 100%
display flex
justify-content space-between
.filter-label
color #464646
width .6rem
line-height .3rem
height .3rem
text-align justify
text-align-last justify
&::after
position absolute
top .3rem
left 0
display inline-block
content ''
overflow hidden
width .5rem
height 0
.wrap-button
margin .1rem auto
padding 0 .2rem
text-align right
.filter-table
width 100%
margin .2rem 0
border-collapse separate
border-spacing 0
border: 1px#e1e1e1
text-align center
th,td
color #464646
background-color #fff
border-right 1px solid #e1e1e1
border-bottom 1px solid #e1e1e1
&::first-child
border-left 1px solid #e1e1e1
.filter-table th
font-size .13rem
line-height .3rem
padding 0 .01rem
background-color #e1e1e1
.filter-table td
height 0.3rem
line-height .18rem
font-size .12rem
padding .01rem
.filter-table tr:first-child th:first-child
border-top-left-radius .1rem
.filter-table tr:first-child th:last-child
border-top-right-radius .1rem
.filter-table tr:last-child td:first-child
border-bottom-left-radius .1rem
.filter-table tr:last-child td:last-child
border-bottom-right-radius .1rem
.radio__icon
display inline-block
vertical-align middle
width .2rem
line-height .2rem
height .2rem
.radio__icon--square
border-radius 3px
border 1px solid #e5e5e5
background-color #e5e5e5
.radio__icon--round
border 1px solid #e5e5e5
background-color transparent
border-radius 100%
.radio__icon--disabled
border 1px solid #c0c4cc
background-color #c0c4cc
.icon
color #c0c4cc
&::before
content '\e608'
.radio__icon--checked
border-color #D7592F
background-color #D7592F
.icon
color #fff
&::before
content '\e608'
.input
display inline-block
// width calc(100% - .8rem)
width 100%
height .3rem
line-height .3rem
font-size .13rem
color #606266
text-indent .05rem
background-color #fff
border 1px solid #D1D1D1
border-radius 4px
.button--primary
min-width .6rem
height .3rem
line-height .3rem
font-size .15rem
color #ffffff
background-color #D7592F
padding 0 .1rem
border-radius 5px
.iliblock
flex 1
margin-left .2rem
position relative
.login_icon
position absolute
top .12rem
right .1rem
color #BBBBBB
.top_header
position fixed
top 0
width 100%
border-bottom 1px solid #E1E1E1
z-index 1000
header
position relative
height .4rem
line-height .4rem
background-color #D7592F
padding 0 .15rem
box-sizing border-box
.header-title
width 3rem
font-size .16rem
padding-left .1rem
overflow hidden
.header-title_ex
padding-left 0
.header-name
width auto

21
src/style/iconfont.styl Normal file
View File

@@ -0,0 +1,21 @@
.delete_icon
&::before
content: '\e632'
.eye_open_icon
&::before
content: '\e60a'
.eye_colse_icon
&::before
content: '\e7b2'
.back_icon
&::before
content: '\e644'
.dropdown_icon
&::before
content: '\e62b'
.dropdown_icon_2
&::before
content:'\e62b'
.select_icon
&::before
content '\e608'

BIN
src/style/iconfont/iconfont.eot Normal file
View File

Binary file not shown.

50
src/style/iconfont/iconfont.svg Normal file
View File

@@ -0,0 +1,50 @@
<?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="back" unicode="&#58948;" d="M899.818723 340.907553 382.719588 340.907553c-23.796986 0-43.091424 19.294438-43.091424 43.091424 0 23.799032 19.294438 43.091424 43.091424 43.091424l517.099135 0c23.799032 0 43.091424-19.292392 43.091424-43.091424C942.910147 360.201991 923.617755 340.907553 899.818723 340.907553zM185.058786 383.998977l335.979054-335.979054c16.827247-16.827247 16.827247-44.110637 0-60.939931-16.827247-16.829294-44.110637-16.829294-60.939931 0L93.700055 353.477846c-8.428973 8.426927-12.623505 19.47761-12.611226 30.524201-0.013303 11.044544 4.182252 22.095227 12.611226 30.522154L460.096886 780.920008c16.829294 16.829294 44.112684 16.829294 60.939931 0 16.827247-16.827247 16.827247-44.112684 0-60.939931L185.058786 383.998977z" horiz-adv-x="1024" />
<glyph glyph-name="guanbi" unicode="&#58888;" 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="attentionforbid" unicode="&#59314;" d="M605.376 405.472l61.696-59.04C670.016 358.56 672 371.008 672 384c0 88.224-71.776 160-160 160-15.424 0-30.016-2.88-44.16-6.976l61.44-58.784C566.944 471.36 596.832 442.528 605.376 405.472zM556.256 231.008l-61.376 58.752c-37.792 6.848-67.84 35.744-76.32 72.96l-61.632 58.944C353.984 409.504 352 397.024 352 384c0-88.224 71.776-160 160-160C527.456 224 542.08 226.912 556.256 231.008zM178.944 759.136C166.144 771.328 145.888 770.88 133.696 758.112 121.472 745.344 121.92 725.088 134.688 712.864l736-704C876.896 2.944 884.832 0 892.8 0c8.448 0 16.832 3.328 23.136 9.888 12.224 12.768 11.744 33.024-0.992 45.248L178.944 759.136zM512 96c-169.28 0-335.328 113.568-414.88 283.936-0.16 0.608-0.352 1.152-0.544 1.728-0.064 0.544-0.224 0.992-0.288 1.312C96.256 383.328 96 383.776 96 384.224L96 384.64c0 0.736 0.448 1.472 0.544 2.208 0.128 0.448 0.352 0.832 0.48 1.28 29.728 64.128 72 120.256 122.144 165.312L172.864 597.696c-55.488-50.656-102.08-113.152-134.624-184.256-1.056-2.112-1.792-4.096-2.272-5.888-0.256-0.544-0.448-1.056-0.64-1.6-1.76-5.056-1.76-8.48-1.632-7.712-0.8-3.744-1.6-11.2-1.6-11.2-0.224-2.24-0.192-4.032 0.064-6.272 0 0 0.704-13.472 1.056-14.816l4.544-13.632C126.4 158.656 316.992 30.24 512 30.24c69.824 0 138.976 17.792 203.104 47.936l-49.856 48.576C616.128 106.88 564.224 96 512 96zM992 383.904c0 5.792-0.992 10.592-1.28 11.136-0.192 2.912-1.152 8.096-2.08 10.816-0.256 0.672-0.544 1.376-0.832 2.08-0.48 1.568-1.024 3.104-1.6 4.32C897.664 605.92 707.104 736 512 736c-69.76 0-138.88-16.864-203.008-47.072l49.856-47.648C407.968 661.12 459.808 672 512 672c169.76 0 336.192-114.048 414.752-283.68 0.096-0.32 0.16-0.608 0.256-0.8 0.064-0.288 0.16-0.608 0.256-0.864 0.16-1.28 0.32-2.496 0.48-3.168-0.16-0.672-0.256-1.28-0.384-1.952-0.032-0.16-0.096-0.32-0.128-0.48-0.128-0.416-0.288-0.864-0.416-1.376-29.696-64-71.872-120.032-121.952-165.056l46.336-44.32c55.328 50.496 101.728 112.672 134.016 183.36 1.376 2.496 2.24 4.832 2.848 6.912 0.256 0.608 0.48 1.184 0.672 1.76 1.536 4.48 1.856 8.352 1.728 8.352 0 0 0-0.032-0.032-0.032C991.04 373.728 992 378.336 992 383.904z" horiz-adv-x="1024" />
<glyph glyph-name="attention" unicode="&#58890;" d="M992 383.904c0 5.76-0.992 10.592-1.28 11.136-0.192 2.88-1.152 8.064-2.08 10.816-0.256 0.672-0.544 1.376-0.832 2.08-0.48 1.568-1.024 3.104-1.6 4.32C897.664 605.888 707.104 736 512 736 316.928 736 126.368 605.984 38.24 413.408c-1.056-2.112-1.792-4.096-2.272-5.856-0.224-0.544-0.448-1.088-0.64-1.6-1.76-5.088-1.792-8.64-1.632-7.744-0.832-3.744-1.568-11.168-1.568-11.168-0.224-2.272-0.224-4.032 0.032-6.304 0 0 0.736-6.464 1.088-7.808 0.128-1.824 0.576-4.512 1.12-6.976l-0.032 0c0.448-2.08 1.12-4.096 1.984-6.08 0.48-1.536 0.992-2.976 1.472-4.032C126.432 162.144 316.992 32 512 32c195.136 0 385.696 130.048 473.216 321.696 1.376 2.496 2.24 4.832 2.848 6.912 0.256 0.608 0.48 1.184 0.672 1.728 1.536 4.48 1.856 8.32 1.728 8.32 0 0 0 0-0.032-0.032C991.04 373.728 992 378.368 992 383.904zM927.328 381.536c-0.032-0.16-0.096-0.32-0.128-0.48-0.128-0.416-0.288-0.864-0.416-1.376C848.032 209.92 681.696 96 512 96c-169.28 0-335.328 113.568-414.88 283.968-0.16 0.576-0.32 1.152-0.512 1.696-0.064 0.544-0.16 1.024-0.192 1.344-0.064 0.352-0.128 0.8-0.192 1.248l0.032 0.416c0.16 0.704 0.288 1.44 0.384 2.208 0.128 0.416 0.256 0.832 0.384 1.28C175.84 558.016 342.304 672 512 672c169.76 0 336.192-114.08 414.752-283.68 0.096-0.32 0.16-0.608 0.256-0.832 0.064-0.288 0.16-0.576 0.256-0.864 0.16-1.28 0.32-2.528 0.48-3.168C927.552 382.816 927.456 382.176 927.328 381.536zM512 544c-88.224 0-160-71.776-160-160s71.776-160 160-160 160 71.776 160 160S600.224 544 512 544zM512 288c-52.928 0-96 43.072-96 96s43.072 96 96 96 96-43.072 96-96S564.928 288 512 288z" horiz-adv-x="1024" />
<glyph glyph-name="xiala" unicode="&#58923;" d="M513.575051 101.473393a43.328357 43.328357 0 0 0-30.944698 12.997785L13.604685 592.600353a43.350032 43.350032 0 0 0 61.89662 60.711719L513.575051 206.734495l438.080971 446.584802a43.350032 43.350032 0 0 0 61.889395-60.711719L544.519749 114.471178a43.357257 43.357257 0 0 0-30.944698-12.997785z" horiz-adv-x="1025" />
<glyph glyph-name="no-signal" unicode="&#59243;" 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="erweima" unicode="&#58887;" d="M178.3 355.1v60.3H118v-60.3h60.3z m20-284.1h121.3V193.6H198.3V71z m343.1 545.2h-60.7v-60.1h60.7v60.1z m-221.7 81.1H198.3v-122.6h121.3V697.3z m362.4-423.4h-60.2v-60.1h181v60.1h-60v60.9h-60.7v-60.9zM541.4 778.2h-60.7V657h60.7V778.2z m-0.3-463.9h60.7v59.8h60.4v61.4h-60.7v-60.4h-60.4v-60.8z m201.8-201.5V173h-60.7v-60.1h60.7z m60.4 282.4h-60.7v-60.1h60.7v60.1zM420.1 797.8H97.7V476h322.4V797.8zM380.2 516H138.3V757.2h241.9V516z m463.1-160.8H904v58.9h-60.7v-58.9z m0-302.5h-40v59.8h-60.7v-59.8h-60.5v-61.4H904v59.2h0.1V173.6h-60.7v-120.9z m0 161.5H904v60.1h-60.7v-60.1z m-19.9 483.1H702v-122.6h121.3V697.3zM601.7 797.8V476h322.4V797.8H601.7zM883.6 516H641.7V757.2h241.9V516zM541.4 173.9h60.4v58.9h-60.4v81.4h-60.7v-321.4h60.4v-0.8h60.7v60.1h-60.4V173.9zM238.9 354.4h201.7v61H238.9v-61z m302.5 161.3h-61v-60.1h61v60.1zM601.5 53h60.7v60.1h-60.7V53zM97.6-28.1H420V293.7H97.6v-321.8z m40.7 281.2h241.9v-241.2H138.3V253.1z" horiz-adv-x="1024" />
<glyph glyph-name="shanchu" unicode="&#58930;" d="M789.8 613.7l-13.9 13.9c-3.8 3.9-8.8 5.8-13.9 5.8-5 0-10.1-1.9-13.9-5.8L511.3 390.9 274.6 627.6c-3.8 3.9-8.9 5.8-13.9 5.8s-10.1-1.9-13.9-5.8l-13.9-13.9c-7.6-7.7-7.6-20.2 0-27.9l236.7-236.7-222.9-222.7c-7.7-7.7-7.7-20.2 0-27.9l13.9-13.9c3.9-3.9 8.9-5.8 13.9-5.8s10.1 1.9 13.9 5.8l222.8 222.8L734 84.60000000000002c3.8-3.9 8.9-5.8 13.9-5.8 5.1 0 10.1 1.9 13.9 5.8l13.9 13.9c7.7 7.7 7.7 20.2 0 27.9L553.1 349.20000000000005l236.7 236.7c7.7 7.7 7.7 20.2 0 27.8z" horiz-adv-x="1024" />
</font>
</defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
src/style/iconfont/iconfont.ttf Normal file
View File

Binary file not shown.

BIN
src/style/iconfont/iconfont.woff Normal file
View File

Binary file not shown.

BIN
src/style/iconfont/iconfont.woff2 Normal file
View File

Binary file not shown.

628
src/style/layout.styl Normal file
View File

@@ -0,0 +1,628 @@
@import 'mixin.styl'
@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
line-height .3rem
.el-date-editor.el-input
width calc(100% - .8rem)
.el-input
font-size .13rem
.el-date-editor--daterange.el-input__inner
width calc(100% - 0.8rem)
padding .03rem .1rem
vertical-align top
.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
font-size .14rem
line-height .22rem
.el-date-editor .el-range__close-icon
line-height .22rem
font-size .14rem
.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
.el-date-picker__header-label
font-size .16rem
line-height .22rem
.el-date-editor .el-range-input
font-size .14rem
line-height .22rem
.el-date-range-picker__content .el-date-range-picker__header div
margin-left: .5rem
margin-right: .5rem
.el-date-range-picker__header div
font-size .16rem
.iconfont
font-family "iconfont" !important
font-size .16rem
font-style normal
-webkit-font-smoothing antialiased
-moz-osx-font-smoothing grayscale
[class*="_icon"]
background none
.button--primary
min-width .6rem
height .3rem
line-height .3rem
font-size .15rem
color #ffffff
background-color #D7592F
padding 0 .1rem
border-radius 5px
.button--defalut
color #606266
border 1px solid #dcdfe6
background-color #fff
.button--cancle
color #D7592F
background-color #fff
.top_header
position fixed
top 0
width 100%
border-bottom 1px solid #E1E1E1
z-index 1000
header
position relative
height .4rem
line-height .4rem
background-color #D7592F
padding 0 .15rem
box-sizing border-box
.header-title
width 3rem
font-size .16rem
padding-left .1rem
overflow hidden
.header-title_ex
padding-left 0
.header-name
width auto
.top-left
text-align center
position relative
ul
width 1.8rem
position absolute
background #d7592f
left 0
top .45rem
border-radius 2px
box-shadow 1px 2px 3px rgba(228,243,244,0.5)
overflow hidden
li
line-height .36rem
font-size .15rem
border-bottom 1px solid #e1e1e1
&:nth-of-type(2)
border none
text-align center
.home-items
display flex
align-items center
padding 0 5%
height 100%
li
float left
text-align center
width 33.333333%
img
width 80%
height 80%
p
line-height .34rem
color #464646
.drift
transition height .3s linear
.date-box
width 2.3rem
text-align left
overflow hidden
.date-box_time
position absolute
width 2.3rem
height .44rem
overflow hidden
right 0
.tabs
width 100%
font-size .18rem
line-height .4rem
height .4rem
background-color #f5f5f5
li
float left
width 1rem
line-height .4rem
text-align center
a
display inline-block
line-height .4rem
color #323232
width 100%
.router-link-active
border-bottom 1px solid #D7592F
.inner-wrap
height 100%
background-color #F5F5F5
.wrap
width 8rem
padding .9rem .05rem .05rem .05rem
.wrap_ex
padding-top .44rem
.wrap-filter-button
width 100%
padding .1rem .2rem
margin .1rem auto
border-radius .1rem
background-color #fff
.wrap-filter
padding-bottom .1rem
.filter_item
width 50%
padding 0 .2rem
margin .1rem 0 0 0
.filter_input
width 100%
display flex
justify-content space-between
.filter-label
color #464646
width .6rem
line-height .3rem
height .3rem
text-align justify
text-align-last justify
&::after
position absolute
top .3rem
left 0
display inline-block
content ''
overflow hidden
width .5rem
height 0
.wrap-button
margin .1rem auto
padding 0 .2rem
text-align right
.filter-table
width 100%
margin .2rem 0
border-collapse separate
border-spacing 0
border: 1px#e1e1e1
text-align center
th,td
color #464646
background-color #fff
border-right 1px solid #e1e1e1
border-bottom 1px solid #e1e1e1
&::first-child
border-left 1px solid #e1e1e1
.filter-table th
font-size .13rem
line-height .3rem
padding 0 .01rem
background-color #e1e1e1
.filter-table td
height 0.3rem
line-height .18rem
font-size .12rem
padding .01rem
.filter-table tr:first-child th:first-child
border-top-left-radius .1rem
.filter-table tr:first-child th:last-child
border-top-right-radius .1rem
.filter-table tr:last-child td:first-child
border-bottom-left-radius .1rem
.filter-table tr:last-child td:last-child
border-bottom-right-radius .1rem
.radio__icon
display inline-block
vertical-align middle
width .2rem
line-height .2rem
height .2rem
.radio__icon--square
border-radius 3px
border 1px solid #e5e5e5
background-color #e5e5e5
.radio__icon--round
border 1px solid #e5e5e5
background-color transparent
border-radius 100%
.radio__icon--disabled
border 1px solid #c0c4cc
background-color #c0c4cc
.icon
color #c0c4cc
&::before
content '\e608'
.radio__icon--checked
border-color #D7592F
background-color #D7592F
.icon
color #fff
&::before
content '\e608'
.input
display inline-block
// width calc(100% - .8rem)
width 100%
height .3rem
line-height .3rem
font-size .13rem
color #606266
text-indent .05rem
background-color #fff
border 1px solid #D1D1D1
border-radius 4px
.select
position relative
display inline-block
width calc(100% - .8rem)
height .3rem
font-size .13rem
color #606266
line-height .3rem
background-color #fff
border 1px solid #D1D1D1
border-radius 4px
vertical-align top
option
line-height .3rem
.select-wrap
position relative
display inline-block
width calc(100% - .8rem)
vertical-align top
.input
width 100%
.select-option
position absolute
max-height 3.32rem
overflow-y auto
top calc(.3rem + 8px)
left 0
width 100%
z-index 100
background-color #ffffff
border 1px solid #d1d1d1
border-radius 4px
box-shadow 0 2px 12px 0 rgba(0,0,0,.1)
li
width 100%
line-height .3rem
height .3rem
overflow hidden
font-size .13rem
color #606266
padding 0 .05rem
user-select none
&:hover
background #f5f5f5
.fontRed
color #D7592F
.dropdown_icon_2
position: absolute
top .08rem
right 0.15rem
color #bbb
width .14rem
font-size .14rem
line-height .14rem
transition transform .3s
.message-box__wrapper
position fixed
top 0
bottom 0
left 0
right 0
z-index 2000
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.9rem
padding-bottom 10px
vertical-align middle
background-color #fff
border-radius 4px
border 1px solid #ebeef5
font-size 18px
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 10px 15px
color #606266
font-size 14px
.message-box__btns
padding 5px 15px 0
text-align right
.message-box__message p
color #303133
line-height .3rem
border-bottom 1px solid #e1e1e1
.message-box__input
padding-top 15px
color #606266
.message-box__input .input-cus
border 1px solid #dcdfe6
padding-right .2rem
.keyValue
position relative
.close_icon
position absolute
right .05rem
top .075rem
color #C0C4CC
font-size .14rem
&::before
content '\e66d'
.input-cus-wrap
position relative
display inline-block
.close_icon
top .1rem
.dropdown_icon
position relative
display inline-block
left .07rem
font-size .18rem
color #ffffff
.login_icon
position absolute
top .12rem
right .1rem
color #BBBBBB
.back_icon
font-size .20rem
line-height .44rem
.delete_icon_2
position absolute
top .07rem
right .1rem
color #BBBBBB
.modal_item
width 3.5rem
margin 0 auto
.textarea
display inline-block
width calc(100% - 0.8rem)
line-height 0.3rem
border 1px solid #d1d1d1
border-radius 4px
vertical-align top
padding 0 .05rem
.input_disabled
background-color #e1e1e1
.select_icon
width .2rem
height .2rem
line-height .2rem
text-align center
border-radius 100%
overflow hidden
.selected_icon
background-color #d7592f
color #fff
.unselect_icon
background-color #c0c4cc
color #c0c4cc
/** 按钮 **/
.btn
min-width .6rem
height .4rem
// line-height .3rem
font-size .15rem
color #ffffff
background-color #D7592F
padding 0 .1rem
border-radius 5px
.btn-disabled
background-color: $gray
/** 提交栏 **/
.submit-bar
display flex
justify-content space-between
align-items center
position fixed
bottom 0
width 100%
background-color #fff
box-shadow 0 0 20px 0 rgba(160,160,160,0.9)
.submit-bt
flex 1
line-height .4rem
margin .15rem 0.3rem
.wrap2
width 100%
padding 0.05rem 0.05rem 0.05rem 0.05rem
// no
.fxrow
display: flex
justify-content: space-between
align-items: center
.fxcol
flex: 1
overflow hidden
// no
.fxc
display: inline-block;
width: calc(100% - 0.8rem);
height: 0.3rem;
line-height: 0.3rem;
font-size: 0.13rem;
color: #606266;
text-indent: 0.05rem;
background-color: #fff;
border: 1px solid #d1d1d1;
border-radius: 4px;
[class^="icon-"]
display: inline-block
height: inherit
.search-input
margin-right: .15rem
_font(.28rem,.53rem,#929292)
background: #ffffff
&:disabled
cursor: not-allowed
.iliblock
flex 1
margin-left .2rem
position relative
.filter-scan
display: block
_ct()
right .15rem
_wh(.22rem,.22rem)
.icon-scan
flex 0 0 .22rem
_bis('../images/saoma.png',.22rem)
.filter-scan-input
padding-right .5rem
border-bottom 1px solid #d7d7d7
.loading-tips
_font(.12rem,.23rem,#929292,,center)
margin-bottom .12rem
.pagination-wrapper
display flex
justify-content flex-end
align-items center
.pagination-wrapper .total
color: #464646
margin-right 0.5rem
.van-pagination__item
color #464646
.van-pagination__item--active
background-color #d7592f
color #fff
.van-pagination__next, .van-pagination__prev
padding: 0 20px
// 弹窗 + 选择器
.msg_wrapper
position fixed
top 0
bottom 0
left 0
right 0
text-align center
z-index 100
&::after
content ""
display inline-block
height 100%
width 0
vertical-align middle
.msg_box
display inline-block
width 420px
padding 25px
vertical-align middle
background-color #fff
border-radius 4px
border 1px solid #ebeef5
font-size 18px
box-shadow 0 2px 12px 0 rgb(0 0 0 / 10%)
text-align left
overflow hidden
backface-visibility hidden
.mask
position fixed
top 0
left 0
width 100%
height 100%
opacity .2
background #000
z-index 99
.msg_item
height 50px
line-height 50px
.label_item
display inline-block
width 90px
font-size 16px
line-height inherit
.from_item
display inline-block
width calc(100% - 100px)
line-height inherit
.from_item .el-select
width 100%
.from_item .el-input
font-size 14px
.from_item .el-input__inner
height 50px
line-height inherit
.el-select-dropdown__item span
font-size 14px !important
.el-select .el-input .el-select__caret
line-height 50px
.msg_btns
height 35px
line-height 35px
width 300px
margin 25px auto 0
_fj()
.msg_btn
width 80px
height 35px
line-height 35px
font-size 14px
color #fff
background-color #d7592f
border-radius 5px
text-align center
::-webkit-scrollbar
width 4px
::-webkit-scrollbar-track
background-color #fff
::-webkit-scrollbar-track-piece
background-color #e5e5e5
::-webkit-scrollbar-thumb
display block
width 4px
height 10px
margin 0 auto
cursor pointer
border-radius 2px
background-color #e1e1e1

39
src/style/mixin.styl Normal file
View File

@@ -0,0 +1,39 @@
$red = #e74f1a
$green = #6CBE8B
$yellow = #E9B451
$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%)

153
src/style/reset.css Normal file
View File

@@ -0,0 +1,153 @@
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.14rem;
line-height: inherit;
color: #464646;
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,body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: #ffffff;
background-color: #ffffff;
width: 100%;
max-width: 2000px;
height: 100%;
}
select, option, textarea {
appearance: none;
outline: none;
}
div, input, select, textarea, button, ul, li {
box-sizing: border-box;
}
input::-webkit-input-placeholder {
color: #C0C4CC;
}
.clearfix {
zoom: 1;
}
.userselect {
user-select: none;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fl {
float: left !important;
}
.fr {
float: right !important;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.mgb40 {
margin-bottom: .4rem !important;
}
.mgr5 {
margin-right: .05rem !important;
}
.mgt10 {
margin-top: .1rem !important;
}
.mgl10 {
margin-left: .1rem !important;
}