Skip to content

V
Vphoto
Commit ac4be63a by 邓丽
Options

图片模式布局修改

parent acdaeb08
Showing with 109 additions and 203 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}.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;height:3.36rem;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,nav{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{margin-top:3.30666667rem;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 .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{display:none;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}#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}.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;height:3.36rem;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,nav{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{margin-top:3.30666667rem;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}
/*# 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/picture-live.html
......@@ -69,81 +69,33 @@
<!--九宫图布局-->
<section class="live_content" id="live_content">
<section id="main-container">
<div class="dynamic-work">
<!--图片模式-->
<div class="picture_mode show">
<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>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
</li>
</ul>
</div>
<!--图文模式-->
<div class="dynamic-work hidden">
<ul>
<li>
<!--九图布局-->
<!--<section id="main-container">
<div class="dynamic-work">-->
<!-- <ul class="work work-1">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<ul class="work work-2">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/long.jpg"/></li>
</ul>
<ul class="work work-3">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/handsome.jpg"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>-->
<ul class="work work-4">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<!-- <ul class="work work-5">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<ul class="work work-6">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<ul class="work work-7">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<ul class="work work-8">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<ul class="work work-9">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>-->
<!--
</div>
</section>-->
<div class="word_details hidden">
<ul class="work work-4">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<div class="word_details">
<p>
经过很长时间的准备，会议终于开始，首先登场的是主持人，本次会议担任主持人的是国内知名的主持人朱军和李师师，现在有请两位主持人。
本次会议还邀请了国内知名的企业家作为本场嘉宾，他们分别是柳传志、王石、王健林、马云，有请各位企业家。
......@@ -151,78 +103,14 @@
</div>
</li>
<li>
<!--九图布局-->
<!--<section id="main-container">
<div class="dynamic-work">-->
<!-- <ul class="work work-1">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<ul class="work work-2">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/long.jpg"/></li>
</ul>
<ul class="work work-3">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/handsome.jpg"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>-->
<ul class="work work-4">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<!-- <ul class="work work-5">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<ul class="work work-6">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<ul class="work work-7">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<ul class="work work-8">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<ul class="work work-9">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>-->
<!--
</div>
</section>-->
<div class="word_details hidden">
<ul class="work work-5">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<div class="word_details">
<p>
经过很长时间的准备，会议终于开始，首先登场的是主持人，本次会议担任主持人的是国内知名的主持人朱军和李师师，现在有请两位主持人。
本次会议还邀请了国内知名的企业家作为本场嘉宾，他们分别是柳传志、王石、王健林、马云，有请各位企业家。
......@@ -230,12 +118,11 @@
</div>
</li>
</ul>
</div>
</section>
<!-- <div class="prompt">
<p>直播图片正在酝酿中，请先关注哦</p>
</div>-->
</div>
</section>
<!-- <div class="prompt">
<p>直播图片正在酝酿中，请先关注哦</p>
</div>-->
</section>
<!--滚动加载-->
......@@ -252,36 +139,30 @@
<img src="../img/404.jpg" alt=""/>
<p>第一会场</p></div>
</li>
<li>
<li>
<div class="pic">
<img src="../img/head.jpg" alt=""/>
<p>第二会场</p>
</div>
</li>
<li>
<li>
<div class="pic">
<img src="../img/handsome.jpg" alt=""/>
<p>第三会场</p>
</div>
</li>
<li>
<li>
<div class="pic">
<img src="../img/404.jpg" alt=""/>
<p>第四会场</p>
</div>
</li>
<li>
<li>
<div class="pic">
<img src="../img/head.jpg" alt=""/>
<p>第五会场</p>
</div>
</li>
<!-- <li>
<div class="pic">
<img src="../img/handsome.jpg" alt=""/>
<p>第六会场</p>
</div>
</li>-->
</ul>
</section>
......@@ -303,6 +184,7 @@
<script src="../../lib/hammer.js/hammer.min.js"></script>
<script src="../js/picture-live.min.js"></script>
<script>
/*切换排序方式*/
$(".latest").click(function(){
......
src/less/picture-live.less
......@@ -188,9 +188,28 @@ nav{
clear: both;
text-align: center;
}
.dynamic-work>ul>li{
display: block;
.px1rem(margin-bottom,30);
/*图片模式*/
.picture_mode{
.work{
li{
float:left;
.px1rem(margin-right,10);
.px1rem(margin-bottom,10);
.px1rem(width, 240);
.px1rem(height, 240);
&:nth-child(3n+3){
.px1rem(margin-right, 0);
}
}
}
}
/*图文模式*/
.dynamic-work{
display: none;
>ul>li{
display: block;
.px1rem(margin-bottom,30);
}
}
.px1rem(margin-bottom,40);
.prompt{
......@@ -203,7 +222,6 @@ nav{
}
}
.word_details{
display: none;
.px2rem(margin,20,0);
p{
.px1rem(line-height,50);
......@@ -274,22 +292,6 @@ nav{
}
}
/*.twoLi {
width: 100%;
ul {
*//* .px1rem(margin-left,115);*//*
li {
&:last-child{
border-left: 0px !important;
.px1rem(margin-left,20);
}
.pic {
.px1rem(width, 230) !important;
}
}
}
}*/
.appointment{
position: fixed;
/* .px1rem(left,0);*/
......
src/pages/picture-live.ejs
......@@ -49,11 +49,33 @@
<!--九宫图布局-->
<section class="live_content" id="live_content">
<section id="main-container">
<div class="dynamic-work">
<!--图片模式-->
<div class="picture_mode show">
<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>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
</li>
</ul>
</div>
<!--图文模式-->
<div class="dynamic-work hidden">
<ul>
<li>
<% include ./template/layout.ejs %>
<div class="word_details hidden">
<ul class="work work-4">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<div class="word_details">
<p>
经过很长时间的准备，会议终于开始，首先登场的是主持人，本次会议担任主持人的是国内知名的主持人朱军和李师师，现在有请两位主持人。
本次会议还邀请了国内知名的企业家作为本场嘉宾，他们分别是柳传志、王石、王健林、马云，有请各位企业家。
......@@ -61,8 +83,14 @@
</div>
</li>
<li>
<% include ./template/layout.ejs %>
<div class="word_details hidden">
<ul class="work work-5">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
<div class="word_details">
<p>
经过很长时间的准备，会议终于开始，首先登场的是主持人，本次会议担任主持人的是国内知名的主持人朱军和李师师，现在有请两位主持人。
本次会议还邀请了国内知名的企业家作为本场嘉宾，他们分别是柳传志、王石、王健林、马云，有请各位企业家。
......@@ -70,12 +98,11 @@
</div>
</li>
</ul>
</div>
</section>
<!-- <div class="prompt">
<p>直播图片正在酝酿中，请先关注哦</p>
</div>-->
</div>
</section>
<!-- <div class="prompt">
<p>直播图片正在酝酿中，请先关注哦</p>
</div>-->
</section>
<!--滚动加载-->
......@@ -92,36 +119,30 @@
<img src="../img/404.jpg" alt=""/>
<p>第一会场</p></div>
</li>
<li>
<li>
<div class="pic">
<img src="../img/head.jpg" alt=""/>
<p>第二会场</p>
</div>
</li>
<li>
<li>
<div class="pic">
<img src="../img/handsome.jpg" alt=""/>
<p>第三会场</p>
</div>
</li>
<li>
<li>
<div class="pic">
<img src="../img/404.jpg" alt=""/>
<p>第四会场</p>
</div>
</li>
<li>
<li>
<div class="pic">
<img src="../img/head.jpg" alt=""/>
<p>第五会场</p>
</div>
</li>
<!-- <li>
<div class="pic">
<img src="../img/handsome.jpg" alt=""/>
<p>第六会场</p>
</div>
</li>-->
</ul>
</section>
......@@ -143,6 +164,7 @@
<script src="../../lib/hammer.js/hammer.min.js"></script>
<script src="../js/picture-live.min.js"></script>
<script>
/*切换排序方式*/
$(".latest").click(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