Skip to content

V
Vphoto
Commit 62430ca6 by 邓丽
Options

去除ul浮动

parent 3c168d6b
Showing with 59 additions and 37 deletions
dist/css/picture-live.min.css
@charset "UTF-8";*,:after,:before,legend{-webkit-box-sizing:border-box}a,body{color:#353535}.icon:before,a{text-decoration:none}.nav>li,.slider,nav #updateItem{text-align:center}#live_box .live_content,.dynamic-person:after,.dynamic-work .work:after,.nav:after,nav #updateItem{clear:both}.cover img,.poster div img{object-fit:cover}.cover img{width:100%;height:100%;object-position:center}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-size:14px;line-height:1.5;word-break:break-all;background:#f4f5f9}body,h1,h2,h3,h4,h5,h6,ol,p,ul{padding:0;margin:0;font-weight:lighter}a:active,a:hover{outline-width:0;cursor:pointer}div,footer,h1,h2,h3,h4,h5,h6,header,section,span{font-size:100%}ol,ul{list-style:none}textarea{resize:none;overflow:auto}button,input,select,textarea{outline:0;border:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.icon:before,em{font-style:normal}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}.hidden,[hidden],template{display:none}img{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:iconFont;src:url(../fonts/iconFont.eot);src:url(../fonts/iconFont.eot?#iefix) format('eot'),url(../fonts/iconFont.woff2) format('woff2'),url(../fonts/iconFont.woff) format('woff'),url(../fonts/iconFont.ttf) format('truetype'),url(../fonts/iconFont.svg#iconFont) format('svg')}.icon:before{font-family:iconFont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:400;text-transform:none}.icon-gray:before{content:"\E001"}.icon-icon_blacktel:before{content:"\E002"}.icon-icon_donwpic:before{content:"\E003"}.icon-icon_down:before{content:"\E004"}.icon-icon_eye:before{content:"\E005"}.icon-icon_livepic:before{content:"\E006"}.icon-icon_local:before{content:"\E007"}.icon-icon_more:before{content:"\E008"}.icon-icon_order:before{content:"\E009"}.icon-icon_pen:before{content:"\E00A"}.icon-icon_people:before{content:"\E00B"}.icon-icon_person:before{content:"\E00C"}.icon-icon_picture:before{content:"\E00D"}.icon-icon_redlocal:before{content:"\E00E"}.icon-icon_redphone:before{content:"\E00F"}.icon-icon_return:before{content:"\E010"}.icon-icon_reverse_order:before{content:"\E011"}.icon-icon_right:before{content:"\E012"}.icon-icon_shop:before{content:"\E013"}.icon-icon_tel:before{content:"\E014"}.icon-icon_tex:before{content:"\E015"}.icon-icon_time:before{content:"\E016"}.icon-icon_type:before{content:"\E017"}.icon-icon_up:before{content:"\E018"}.dynamic{background:#fff;margin-bottom:.53333333rem}.dynamic-person{display:block;padding:0 .8rem}.dynamic-person:after,.dynamic-person:before{content:' ';display:table}.dynamic-person .person-info{float:left;margin:.53333333rem 0}.dynamic-person .person-info .head,.dynamic-person .person-info .other{line-height:1;display:inline-block}.dynamic-person .person-info .head{width:2.66666667rem;height:2.66666667rem;border-radius:2.66666667rem;margin-right:.8rem}.dynamic-person .person-info .other{vertical-align:baseline}.dynamic-person .person-info .nickname{margin-bottom:.8rem;font-size:.8rem}.dynamic-person .person-info .date{color:#999;font-size:.58666667rem}.dynamic-detail,.dynamic-tag{font-size:.74666667rem}.dynamic-work{position:relative}.dynamic-work>a{display:block}.dynamic-work .work{line-height:0}.dynamic-work .work:after,.dynamic-work .work:before{content:' ';display:table}.dynamic-work .work-1 li{height:26.45333333rem}.dynamic-work .work-2 li{height:11.76rem}.dynamic-work .work-2 li:nth-child(1){margin-bottom:.21333333rem}.dynamic-work .work-3 li{float:left;width:9.89333333rem;height:9.89333333rem}.dynamic-work .work-3 li:nth-child(2){margin-right:.21333333rem}.dynamic-work .work-3 li:nth-child(1){width:100%;height:15.28rem;margin-bottom:.21333333rem;margin-right:0}.dynamic-work .work-4 li{float:left;margin-right:.26666667rem;width:6.48888889rem;height:6.48888889rem}.dynamic-work .work-4 li:nth-child(4){margin-right:0}.dynamic-work .work-4 li:nth-child(1){width:100%;height:15.28rem;margin-bottom:.21333333rem}.dynamic-work .work-5 li{float:left;width:9.89333333rem;height:9.89333333rem;margin-right:.21333333rem}.dynamic-work .work-5 li:nth-child(1){margin-right:.26666667rem;width:13.24444444rem;height:13.24444444rem;margin-bottom:.26666667rem}.dynamic-work .work-5 li:nth-child(2),.dynamic-work .work-5 li:nth-child(3){width:6.48888889rem;height:6.48888889rem;margin-bottom:.26666667rem;margin-right:0}.dynamic-work .work-5 li:nth-child(5){margin-right:0}.dynamic-work .work-6 li{float:left;width:6.48888889rem;height:6.48888889rem;margin-right:.26666667rem}.dynamic-work .work-6 li:nth-child(1){width:13.24444444rem;height:13.24444444rem;margin-bottom:.26666667rem}.dynamic-work .work-6 li:nth-child(2),.dynamic-work .work-6 li:nth-child(3){width:6.48888889rem;height:6.48888889rem;margin-bottom:.26666667rem;margin-right:0}.dynamic-work .work-6 li:nth-child(6){margin-right:0}.dynamic-work .work-7 li{float:left;margin-right:.26666667rem;margin-bottom:.21333333rem;width:6.48888889rem;height:6.48888889rem}.dynamic-work .work-7 li:nth-child(1){width:100%;height:15.29333333rem;margin-bottom:.21333333rem;margin-right:0}.dynamic-work .work-7 li:nth-child(4),.dynamic-work .work-7 li:nth-child(7){margin-right:0}.dynamic-work .work-7 li:nth-child(5),.dynamic-work .work-7 li:nth-child(6),.dynamic-work .work-7 li:nth-child(7){margin-bottom:0}.dynamic-work .work-8 li{float:left;width:6.48888889rem;height:6.48888889rem;margin-right:.26666667rem;margin-bottom:.21333333rem}.dynamic-work .work-8 li:nth-child(1),.dynamic-work .work-8 li:nth-child(2){width:9.89333333rem;height:9.89333333rem;margin-right:.21333333rem}.dynamic-work .work-8 li:nth-child(2),.dynamic-work .work-8 li:nth-child(5),.dynamic-work .work-8 li:nth-child(8){margin-right:0}.dynamic-work .work-8 li:nth-child(6),.dynamic-work .work-8 li:nth-child(7),.dynamic-work .work-8 li:nth-child(8){margin-bottom:0}.dynamic-work .work-9 li{float:left;margin-right:.26666667rem;margin-bottom:.26666667rem;width:6.48888889rem;height:6.48888889rem}.nav-tabs a,nav{height:3.36rem}.dynamic-work .work-9 li:nth-child(3),.dynamic-work .work-9 li:nth-child(6),.dynamic-work .work-9 li:nth-child(9){margin-right:0}.dynamic-work .work-9 li:nth-child(7),.dynamic-work .work-9 li:nth-child(8),.dynamic-work .work-9 li:nth-child(9){margin-bottom:0}.dynamic-address,.dynamic-tag{margin-bottom:.26666667rem}.dynamic-detail{padding:.66666667rem .61333333rem .8rem .8rem}.dynamic-tag a{color:#32798d;margin-right:.58666667rem}.dynamic-activity,.dynamic-address{line-height:1}.dynamic-activity .icon,.dynamic-address .icon{margin-right:.48rem;color:#9a9999;font-size:1.01333333rem}.dynamic-activity>div,.dynamic-address>div{display:inline-block}.dynamic-address .address{color:#999}.dynamic-activity{margin-bottom:.8rem}.dynamic-txt{color:#666}.nav{background:#434343}.nav:after,.nav:before{content:' ';display:table}.nav>li{float:left;color:#fff}.nav.col-1 li{width:100%}.nav.col-2 li{width:50%}.nav.col-3 li{width:33.33%}.nav.col-4 li{width:25%}.nav-tabs a{display:inline-block;line-height:3.36rem;color:#fff;font-size:.96rem;width:6.66666667rem}.nav-tabs a.active{color:red;border-bottom:.16rem solid red}.tab-panel{display:none}.tab-panel.active{display:block}.slider{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:100}.slider .pic-num{position:absolute;top:12%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#fff;z-index:1}.slider-cont{-webkit-transform:translate(0,0) translateZ(0);transform:translate(0,0) translateZ(0);-webkit-transition:.3s -webkit-transform ease-out;transition:.3s -webkit-transform ease-out;transition:.3s transform ease-out;transition:.3s transform ease-out,.3s -webkit-transform ease-out}.slider-cont .wrap{float:left}.slider-cont .scroll{width:100%;-webkit-transform:translate(0,0) translateZ(0);transform:translate(0,0) translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}nav #updateItem,nav .nav{width:20rem;position:fixed}.slider-cont .scroll img{max-width:100%;vertical-align:middle}body{position:relative}nav .nav{top:0;z-index:100}nav #updateItem{height:1.6rem;line-height:1.6rem;background:#f39800;color:#fff;font-size:.69333333rem;top:1.6rem;z-index:10}.poster{position:relative;height:7.46666667rem;width:100%;background:#ccc;overflow:hidden}#meet_room,#meet_room ul{overflow-x:scroll;overflow-y:hidden}.poster span{position:absolute;top:.37333333rem;right:.26666667rem;display:inline-block;margin-top:.53333333rem;vertical-align:middle}.poster span b{display:inline-block;font-size:.64rem;font-weight:400;vertical-align:middle;height:1.28rem;line-height:1.22666667rem}.poster span .origin{display:inline-block;width:.32rem;height:.32rem;border-radius:50%;background:#fff;margin-right:.26666667rem;margin-bottom:.10666667rem}.poster .during,.poster .no_start{border:1px solid #fff;width:3.46666667rem;height:1.33333333rem;line-height:1.33333333rem;color:#fff;display:inline-block;text-align:center}.poster .no_start{border-radius:.64rem;background:rgba(0,0,0,.3)}.poster .no_start .origin{background:#f39800}.poster .during{border-radius:.64rem;background:rgba(0,0,0,.3)}.poster .during .origin{background:#22ac38}.poster .end{display:inline-block;color:#fff;width:3.46666667rem;text-align:center;height:1.33333333rem;line-height:1.33333333rem;border:1px solid #fff;border-radius:.64rem;background:rgba(0,0,0,.3)}.poster div,.poster div img{width:100%;height:100%}.poster .end .origin{background:red}#live_box{position:relative;margin-bottom:11.73333333rem;background:#f2f2f2}#live_box .live_title{position:relative;padding:.4rem .26666667rem;height:4.16rem}#live_box .live_title .public_live{position:absolute;background:red;display:inline-block;color:#fff;width:3.2rem;text-align:center;height:1.28rem;line-height:1.28rem;font-size:.64rem;border-radius:4px 0 0 4px}#live_box .live_title .public_triangle{width:0;height:0;border-top:.64rem solid transparent;border-left:.32rem solid red;border-bottom:.64rem solid transparent;position:absolute;left:3.46666667rem;top:.42666667rem}#live_box .live_title .latest{position:absolute;top:.8rem;right:.8rem}#live_box .live_title .latest i{display:inline-block;vertical-align:middle;font-size:2.66666667rem;margin-top:-2.61333333rem;color:#a0a0a0}#live_box .live_title .latest i.active{color:red}#live_box .live_title h3{text-align:center;height:1.6rem;line-height:1.6rem;font-size:.85333333rem;color:#353535}#live_box .live_title ul{height:1.6rem;line-height:1.6rem;padding:0 .53333333rem}#live_box .live_title ul li{text-align:center}#live_box .live_title ul li span{display:inline-block;color:#999;font-size:.53333333rem;margin-right:.53333333rem;height:1.6rem;line-height:1.6rem}#live_box .live_title ul li span:last-child{margin-right:0}#live_box .live_title ul li span b{display:inline-block;margin-right:.13333333rem;vertical-align:middle;font-weight:400}#live_box .live_title ul li span b:before{display:inline-block;font-size:2.66666667rem;margin-right:.13333333rem;margin-top:-.74666667rem}#live_box .live_title ul li.left{float:left}#live_box .live_title ul li.right{float:right;margin-top:-.32rem}#live_box .live_content{position:relative;min-height:11.73333333rem;margin-bottom:1.06666667rem}#live_box .live_content p{clear:both;text-align:center}#live_box .live_content .picture_mode .work li{float:left;margin-right:.26666667rem;margin-bottom:.26666667rem;width:6.4rem;height:6.4rem}#live_box .live_content .picture_mode .work li:nth-child(3n+3){margin-right:0}#live_box .live_content .dynamic-work{display:none}#live_box .live_content .dynamic-work>ul>li{display:block;margin-bottom:.8rem}#live_box .live_content .prompt{text-align:center;height:11.73333333rem;line-height:11.73333333rem}#live_box .live_content .prompt p{font-size:.8rem;color:#a0a0a0;font-weight:400}#live_box .word_details{margin:.53333333rem 0}#live_box .word_details p{line-height:1.33333333rem;padding:0 .8rem;text-align:left;text-indent:1.6rem;font-size:.74666667rem}#meet_room{position:fixed;bottom:2.8rem;max-width:20rem;background:#666}#meet_room ul{width:100%;display:inline-block}#meet_room ul li{float:left;width:6.66666667rem;text-align:center;height:4.26666667rem;line-height:4.26666667rem;border:10px solid #666;background:#666;color:#fff;font-size:.8rem}#meet_room ul li:last-child{border-right:10px solid #666}#meet_room ul li.active{color:red}#meet_room ul li.active .pic{border:1px solid red}#meet_room ul li .pic{width:6.13333333rem;text-align:center;height:3.2rem;line-height:3.2rem;position:relative;border-radius:4px;overflow:hidden;border:1px solid #666}#meet_room ul li .pic img{width:100%;height:100%;object-fit:cover}#meet_room ul li .pic p{position:absolute;background:rgba(0,0,0,.3);top:0;left:0;width:100%;height:100%}.appointment{position:fixed;bottom:0;width:20rem}.appointment span{display:block;float:left}.appointment .appointUser{width:70%;background:red;color:#fff;font-size:.96rem;font-weight:lighter;text-align:center;height:2.66666667rem;line-height:2.66666667rem}.appointment .shop{width:30%;background:#999;color:#e4e4e4;text-align:center;height:2.66666667rem;overflow:hidden}.appointment .shop i{display:inline-block;font-size:2.13333333rem;margin-top:-.13333333rem;line-height:1.06666667rem}.appointment .shop small{display:block;line-height:1.33333333rem;margin-top:.26666667rem}.weui-loadmore,.weui-pull-to-refresh__layer{display:none}.block{display:block}
@charset "UTF-8";*,:after,:before,legend{-webkit-box-sizing:border-box}a,body{color:#353535}.icon:before,a{text-decoration:none}.nav>li,.slider,nav #updateItem{text-align:center}.cover img,.poster div img{object-fit:cover}.cover img{width:100%;height:100%;object-position:center}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-size:14px;line-height:1.5;word-break:break-all;background:#f4f5f9}body,h1,h2,h3,h4,h5,h6,ol,p,ul{padding:0;margin:0;font-weight:lighter}a:active,a:hover{outline-width:0;cursor:pointer}div,footer,h1,h2,h3,h4,h5,h6,header,section,span{font-size:100%}ol,ul{list-style:none}textarea{resize:none;overflow:auto}button,input,select,textarea{outline:0;border:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.icon:before,em{font-style:normal}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}.hidden,[hidden],template{display:none}img{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:iconFont;src:url(../fonts/iconFont.eot);src:url(../fonts/iconFont.eot?#iefix) format('eot'),url(../fonts/iconFont.woff2) format('woff2'),url(../fonts/iconFont.woff) format('woff'),url(../fonts/iconFont.ttf) format('truetype'),url(../fonts/iconFont.svg#iconFont) format('svg')}.icon:before{font-family:iconFont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:400;text-transform:none}.icon-gray:before{content:"\E001"}.icon-icon_blacktel:before{content:"\E002"}.icon-icon_donwpic:before{content:"\E003"}.icon-icon_down:before{content:"\E004"}.icon-icon_eye:before{content:"\E005"}.icon-icon_livepic:before{content:"\E006"}.icon-icon_local:before{content:"\E007"}.icon-icon_more:before{content:"\E008"}.icon-icon_order:before{content:"\E009"}.icon-icon_pen:before{content:"\E00A"}.icon-icon_people:before{content:"\E00B"}.icon-icon_person:before{content:"\E00C"}.icon-icon_picture:before{content:"\E00D"}.icon-icon_redlocal:before{content:"\E00E"}.icon-icon_redphone:before{content:"\E00F"}.icon-icon_return:before{content:"\E010"}.icon-icon_reverse_order:before{content:"\E011"}.icon-icon_right:before{content:"\E012"}.icon-icon_shop:before{content:"\E013"}.icon-icon_tel:before{content:"\E014"}.icon-icon_tex:before{content:"\E015"}.icon-icon_time:before{content:"\E016"}.icon-icon_type:before{content:"\E017"}.icon-icon_up:before{content:"\E018"}.dynamic{background:#fff;margin-bottom:.53333333rem}.dynamic-person{display:block;padding:0 .8rem}.dynamic-person:after,.dynamic-person:before{content:' ';display:table}.dynamic-person:after{clear:both}.dynamic-person .person-info{float:left;margin:.53333333rem 0}.dynamic-person .person-info .head,.dynamic-person .person-info .other{line-height:1;display:inline-block}.dynamic-person .person-info .head{width:2.66666667rem;height:2.66666667rem;border-radius:2.66666667rem;margin-right:.8rem}.dynamic-person .person-info .other{vertical-align:baseline}.dynamic-person .person-info .nickname{margin-bottom:.8rem;font-size:.8rem}.dynamic-person .person-info .date{color:#999;font-size:.58666667rem}.dynamic-detail,.dynamic-tag{font-size:.74666667rem}.dynamic-work{position:relative}.dynamic-work>a{display:block}.dynamic-work .work{line-height:0}.dynamic-work .work:after,.dynamic-work .work:before{content:' ';display:table}.dynamic-work .work:after{clear:both}.dynamic-work .work-1 li{height:26.45333333rem}.dynamic-work .work-2 li{height:11.76rem}.dynamic-work .work-2 li:nth-child(1){margin-bottom:.21333333rem}.dynamic-work .work-3 li{float:left;width:9.89333333rem;height:9.89333333rem}.dynamic-work .work-3 li:nth-child(2){margin-right:.21333333rem}.dynamic-work .work-3 li:nth-child(1){width:100%;height:15.28rem;margin-bottom:.21333333rem;margin-right:0}.dynamic-work .work-4 li{float:left;margin-right:.26666667rem;width:6.48888889rem;height:6.48888889rem}.dynamic-work .work-4 li:nth-child(4){margin-right:0}.dynamic-work .work-4 li:nth-child(1){width:100%;height:15.28rem;margin-bottom:.21333333rem}.dynamic-work .work-5 li{float:left;width:9.89333333rem;height:9.89333333rem;margin-right:.21333333rem}.dynamic-work .work-5 li:nth-child(1){margin-right:.26666667rem;width:13.24444444rem;height:13.24444444rem;margin-bottom:.26666667rem}.dynamic-work .work-5 li:nth-child(2),.dynamic-work .work-5 li:nth-child(3){width:6.48888889rem;height:6.48888889rem;margin-bottom:.26666667rem;margin-right:0}.dynamic-work .work-5 li:nth-child(5){margin-right:0}.dynamic-work .work-6 li{float:left;width:6.48888889rem;height:6.48888889rem;margin-right:.26666667rem}.dynamic-work .work-6 li:nth-child(1){width:13.24444444rem;height:13.24444444rem;margin-bottom:.26666667rem}.dynamic-work .work-6 li:nth-child(2),.dynamic-work .work-6 li:nth-child(3){width:6.48888889rem;height:6.48888889rem;margin-bottom:.26666667rem;margin-right:0}.dynamic-work .work-6 li:nth-child(6){margin-right:0}.dynamic-work .work-7 li{float:left;margin-right:.26666667rem;margin-bottom:.21333333rem;width:6.48888889rem;height:6.48888889rem}.dynamic-work .work-7 li:nth-child(1){width:100%;height:15.29333333rem;margin-bottom:.21333333rem;margin-right:0}.dynamic-work .work-7 li:nth-child(4),.dynamic-work .work-7 li:nth-child(7){margin-right:0}.dynamic-work .work-7 li:nth-child(5),.dynamic-work .work-7 li:nth-child(6),.dynamic-work .work-7 li:nth-child(7){margin-bottom:0}.dynamic-work .work-8 li{float:left;width:6.48888889rem;height:6.48888889rem;margin-right:.26666667rem;margin-bottom:.21333333rem}.dynamic-work .work-8 li:nth-child(1),.dynamic-work .work-8 li:nth-child(2){width:9.89333333rem;height:9.89333333rem;margin-right:.21333333rem}.dynamic-work .work-8 li:nth-child(2),.dynamic-work .work-8 li:nth-child(5),.dynamic-work .work-8 li:nth-child(8){margin-right:0}.dynamic-work .work-8 li:nth-child(6),.dynamic-work .work-8 li:nth-child(7),.dynamic-work .work-8 li:nth-child(8){margin-bottom:0}.dynamic-work .work-9 li{float:left;margin-right:.26666667rem;margin-bottom:.26666667rem;width:6.48888889rem;height:6.48888889rem}.nav-tabs a,nav{height:3.36rem}.dynamic-work .work-9 li:nth-child(3),.dynamic-work .work-9 li:nth-child(6),.dynamic-work .work-9 li:nth-child(9){margin-right:0}.dynamic-work .work-9 li:nth-child(7),.dynamic-work .work-9 li:nth-child(8),.dynamic-work .work-9 li:nth-child(9){margin-bottom:0}.dynamic-address,.dynamic-tag{margin-bottom:.26666667rem}.dynamic-detail{padding:.66666667rem .61333333rem .8rem .8rem}.dynamic-tag a{color:#32798d;margin-right:.58666667rem}.dynamic-activity,.dynamic-address{line-height:1}.dynamic-activity .icon,.dynamic-address .icon{margin-right:.48rem;color:#9a9999;font-size:1.01333333rem}.dynamic-activity>div,.dynamic-address>div{display:inline-block}.dynamic-address .address{color:#999}.dynamic-activity{margin-bottom:.8rem}.dynamic-txt{color:#666}.nav{background:#434343}.nav:after,.nav:before{content:' ';display:table}.nav:after{clear:both}.nav>li{float:left;color:#fff}.nav.col-1 li{width:100%}.nav.col-2 li{width:50%}.nav.col-3 li{width:33.33%}.nav.col-4 li{width:25%}.nav-tabs a{display:inline-block;line-height:3.36rem;color:#fff;font-size:.96rem;width:6.66666667rem}.nav-tabs a.active{color:red;border-bottom:.16rem solid red}.tab-panel{display:none}.tab-panel.active{display:block}.slider{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:100}.slider .pic-num{position:absolute;top:12%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#fff;z-index:1}.slider-cont{-webkit-transform:translate(0,0) translateZ(0);transform:translate(0,0) translateZ(0);-webkit-transition:.3s -webkit-transform ease-out;transition:.3s -webkit-transform ease-out;transition:.3s transform ease-out;transition:.3s transform ease-out,.3s -webkit-transform ease-out}.slider-cont .wrap{float:left}.slider-cont .scroll{width:100%;-webkit-transform:translate(0,0) translateZ(0);transform:translate(0,0) translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}nav #updateItem,nav .nav{width:20rem;position:fixed}.slider-cont .scroll img{max-width:100%;vertical-align:middle}body{position:relative}nav .nav{top:0;z-index:100}nav #updateItem{clear:both;height:1.6rem;line-height:1.6rem;background:#f39800;color:#fff;font-size:.69333333rem;top:1.6rem;z-index:10}.poster{position:relative;height:7.46666667rem;width:100%;background:#ccc;overflow:hidden}#meet_room,#meet_room ul{overflow-x:scroll;overflow-y:hidden}.poster span{position:absolute;top:.37333333rem;right:.26666667rem;display:inline-block;margin-top:.53333333rem;vertical-align:middle}.poster span b{display:inline-block;font-size:.64rem;font-weight:400;vertical-align:middle;height:1.28rem;line-height:1.22666667rem}.poster span .origin{display:inline-block;width:.32rem;height:.32rem;border-radius:50%;background:#fff;margin-right:.26666667rem;margin-bottom:.10666667rem}.poster .during,.poster .no_start{border:1px solid #fff;width:3.46666667rem;height:1.33333333rem;line-height:1.33333333rem;color:#fff;display:inline-block;text-align:center}.poster .no_start{border-radius:.64rem;background:rgba(0,0,0,.3)}.poster .no_start .origin{background:#f39800}.poster .during{border-radius:.64rem;background:rgba(0,0,0,.3)}.poster .during .origin{background:#22ac38}.poster .end{display:inline-block;color:#fff;width:3.46666667rem;text-align:center;height:1.33333333rem;line-height:1.33333333rem;border:1px solid #fff;border-radius:.64rem;background:rgba(0,0,0,.3)}.poster div,.poster div img{width:100%;height:100%}.poster .end .origin{background:red}#live_box{position:relative;margin-bottom:11.73333333rem;background:#f2f2f2}#live_box .live_title{position:relative;padding:.4rem .26666667rem;height:4.16rem}#live_box .live_title .public_live{position:absolute;background:red;display:inline-block;color:#fff;width:3.2rem;text-align:center;height:1.28rem;line-height:1.28rem;font-size:.64rem;border-radius:4px 0 0 4px}#live_box .live_title .public_triangle{width:0;height:0;border-top:.64rem solid transparent;border-left:.32rem solid red;border-bottom:.64rem solid transparent;position:absolute;left:3.46666667rem;top:.42666667rem}#live_box .live_title .latest{position:absolute;top:.8rem;right:.8rem}#live_box .live_title .latest i{display:inline-block;vertical-align:middle;font-size:2.66666667rem;margin-top:-2.61333333rem;color:#a0a0a0}#live_box .live_title .latest i.active{color:red}#live_box .live_title h3{text-align:center;height:1.6rem;line-height:1.6rem;font-size:.85333333rem;color:#353535}#live_box .live_title ul{height:1.6rem;line-height:1.6rem;padding:0 .53333333rem}#live_box .live_title ul li{text-align:center}#live_box .live_title ul li span{display:inline-block;color:#999;font-size:.53333333rem;margin-right:.53333333rem;height:1.6rem;line-height:1.6rem}#live_box .live_title ul li span:last-child{margin-right:0}#live_box .live_title ul li span b{display:inline-block;margin-right:.13333333rem;vertical-align:middle;font-weight:400}#live_box .live_title ul li span b:before{display:inline-block;font-size:2.66666667rem;margin-right:.13333333rem;margin-top:-.74666667rem}#live_box .live_title ul li.left{float:left}#live_box .live_title ul li.right{float:right;margin-top:-.32rem}#live_box .live_content{position:relative;min-height:11.73333333rem;clear:both;margin-bottom:1.06666667rem}#live_box .live_content p{clear:both;text-align:center}#live_box .live_content .picture_mode .work::after{content:".";display:block;height:0;clear:both;visibility:hidden}#live_box .live_content .picture_mode .work li{float:left;margin-right:.26666667rem;margin-bottom:.26666667rem;width:6.4rem;height:6.4rem}#live_box .live_content .picture_mode .work li:nth-child(3n+3){margin-right:0}#live_box .live_content .dynamic-work{display:none}#live_box .live_content .dynamic-work>ul>li{display:block;margin-bottom:.8rem}#live_box .live_content .prompt{text-align:center;height:11.73333333rem;line-height:11.73333333rem}#live_box .live_content .prompt p{font-size:.8rem;color:#a0a0a0;font-weight:400}#live_box .word_details{margin:.53333333rem 0}#live_box .word_details p{line-height:1.33333333rem;padding:0 .8rem;text-align:left;text-indent:1.6rem;font-size:.74666667rem}#meet_room{position:fixed;bottom:2.8rem;max-width:20rem;background:#666}#meet_room ul{width:100%;display:inline-block}#meet_room ul li{float:left;width:6.66666667rem;text-align:center;height:4.26666667rem;line-height:4.26666667rem;border:10px solid #666;background:#666;color:#fff;font-size:.8rem}#meet_room ul li:last-child{border-right:10px solid #666}#meet_room ul li.active{color:red}#meet_room ul li.active .pic{border:1px solid red}#meet_room ul li .pic{width:6.13333333rem;text-align:center;height:3.2rem;line-height:3.2rem;position:relative;border-radius:4px;overflow:hidden;border:1px solid #666}#meet_room ul li .pic img{width:100%;height:100%;object-fit:cover}#meet_room ul li .pic p{position:absolute;background:rgba(0,0,0,.3);top:0;left:0;width:100%;height:100%}.appointment{position:fixed;bottom:0;width:20rem}.appointment span{display:block;float:left}.appointment .appointUser{width:70%;background:red;color:#fff;font-size:.96rem;font-weight:lighter;text-align:center;height:2.66666667rem;line-height:2.66666667rem}.appointment .shop{width:30%;background:#999;color:#e4e4e4;text-align:center;height:2.66666667rem;overflow:hidden}.appointment .shop i{display:inline-block;font-size:2.13333333rem;margin-top:-.13333333rem;line-height:1.06666667rem}.appointment .shop small{display:block;line-height:1.33333333rem;margin-top:.26666667rem}.weui-loadmore,.weui-pull-to-refresh__layer{display:none}.block{display:block}
/*# sourceMappingURL=picture-live.min.css.map */
dist/css/picture-live.min.css.map
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/fonts/iconFont.eot
No preview for this file type
dist/fonts/iconFont.ttf
No preview for this file type
dist/fonts/iconFont.woff
No preview for this file type
dist/html/appoint.html
......@@ -220,8 +220,7 @@
}
];
},
datetimeSplit:' ',
// value: '2017-4-5 ',
//value: '2017-4-5 ',
onChange: function (picker, values, displayValues) { //此处不用可删除
/* console.log(values);*/
}
......
dist/html/picture-live.html
......@@ -67,10 +67,10 @@
<div class="refresh">正在刷新</div>
</div>
<!--九宫图布局-->
<section class="live_content" id="live_content">
<section class="live_content" >
<section id="main-container">
<!--图片模式-->
<div class="picture_mode show" >
<div class="picture_mode show" id="live_content">
<ul class="work">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
......@@ -194,23 +194,31 @@
/*切换会场*/
$("#meet_room li").click(function(){
$(this).addClass('active').siblings().removeClass('active');
change();
})
/*滚动加载数据*/
var loading = false; //状态标记
$(document.body).infinite(0).on("infinite", function() {
$(".weui-loadmore").addClass("block");
if(loading) return;
function change(){
/*滚动加载数据*/
var loading = false; //状态标记
$(document.body).infinite(0).on("infinite", function() {
$(".weui-loadmore").addClass("block");
if(loading) return;
//此处加载数据
setTimeout(function() {
loading = true;
$("#live_content").append("<p> 我是新加载的内容 </p>");
loading = false;
$(".weui-loadmore").removeClass("block");
if($("#live_content").find('p').length>=1){
console.log("over");
$(document.body).destroyInfinite(); //销毁滚动加载
}
//此处加载数据
setTimeout(function() {
loading = true;
$("#live_content").append("<p> 我是新加载的内容 </p>");
loading = false;
$(".weui-loadmore").removeClass("block");
}, 2000); //模拟延迟
});
//$(document.body).destroyInfinite(); 销毁滚动加载
}, 1000); //模拟延迟
});
}
change();
/*滚动加载数据*/
/* $(window).scroll(function(){
......
src/less/picture-live.less
......@@ -189,6 +189,14 @@ nav{
/*图片模式*/
.picture_mode{
.work{
&::after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
li{
float:left;
.px1rem(margin-right,10);
......
src/pages/appoint.ejs
......@@ -185,8 +185,7 @@
}
];
},
datetimeSplit:' ',
// value: '2017-4-5 ',
//value: '2017-4-5 ',
onChange: function (picker, values, displayValues) { //此处不用可删除
/* console.log(values);*/
}
......
src/pages/picture-live.ejs
......@@ -47,10 +47,10 @@
<div class="refresh">正在刷新</div>
</div>
<!--九宫图布局-->
<section class="live_content" id="live_content">
<section class="live_content" >
<section id="main-container">
<!--图片模式-->
<div class="picture_mode show" >
<div class="picture_mode show" id="live_content">
<ul class="work">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
......@@ -174,23 +174,31 @@
/*切换会场*/
$("#meet_room li").click(function(){
$(this).addClass('active').siblings().removeClass('active');
change();
})
/*滚动加载数据*/
var loading = false; //状态标记
$(document.body).infinite(0).on("infinite", function() {
$(".weui-loadmore").addClass("block");
if(loading) return;
function change(){
/*滚动加载数据*/
var loading = false; //状态标记
$(document.body).infinite(0).on("infinite", function() {
$(".weui-loadmore").addClass("block");
if(loading) return;
//此处加载数据
setTimeout(function() {
loading = true;
$("#live_content").append("<p> 我是新加载的内容 </p>");
loading = false;
$(".weui-loadmore").removeClass("block");
if($("#live_content").find('p').length>=1){
console.log("over");
$(document.body).destroyInfinite(); //销毁滚动加载
}
//此处加载数据
setTimeout(function() {
loading = true;
$("#live_content").append("<p> 我是新加载的内容 </p>");
loading = false;
$(".weui-loadmore").removeClass("block");
}, 2000); //模拟延迟
});
//$(document.body).destroyInfinite(); 销毁滚动加载
}, 1000); //模拟延迟
});
}
change();
/*滚动加载数据*/
/* $(window).scroll(function(){
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment