video-template-5
This commit is contained in:
make
517
code/public/template/videonunu/css/stui_block.css
Normal file
517
code/public/template/videonunu/css/stui_block.css
Normal file
@@ -0,0 +1,517 @@
|
||||
/*!
|
||||
* v3.0 Copyright http://v.shoutu.cn
|
||||
* email 726662013@qq.com
|
||||
*/
|
||||
|
||||
@charset "utf-8";
|
||||
|
||||
/* all */
|
||||
body, html{width:100%;}
|
||||
body{ margin: 0; font-family:"Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; font-size:14px; line-height: 140%}
|
||||
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,tr,dl,dd,dt{margin:0;padding:0; font-weight:normal}
|
||||
input,select{font-size:12px;vertical-align:middle; border:none;}
|
||||
ul,li{list-style-type:none;}
|
||||
img{border:0 none;}
|
||||
p{margin:0 0 10px;}
|
||||
|
||||
/* container */
|
||||
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
|
||||
:after,:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
|
||||
.container {position: relative; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
|
||||
.row{position: relative; margin-right: -15px; margin-left: -15px;}
|
||||
.container:before,.container:after,.row:before,.row:after,.clearfix:before, .clearfix:after{ display: table; content: " "; clear: both;}
|
||||
|
||||
/* col */
|
||||
.col-pd,.col-lg-1,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding:10px}.col-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-wide-1,.col-xs-wide-10,.col-xs-wide-15,.col-xs-wide-2,.col-xs-wide-25,.col-xs-wide-3,.col-xs-wide-35,.col-xs-wide-4,.col-xs-wide-45,.col-xs-wide-5,.col-xs-wide-55,.col-xs-wide-6,.col-xs-wide-65,.col-xs-wide-7,.col-xs-wide-75,.col-xs-wide-8,.col-xs-wide-85,.col-xs-wide-9,.col-xs-wide-95{float:left}.col-xs-10{width:10%}.col-xs-9{width:11.1111111%}.col-xs-8{width:12.5%}.col-xs-7{width:14.2857143%}.col-xs-6{width:16.6666667%}.col-xs-5{width:20%}.col-xs-4{width:25%}.col-xs-3{width:33.3333333%}.col-xs-2{width:50%}.col-xs-1{width:100%}.col-xs-wide-10{width:10%}.col-xs-wide-9{width:90%}.col-xs-wide-8{width:80%}.col-xs-wide-7{width:70%}.col-xs-wide-6{width:60%}.col-xs-wide-5{width:50%}.col-xs-wide-4{width:40%}.col-xs-wide-3{width:30%}.col-xs-wide-2{width:20%}.col-xs-wide-15{width:15%}.col-xs-wide-95{width:95%}.col-xs-wide-85{width:85%}.col-xs-wide-75{width:75%}.col-xs-wide-65{width:65%}.col-xs-wide-55{width:55%}.col-xs-wide-45{width:45%}.col-xs-wide-35{width:35%}.col-xs-wide-25{width:25%}
|
||||
|
||||
@media (min-width: 768px){
|
||||
.col-sm-1,.col-sm-10,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-wide-1,.col-sm-wide-10,.col-sm-wide-15,.col-sm-wide-2,.col-sm-wide-25,.col-sm-wide-3,.col-sm-wide-35,.col-sm-wide-4,.col-sm-wide-45,.col-sm-wide-5,.col-sm-wide-55,.col-sm-wide-6,.col-sm-wide-65,.col-sm-wide-7,.col-sm-wide-75,.col-sm-wide-8,.col-sm-wide-85,.col-sm-wide-9,.col-sm-wide-95{float:left}.col-sm-10{width:10%}.col-sm-9{width:11.1111111%}.col-sm-8{width:12.5%}.col-sm-7{width:14.2857143%}.col-sm-6{width:16.6666667%}.col-sm-5{width:20%}.col-sm-4{width:25%}.col-sm-3{width:33.3333333%}.col-sm-2{width:50%}.col-sm-1{width:100%}.col-sm-wide-10{width:10%}.col-sm-wide-9{width:90%}.col-sm-wide-8{width:80%}.col-sm-wide-7{width:70%}.col-sm-wide-6{width:60%}.col-sm-wide-5{width:50%}.col-sm-wide-4{width:40%}.col-sm-wide-3{width:30%}.col-sm-wide-2{width:20%}.col-sm-wide-15{width:15%}.col-sm-wide-95{width:95%}.col-sm-wide-85{width:85%}.col-sm-wide-75{width:75%}.col-sm-wide-65{width:65%}.col-sm-wide-55{width:55%}.col-sm-wide-45{width:45%}.col-sm-wide-35{width:35%}.col-sm-wide-25{width:25%}}
|
||||
|
||||
@media (min-width: 992px){
|
||||
.col-md-1,.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-wide-1,.col-md-wide-10,.col-md-wide-15,.col-md-wide-2,.col-md-wide-25,.col-md-wide-3,.col-md-wide-35,.col-md-wide-4,.col-md-wide-45,.col-md-wide-5,.col-md-wide-55,.col-md-wide-6,.col-md-wide-65,.col-md-wide-7,.col-md-wide-75,.col-md-wide-8,.col-md-wide-85,.col-md-wide-9,.col-md-wide-95{float:left}.col-md-10{width:10%}.col-md-9{width:11.1111111%}.col-md-8{width:12.5%}.col-md-7{width:14.2857143%}.col-md-6{width:16.6666667%}.col-md-5{width:20%}.col-md-4{width:25%}.col-md-3{width:33.3333333%}.col-md-2{width:50%}.col-md-1{width:100%}.col-md-wide-10{width:10%}.col-md-wide-9{width:90%}.col-md-wide-8{width:80%}.col-md-wide-7{width:70%}.col-md-wide-6{width:60%}.col-md-wide-5{width:50%}.col-md-wide-4{width:40%}.col-md-wide-3{width:30%}.col-md-wide-2{width:20%}.col-md-wide-15{width:15%}.col-md-wide-95{width:95%}.col-md-wide-85{width:85%}.col-md-wide-75{width:75%}.col-md-wide-65{width:65%}.col-md-wide-55{width:55%}.col-md-wide-45{width:45%}.col-md-wide-35{width:35%}.col-md-wide-25{width:25%}}
|
||||
|
||||
@media (min-width: 1200px){
|
||||
.col-lg-1,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-wide-1,.col-lg-wide-10,.col-lg-wide-15,.col-lg-wide-2,.col-lg-wide-25,.col-lg-wide-3,.col-lg-wide-35,.col-lg-wide-4,.col-lg-wide-45,.col-lg-wide-5,.col-lg-wide-55,.col-lg-wide-6,.col-lg-wide-65,.col-lg-wide-7,.col-lg-wide-75,.col-lg-wide-8,.col-lg-wide-85,.col-lg-wide-9,.col-lg-wide-95{float:left}.col-lg-10{width:10%}.col-lg-9{width:11.1111111%}.col-lg-8{width:12.5%}.col-lg-7{width:14.2857143%}.col-lg-6{width:16.6666667%}.col-lg-5{width:20%}.col-lg-4{width:25%}.col-lg-3{width:33.3333333%}.col-lg-2{width:50%}.col-lg-1{width:100%}.col-lg-wide-10{width:10%}.col-lg-wide-9{width:90%}.col-lg-wide-8{width:80%}.col-lg-wide-7{width:70%}.col-lg-wide-6{width:60%}.col-lg-wide-5{width:50%}.col-lg-wide-4{width:40%}.col-lg-wide-3{width:30%}.col-lg-wide-2{width:20%}.col-lg-wide-15{width:15%}.col-lg-wide-95{width:95%}.col-lg-wide-85{width:85%}.col-lg-wide-75{width:75%}.col-lg-wide-65{width:65%}.col-lg-wide-55{width:55%}.col-lg-wide-45{width:45%}.col-lg-wide-35{width:35%}.col-lg-wide-25{width:25%}}
|
||||
|
||||
@media (max-width: 767px){[class*=col-]{padding:5px}}
|
||||
|
||||
/* text */
|
||||
h1{ font-size:22px; line-height: 28px;}
|
||||
h2{ font-size:20px; line-height: 26px;}
|
||||
h3{ font-size:18px; line-height: 24px;}
|
||||
h4{ font-size:16px; line-height: 22px;}
|
||||
h5{ font-size:14px; line-height: 20px;}
|
||||
h6{ font-size:12px; line-height: 18px;}
|
||||
h1,h2,h3,h4,h5,h6{ font-weight: 400; margin-top:10px; margin-bottom:10px}
|
||||
a,button{ text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
|
||||
button:hover{ cursor: pointer;}
|
||||
a:focus,a:hover,a:active{ text-decoration:none;}
|
||||
.icon{ font-size: 16px; vertical-align: -1px;}
|
||||
.font-16{ font-size: 16px;}
|
||||
.font-14{ font-size: 14px;}
|
||||
.font-12{ font-size: 12px;}
|
||||
.text-center{ text-align: center;}
|
||||
.text-left{ text-align: left;}
|
||||
.text-right{ text-align: right;}
|
||||
.text-overflow{ width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
|
||||
|
||||
/* img */
|
||||
img{border: 0; vertical-align:middle}
|
||||
.img-circle{ border-radius: 50%;}
|
||||
.img-rounded{ border-radius: 5px;}
|
||||
.img-thumbnail{ padding: 5px; border-radius: 5px;}
|
||||
.img-responsive{ max-width: 100%;}
|
||||
|
||||
/* form */
|
||||
input,textarea{outline: medium none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
|
||||
input.form-control,input.btn{ outline:0px; -webkit-appearance: none;}
|
||||
input[type="checkbox"]{ vertical-align: -2px;}
|
||||
.form-control{display:block; width:100%; height:30px; padding: 10px; font-size:12px; line-height: 25px; border-radius:4px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
|
||||
textarea.form-control{ height: auto;}
|
||||
.input-list{ margin-bottom: 20px;}
|
||||
.input-list li{ padding: 10px 20px;}
|
||||
.input-list li input.form-control{ height: 40px;}
|
||||
|
||||
/* line */
|
||||
.split-line{display: inline-block; margin-left: 12px; margin-right: 12px; width: 1px; height: 14px; vertical-align: -2px;}
|
||||
.top-line,.top-line-dot,.bottom-line,.bottom-line-dot{ position: relative;}
|
||||
.top-line:before,.top-line-dot:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px;}
|
||||
.bottom-line:after,.bottom-line-dot:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px;}
|
||||
|
||||
/* badge */
|
||||
.badge{display: inline-block; margin-right: 10px; width: 18px; height: 18px; text-align: center; line-height: 18px; border-radius: 2px; font-size: 12px;}
|
||||
.badge-radius{ border-radius: 50%;}
|
||||
|
||||
/* btn */
|
||||
.btn{display: inline-block; padding: 6px 30px; font-size: 12px; border-radius: 4px;}
|
||||
.btn .icon{ font-size: 12px;}
|
||||
.btn-min{ padding: 4px 15px;}
|
||||
.btn-lg{ padding: 12px 30px;}
|
||||
.btn-block{ display: block; width: 100%; text-align: center;}
|
||||
.btn.disabled{cursor: not-allowed;}
|
||||
|
||||
/* tag */
|
||||
.tag{ padding-left: 10px;}
|
||||
.tag li{ float: left;}
|
||||
.tag-btn,.tag-type{ padding-top: 10px; padding-left: 10px;}
|
||||
.tag-btn li ,.tag-type li{ padding:0 10px 10px 0;}
|
||||
.tag-btn li a ,.tag-type li a{ display: block; padding:0 10px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; border-radius: 2px;}
|
||||
.tag-btn.active li a,.tag-type.active li a{ border-radius: 14px;}
|
||||
.tag-text li{ padding-right: 10px; padding-bottom: 10px;}
|
||||
|
||||
/* nav */
|
||||
.nav{ height: 30px;}
|
||||
.nav > li{ float: left;}
|
||||
.nav-head > li{ margin-top: 5px; margin-right: 30px;}
|
||||
.nav-head > li > a{ padding-bottom: 12px; font-size: 16px;}
|
||||
.nav-tabs > li{margin-left: 30px;}
|
||||
.nav-tabs > li > a{display: inline-block; padding: 8px 0 10px;}
|
||||
.nav-tag > li{ margin-left: 10px;}
|
||||
.nav-tag > li > a{ display: inline-block; padding:0 10px; height: 25px; line-height: 23px; font-size: 12px; border-radius: 20px;}
|
||||
.nav-text > li{line-height: 30px;}
|
||||
.nav-text > li.active > a{ color: #f80;}
|
||||
.nav-page{ margin-left: 10px;}
|
||||
.nav-page > li{ margin-left: 5px;}
|
||||
.nav-page > li > a{ display: inline-block; font-size: 12px; padding: 0 6px; height: 25px; line-height: 23px;}
|
||||
.nav-page > li > a > .icon{ font-size: 12px;}
|
||||
.nav-page > li:first-child{ margin-left: 0;}
|
||||
.nav-page > li:first-child > a{ border-radius: 4px 0 0 4px;}
|
||||
.nav-page > li:last-child > a{ border-radius: 0 4px 4px 0;}
|
||||
|
||||
/* pic-tag */
|
||||
.pic-tag{ position: absolute; z-index: 99; padding:2px 5px; font-size: 12px; border-radius: 2px;}
|
||||
.pic-tag-t{top: 5px; left: 5px;}
|
||||
.pic-tag-l{bottom: 5px; left: 5px;}
|
||||
.pic-tag-b{bottom: 5px; right: 5px;}
|
||||
.pic-tag-r{top: 5px; right: 5px;}
|
||||
.pic-tag-h{left: 0; top: 0; padding:2px 8px; border-radius: 0 0 8px 0;}
|
||||
.pic-tag-lg{ padding: 4px 10px;}
|
||||
.pic-text{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding:5px 10px; font-size: 12px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
|
||||
.pic-text-silde{ padding-bottom: 20px; font-size: 14px;}
|
||||
.pic-text-lg{ padding: 8px 20px; font-size: 14px;}
|
||||
.pic-title-t{display: block; width: 100%; position: absolute; top: 0; left: 0; padding:5px 10px 10px; font-size: 12px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
|
||||
.pic-title-b{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding:5px 10px; font-size: 12px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
|
||||
|
||||
/* pannel */
|
||||
.stui-pannel{position: relative; margin-bottom: 20px;}
|
||||
.stui-pannel.stui-pannel-x{ margin: -10px -10px 10px;}
|
||||
.stui-pannel-bg{border-radius: 2px;}
|
||||
.stui-pannel-side{ padding: 0 0 0 20px;}
|
||||
.stui-pannel-box{ padding: 10px;}
|
||||
.stui-pannel-box.active{ padding: 0; margin: -10px;}
|
||||
.stui-pannel_hd{ padding: 10px;}
|
||||
.stui-pannel_ft{ margin-top: 10px; padding: 10px 10px 0; text-align: center;}
|
||||
|
||||
/* pannel-head */
|
||||
.stui-pannel__head{ position: relative; height: 30px;}
|
||||
.stui-pannel__head.active{height: 40px;}
|
||||
.stui-pannel__head .title{float: left; margin:0; padding-right: 10px; line-height: 24px;}
|
||||
.stui-pannel__head .title img{ display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: -5px;}
|
||||
.stui-pannel__head .more{ line-height: 30px;}
|
||||
|
||||
/* tabbar */
|
||||
.stui_nav__taddar .item{ display: block; text-align: center;}
|
||||
.stui_nav__taddar .item .icon{ display: block; text-align: center; font-size: 20px; line-height: 20px;}
|
||||
.stui_nav__taddar .item .icon-img{display: inline-block; width: 24px; height: 24px;}
|
||||
.stui_nav__taddar .item .title{ display: block; margin-top: 3px; font-size: 12px;;}
|
||||
.stui_nav__taddar.fixed{ position: fixed; bottom: 0; width: 100%; padding: 5px 0 0;}
|
||||
|
||||
/* vod-list */
|
||||
.stui-vodlist__thumb{display: block; position: relative; padding-top: 150%; background: url(../img/load.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
|
||||
.stui-vodlist__thumb.square{ padding-top: 100%; background: url(../img/load.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
|
||||
.stui-vodlist__thumb.active{ padding-top: 60%; background: url(../img/load.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
|
||||
.stui-vodlist__thumb.picture {background: none; overflow: hidden;}
|
||||
.stui-vodlist__thumb.picture img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
|
||||
.stui-vodlist__thumb .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(../img/play.png) center no-repeat;}
|
||||
.stui-vodlist__thumb .play.active{ display: block;}
|
||||
.stui-vodlist__thumb:hover .play{ display: block;}
|
||||
.stui-vodlist__detail.active{ padding: 0 10px 10px;}
|
||||
.stui-vodlist__detail .title{ font-size: 14px; margin-bottom: 0;}
|
||||
.stui-vodlist__detail .title.active{ font-size: 16px; margin-bottom: 10px;}
|
||||
.stui-vodlist__detail .text{ min-height: 19px; font-size: 12px; margin-bottom: 0; margin-top: 5px;}
|
||||
.stui-vodlist__detail .text-title{ font-size: 14px; line-height: 18px; margin:11px 0 0; height: 36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
|
||||
|
||||
/* text-list */
|
||||
.stui-vodlist__text li a{ display: block; padding: 10px 15px 10px 0;}
|
||||
.stui-vodlist__text.active li a{ padding: 10px 0 10px;}
|
||||
.stui-vodlist__text.active li:first-child a{ padding-top: 0;}
|
||||
.stui-vodlist__text.striped li{ padding: 10px 0 10px;}
|
||||
.stui-vodlist__text.striped li a{ display: inline-block; padding: 0;}
|
||||
.stui-vodlist__text.striped .striped-head{ padding: 10px; border-radius: 5px;}
|
||||
.stui-vodlist__text.to-color li{ padding: 10px; border-radius: 5px;}
|
||||
.stui-vodlist__text.to-color li a{ padding: 0;}
|
||||
.stui-vodlist__text.downlist{ padding-top: 0;}
|
||||
.stui-vodlist__text.downlist li{ padding: 10px 0;}
|
||||
.stui-vodlist__text.downlist li .text{ line-height: 30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
|
||||
.stui-vodlist__text.downlist li a{ display: inline-block; padding: 0;}
|
||||
.stui-vodlist__text.downlist li a.btn{ padding: 4px 12px; margin-left: 10px;}
|
||||
|
||||
/* media-list */
|
||||
.stui-vodlist__media li { padding: 10px 0 10px;}
|
||||
.stui-vodlist__media.active li:first-child{ padding-top: 0;}
|
||||
.stui-vodlist__media.active li:last-child{ padding-bottom: 0;}
|
||||
.stui-vodlist__media li .thumb,.stui-vodlist__media .detail{display: table-cell; vertical-align: top;}
|
||||
.stui-vodlist__media li .thumb .w-thumb{ width: 190px;}
|
||||
.stui-vodlist__media li .thumb .v-thumb{ width: 120px;}
|
||||
.stui-vodlist__media li .thumb .f-thumb{ width: 120px;}
|
||||
.stui-vodlist__media li .thumb .m-thumb{ width: 65px;}
|
||||
.stui-vodlist__media li .detail{ width: 100%; padding:0 20px 0;}
|
||||
.stui-vodlist__media li .detail-side{ padding:0 10px 0;}
|
||||
.stui-vodlist__media li .detail-left{ padding: 0 20px 0 0;}
|
||||
.stui-vodlist__media li .detail .title{ margin: 10px 0 10px;}
|
||||
|
||||
/* screen-list */
|
||||
.stui-vodlist__screen { padding:10px 0 5px;}
|
||||
.stui-vodlist__screen:first-child{ padding-top: 0;}
|
||||
.stui-vodlist__screen:last-child{ padding-bottom: 0;}
|
||||
.stui-vodlist__screen li{ float: left; width: 25%; margin-bottom: 5px;}
|
||||
|
||||
/* rank-list */
|
||||
.stui-vodlist__rank li{ margin-bottom: 10px;}
|
||||
.stui-vodlist__rank li:last-child{ margin-bottom: 0;}
|
||||
|
||||
/* link-list */
|
||||
.stui-link__text li{ float: left; margin-right: 15px; margin-bottom: 10px;}
|
||||
.stui-link__pic li a{ display: block; padding:10px 20px; border-radius: 4px;}
|
||||
.stui-link__pic li a img{ max-width: 100%;}
|
||||
|
||||
/* play-list */
|
||||
.stui-content__playlist{ position: relative;}
|
||||
.stui-content__playlist.overflow{ max-height: 300px; overflow-y: scroll;}
|
||||
.stui-content__playlist li{float:left; margin-bottom:10px; margin-right:10px}
|
||||
.stui-content__playlist li a{display:inline-block; padding:5px 20px;border-radius:5px}
|
||||
.stui-content__playlist.full li{ float: none; width: 100%; margin-right: 0;}
|
||||
.stui-content__playlist.column3 li{ width: 33.3333333%; padding: 0 5px; margin-right: 0;}
|
||||
.stui-content__playlist.column6 li{ width: 16.6666667%; padding: 0 5px; margin-right: 0;}
|
||||
.stui-content__playlist.column8 li{ width: 12.5%; padding: 0 5px; margin-right: 0;}
|
||||
.stui-content__playlist.column8 li.more,.stui-content__playlist.column10 li.narrow{ width: 15%;}
|
||||
.stui-content__playlist.column10 li{ width: 10%; padding: 0 5px; margin-right: 0;}
|
||||
.stui-content__playlist.column10 li.more,.stui-content__playlist.column10 li.narrow{ width: 20%;}
|
||||
.stui-content__playlist.column12 li{ width: 8.33333333%; padding: 0 5px; margin-right: 0;}
|
||||
.stui-content__playlist.column12 li.more,.stui-content__playlist.column12 li.narrow{ width: 16.6666667%;}
|
||||
.stui-content__playlist.column3,.stui-content__playlist.column6,.stui-content__playlist.column8,.stui-content__playlist.column10,.stui-content__playlist.column12{ margin: 0 -5px;}
|
||||
.stui-content__playlist.column3 li a,.stui-content__playlist.column6 li a,.stui-content__playlist.column8 li a,.stui-content__playlist.column10 li a,.stui-content__playlist.column12 li a{ padding: 5px;}
|
||||
.stui-content__playlist.full li a,.stui-content__playlist.column3 li a,.stui-content__playlist.column6 li a,.stui-content__playlist.column8 li a,.stui-content__playlist.column10 li a,.stui-content__playlist.column12 li a{ display: block; text-align: center;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
|
||||
|
||||
/* screen */
|
||||
.stui-screen__list{position:relative;padding:10px 0 0;}
|
||||
.stui-screen__list li{float:left;margin-right:10px;margin-bottom:10px}
|
||||
.stui-screen__list li span{display:inline-block;padding:3px 0 3px}
|
||||
.stui-screen__list li a{display:inline-block;padding:3px 10px;border-radius:2px}
|
||||
.stui-screen__list.letter-list li{ margin: 0;}
|
||||
.stui-screen__list.letter-list li:first-child{ margin-right: 10px;}
|
||||
.stui-screen__list.letter-list li.active a{padding:3px 10px}
|
||||
|
||||
/* page */
|
||||
.stui-page{margin-bottom:30px}.stui-page li{display:inline-block;margin-left:10px}
|
||||
.stui-page li .num,.stui-page li a{display:inline-block;padding:5px 15px;border-radius:5px}
|
||||
.stui-page-text{ padding:0 20px 20px;}
|
||||
.stui-page-text a,.stui-page-text em,.stui-page-text span{font-style:normal;display:inline-block;margin:0;padding:6px 12px;border-radius:2px;cursor:pointer}
|
||||
.stui-page-text .pagego{ padding: 6px; margin-right: 5px;border-radius: 5;}
|
||||
.stui-page-text .pagebtn{ padding: 6px 12px; cursor: pointer;}
|
||||
|
||||
/* extra */
|
||||
.stui-extra{position:fixed;right:50px;bottom:50px}
|
||||
.stui-extra li{position:relative;padding:15px 10px 0}
|
||||
.stui-extra li a,.stui-extra li span{display:block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:4px;font-size:18px;cursor:pointer}
|
||||
.stui-extra li a .icon,.stui-extra li span .icon{font-size:18px}
|
||||
.stui-extra li a img{margin-top:15px;width:20px;height:20px}
|
||||
.stui-extra li .sideslip{display:none;position:absolute;bottom:0;right:100%;width: 160px;}
|
||||
.stui-extra li .sideslip:before{content:" ";width:10px;height:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-width:0 1px 1px 0;position:absolute;bottom:20px;right:-6px;border-style:solid}
|
||||
.stui-extra li:hover .sideslip{display:block}
|
||||
|
||||
/* flickity */
|
||||
.flickity-enabled{position:relative;}
|
||||
.flickity-enabled:focus{outline:0}
|
||||
.flickity-viewport{overflow:hidden;position:relative;height:100%}
|
||||
.flickity-slider{position:absolute;width:100%;height:100%}
|
||||
.flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
|
||||
.flickity-prev-next-button{position:absolute;top:50%;width:30px;height:60px;border:none; background-color: rgba(0,0,0,.6); cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
|
||||
.flickity-prev-next-button.previous{left:10px;border-radius:0 10px 10px 0}
|
||||
.flickity-prev-next-button.next{right:10px;border-radius:10px 0 0 10px}
|
||||
.flickity-prev-next-button:disabled{opacity:0;cursor:auto}
|
||||
.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}
|
||||
.flickity-prev-next-button .arrow{fill:#fff}
|
||||
.flickity-prev-next-button.no-svg{color:#fff;font-size:18px}
|
||||
.flickity-page-dots{position:absolute;width:100%;bottom:20px;left:0;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
|
||||
.flickity-page-dots .dot{display:inline-block;width:15px;height:3px;margin:0 5px;background:#f80;opacity:.25;cursor:pointer}
|
||||
.flickity-page-dots .dot.is-selected{opacity:1}
|
||||
.flickity-page{ padding-bottom: 15px; overflow: hidden;}
|
||||
.flickity-page .flickity-page-dots{ bottom: 5px;}
|
||||
|
||||
/* carousel */
|
||||
.carousel{ position: relative; width: 100%; height:100%; overflow: hidden; white-space: nowrap;}
|
||||
.carousel [class^="col-"]{ float: none; display: inline-block;}
|
||||
.carousel .list{ padding: 0; margin-right: 20px;}
|
||||
.carousel .wide{ width: 100%; display: inline-block;}
|
||||
.carousel_center{ padding-bottom: 20px;}
|
||||
.carousel_center .list a{ position: relative;}
|
||||
.carousel_center .list a:before{ content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6);}
|
||||
.carousel_center .list.is-selected a:before{ display: none;}
|
||||
|
||||
/* popup */
|
||||
.popup{position: fixed; right: -100%; top: 0; z-index: 1001; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; transition:.5s;}
|
||||
.popup-visible{ right: 0;}
|
||||
.popup-head { padding: 15px 10px; margin-bottom: 10px;}
|
||||
.popup-head .title{ display: inline-block; margin: 0;}
|
||||
.popup-head .icon{ font-size: 20px;}
|
||||
|
||||
/* embed */
|
||||
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0}
|
||||
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
|
||||
.embed-responsive-16by9{padding-bottom:56.25%}
|
||||
.embed-responsive-4by3{padding-bottom:75%}
|
||||
|
||||
/* bootstrap.js */
|
||||
.fade{opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;}
|
||||
.fade.in{opacity: 1;}
|
||||
.tab-content>.tab-pane,.carousel-inner>.item{ display: none;}
|
||||
.tab-content>.tab-pane.active,.carousel-inner>.item.active{ display: block;}
|
||||
.dropdown{ position: relative;}
|
||||
.dropdown-menu{display: none; position:absolute; top:100%; left:-80%; z-index:1000; padding: 10px 0; border-radius: 2px;}
|
||||
.dropdown-menu:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); border-width:1px 1px 0 0; position: absolute; top:-6px; right: 20px; border-style: solid;}
|
||||
.dropdown-menu>li>a{display: block; padding: 6px 20px; text-align: center;}
|
||||
.open>.dropdown-menu {display: block;}
|
||||
.carousel-side{ position: absolute; z-index: 99; top: 0; bottom: 0; display: block; width: 100px; height: 100%;}
|
||||
.carousel-side .icon{ position: absolute; top: 50%; margin-top: -25px; display: block; width: 50px; height: 50px; text-align: center; font-size: 30px; line-height: 50px; background-color: rgba(0,0,0,0.6); color: #fff; border-radius: 50%;}
|
||||
.carousel-side.left{ left: 0;}
|
||||
.carousel-side.left .icon{ left: 30px;}
|
||||
.carousel-side.right{ right: 0; }
|
||||
.carousel-side.right .icon{ right: 30px;}
|
||||
.carousel-bootom{ position: absolute; width: 100%; bottom: 20px; left: 0; text-align: center;}
|
||||
.carousel-bootom li{ display: inline-block; margin: 0 5px; width:15px; height:3px; background: #f80; opacity:.25; cursor:pointer}
|
||||
.carousel-bootom li.active{ opacity:1;}
|
||||
|
||||
/* modal */
|
||||
.stui-modal{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}
|
||||
.stui-modal__dialog{position: relative; width: 350px; margin: 140px auto; }
|
||||
.stui-modal__content{ position: relative; background-color: #fff; border-radius: 6px; outline: 0; box-shadow: 0 3px 9px rgba(0,0,0,.5);}
|
||||
.modal-open{ overflow: hidden;}
|
||||
.modal-backdrop{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000;}
|
||||
.modal-backdrop.fade{ opacity: 0;}
|
||||
.modal-backdrop.fade.in{ opacity: .5;}
|
||||
|
||||
/* mobile-share */
|
||||
.mobile-share{ position: fixed; z-index: 999; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; animation: fade-in; animation-duration: .5s; -webkit-animation:fade-in .5s;}
|
||||
.share-weixin{ background: url(../img/share_weixin.png) rgba(0, 0, 0, .8) no-repeat; background-position: right top 10px; background-size: 80%;}
|
||||
.share-other{ background: url(../img/share_other.png) rgba(0, 0, 0, .8) no-repeat; background-position: center bottom 10px; background-size: 80%;}
|
||||
|
||||
/* more */
|
||||
.relative{ position: relative;}
|
||||
.top-fixed-up{ margin-top: 0 !important;}
|
||||
.top-fixed{ -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; transition:.5s;}
|
||||
.pull-left{ float: left !important;}
|
||||
.pull-right{ float: right !important;}
|
||||
.margin-0{ margin: 0 !important;}
|
||||
.padding-0{ padding: 0 !important;}
|
||||
.margin-t0{ margin: 0 !important;}
|
||||
.padding-t0{ padding: 0 !important;}
|
||||
.margin-b0{ margin: 0 !important;}
|
||||
.padding-b0{ padding: 0 !important;}
|
||||
.block{ display: block !important;}
|
||||
.inline-block{ display: inline-block !important;}
|
||||
.hide,.visible-lg, .visible-md, .visible-sm, .visible-xs, .visible-mi{ display: none !important;}
|
||||
.mask{ position: fixed; top: 0; left: 0; bottom: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); animation: fade-in; animation-duration: .5s; -webkit-animation:fade-in .5s;}
|
||||
@keyframes fade-in {0% {opacity: 0;}40% {opacity: 0;}100% {opacity: 1;}}
|
||||
@-webkit-keyframes fade-in { 0% {opacity: 0;} 40% {opacity: 0;}100% {opacity: 1;}}
|
||||
|
||||
@media (min-width: 1200px){
|
||||
.visible-lg { display: block !important;}
|
||||
.hidden-lg {display: none !important;}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) and (min-width: 992px){
|
||||
.visible-md { display: block !important;}
|
||||
.hidden-md {display: none!important;}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) and (min-width: 768px){
|
||||
.visible-sm{ display: block !important;}
|
||||
.hidden-sm {display: none !important;}
|
||||
}
|
||||
|
||||
@media (max-width: 991px){
|
||||
|
||||
.stui-pannel-side{ padding: 0;}
|
||||
|
||||
/* screen */
|
||||
.stui-screen__list{ height: 40px; padding:10px 0 10px; overflow:hidden; white-space: nowrap;}
|
||||
.stui-screen__list:last-child{ padding: 10px 0 0;}
|
||||
.stui-screen__list li{ float: none; display: inline-block; margin-right:10px; margin-bottom:0}
|
||||
.stui-screen__list li span{padding:2px 5px 2px 0}
|
||||
.stui-screen__list li a{padding:2px 5px 2px; white-space:nowrap}
|
||||
.stui-screen__list.letter-list li{ margin-right: 5px; margin-bottom: 0;}
|
||||
.stui-screen__list.letter-list li a,.stui-screen__list.letter-list li.active a{padding:2px 5px 2px}
|
||||
|
||||
/* vod-list */
|
||||
.stui-vodlist__detail .title.active{ font-size: 14px; margin-bottom: 0;}
|
||||
|
||||
/* media-list */
|
||||
.stui-vodlist__media li .thumb .v-thumb{ width: 110px;}
|
||||
.stui-vodlist__media li .thumb .w-thumb{ width: 130px;}
|
||||
.stui-vodlist__media li .thumb .f-thumb{ width: 70px;}
|
||||
|
||||
/* play-list */
|
||||
.stui-content__playlist{ -webkit-overflow-scrolling : touch;}
|
||||
.stui-content__playlist.column3 li{ width: 50%;}
|
||||
.stui-content__playlist.column6 li{ width: 25%;}
|
||||
.stui-content__playlist.column8 li{ width: 20%;}
|
||||
.stui-content__playlist.column10 li{ width: 16.6666667%;}
|
||||
|
||||
/* modal */
|
||||
.stui-modal__dialog{ width: 320px; margin: 50px auto;}
|
||||
|
||||
@media (max-width: 767px){
|
||||
.visible-xs { display: block !important;}
|
||||
.hidden-xs {display: none!important;}
|
||||
|
||||
/* all */
|
||||
body{ font-size: 12px;}
|
||||
|
||||
/* text */
|
||||
h1{ font-size:20px; line-height: 24px;}
|
||||
h2{ font-size:18px; line-height: 22px;}
|
||||
h3{ font-size:16px; line-height: 20px;}
|
||||
h4{ font-size:14px; line-height: 18px;}
|
||||
h5{ font-size:12px; line-height: 16px;}
|
||||
h6{ font-size:10px; line-height: 14px;}
|
||||
|
||||
/* btn */
|
||||
.btn{padding: 6px 20px;}
|
||||
.btn-min{ padding: 3px 8px;}
|
||||
.btn-lg{ padding: 12px 24px;}
|
||||
|
||||
/*nav*/
|
||||
.nav{ height: 20px;}
|
||||
.nav-head > li{ margin-top: 2px; margin-right: 20px;}
|
||||
.nav-head > li > a{ padding-bottom: 10px; font-size: 14px;}
|
||||
.nav-tabs > li{ margin-left: 20px;}
|
||||
.nav-tabs > li > a{padding: 6px 0 6px;}
|
||||
.nav-page > li > a{ padding: 0 3px; height: 20px; line-height: 18px;}
|
||||
|
||||
/* pic-text */
|
||||
.pic-text-silde{ font-size: 12px;}
|
||||
|
||||
/* line */
|
||||
.top-line:before,.top-line-dot:before{-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
|
||||
.bottom-line:after,.bottom-line-dot:before{ -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
|
||||
.m-top-line,.m-top-line-dot,.m-bottom-line,.m-bottom-line-dot{ position: relative;}
|
||||
.m-top-line:before,.m-top-line-dot:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px; -webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
|
||||
.m-bottom-line:after,.m-bottom-line-dot:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
|
||||
|
||||
/* pannel */
|
||||
.stui-pannel{ margin-bottom: 10px;}
|
||||
.stui-pannel.stui-pannel-x{ margin: 0 0 5px;}
|
||||
.stui-pannel-bg{border-radius: 0;}
|
||||
.stui-pannel-box{ padding:10px 5px;}
|
||||
.stui-pannel-box.active{ margin:5px;}
|
||||
.stui-pannel_hd{ padding:0 5px 10px;}
|
||||
|
||||
/* pannel-head */
|
||||
.stui-pannel__head{ height: 20px;}
|
||||
.stui-pannel__head.active{height: 30px;}
|
||||
.stui-pannel__head .title,.stui-pannel__head .title a{font-size: 16px;}
|
||||
.stui-pannel__head .title img{ width: 18px; height: 18px; margin-right: 5px; vertical-align: -3px;}
|
||||
.stui-pannel__head .more{ line-height: 20px;}
|
||||
|
||||
/* vod-list */
|
||||
.stui-vodlist__thumb .tag{ padding: 0 5px;}
|
||||
.stui-vodlist__thumb .silde-title{ font-size: 12px;}
|
||||
.stui-vodlist__detail .title,.stui-vodlist__detail .title.active{margin-bottom: 0; font-size: 12px;}
|
||||
|
||||
/* media-list */
|
||||
.stui-vodlist__media li .thumb .v-thumb{ width: 100px;}
|
||||
.stui-vodlist__media li .thumb .w-thumb{ width: 130px;}
|
||||
.stui-vodlist__media li .thumb .f-thumb{ width: 70px;}
|
||||
.stui-vodlist__media li .detail{ padding: 0 10px;}
|
||||
.stui-vodlist__media li .detail.active{ padding-left: 0; padding-right: 10px;}
|
||||
|
||||
/* text-list */
|
||||
.stui-vodlist__text li a{ padding:10px 0;}
|
||||
.stui-vodlist__text.downlist li{ padding: 5px 0 0;}
|
||||
|
||||
/* play-list */
|
||||
.stui-content__playlist li a{padding:5px 10px;font-size:12px}
|
||||
.stui-content__playlist.column3 li{ float: none; width: 100%;}
|
||||
.stui-content__playlist.column6 li,.stui-content__playlist.column8 li,.stui-content__playlist.column10 li,.stui-content__playlist.column12 li{ width: 25%;}
|
||||
|
||||
/* page */
|
||||
.stui-page li{float:left;width:20%;margin:0;padding:0 5px 0 5px}
|
||||
.stui-page li a,.stui-page__box li .num{display:block;padding:5px 0;text-align:center}
|
||||
.stui-page li.page-item{ width: auto; margin-bottom: 5px;}
|
||||
.stui-page li.page-item a{ padding: 5px 15px;}
|
||||
|
||||
/* extra */
|
||||
.stui-extra{right:15px;bottom:15px}
|
||||
.stui-extra li{padding:8px 0 0}
|
||||
.stui-extra li a,.stui-extra li span{width:35px;height:35px;line-height:35px;font-size:16px}
|
||||
.stui-extra li a .icon,.stui-extra li span .icon{font-size:16px}
|
||||
.stui-extra li a img{margin-top:8px;width:18px;height:18px}
|
||||
|
||||
/* carousel */
|
||||
.carousel .list{ margin-right: 10px;}
|
||||
|
||||
/* flickity */
|
||||
.flickity-prev-next-button{display: none;}
|
||||
.flickity-prev-next-button.previous{left:5px;border-radius:0 5px 5px 0}
|
||||
.flickity-prev-next-button.next{right:5px;border-radius:5px 0 0 5px}
|
||||
.flickity-page-dots{ bottom: 15px;}
|
||||
|
||||
/* modal */
|
||||
.stui-modal__dialog{ width: 100%; margin: 0; padding: 50px 20px;}
|
||||
|
||||
.carousel-control{ width: 50px; height: 100%;}
|
||||
.carousel-control .icon{ margin-top: -15px; width: 30px; height: 30px; font-size: 20px; line-height: 30px;}
|
||||
.carousel-control.left .icon{ left: 10px;}
|
||||
.carousel-control.right .icon{ right: 10px;}
|
||||
|
||||
}
|
||||
@media (max-width: 374px){
|
||||
.visible-mi{ display: block !important;}
|
||||
.hidden-mi{display: none !important;}
|
||||
|
||||
/* media-list */
|
||||
.stui-vodlist__media li .thumb .v-thumb{ width: 90px;}
|
||||
.stui-vodlist__media li .thumb .w-thumb{ width: 100px;}
|
||||
.stui-vodlist__media li .thumb .f-thumb{ width: 50px;}
|
||||
}
|
||||
128
code/public/template/videonunu/css/stui_block_color.css
Normal file
128
code/public/template/videonunu/css/stui_block_color.css
Normal file
@@ -0,0 +1,128 @@
|
||||
/*!
|
||||
* Edition v3.0 Copyright 2016-2018 http://v.shoutu.cn
|
||||
* Email 726662013@qq.com,admin@shoutu.cn
|
||||
*/
|
||||
@charset "utf-8";
|
||||
|
||||
/* all */
|
||||
body{ background: #F8F8F8; color: #666;}
|
||||
|
||||
/* text */
|
||||
a,h1, h2, h3, h4, h5, h6{ color: #333333;}
|
||||
a:hover{ color: #FF9900;}
|
||||
.text-red{ color: red;}
|
||||
.text-muted{ color: #999999;}
|
||||
|
||||
/* form */
|
||||
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #EEEEEE;}
|
||||
.form-control.colorfff{ background-color: #FFFFFF;}
|
||||
.form-control:focus{border-color:#FF9900; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}
|
||||
|
||||
/* btn */
|
||||
.btn,.btn:hover,.btn .icon{ color: #333333;}
|
||||
.btn{ border: 1px solid #EEEEEE;}
|
||||
.btn-default{ background-color: #f5f5f5; color: #333333;}
|
||||
.btn-default:hover{ background-color: #f0eeee;}
|
||||
.btn-primary{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
|
||||
.btn-primary .icon{ color: #FFFFFF;}
|
||||
.btn-primary:hover{ background-color: #FF6600; border: 1px solid #FF6600; color: #FFFFFF;}
|
||||
.btn-primary:hover .icon{ color: #FFFFFF;}
|
||||
|
||||
/* dropdown */
|
||||
.dropdown-menu{ background-color: #FFFFFF; border: 1px solid #EEEEEE;}
|
||||
.dropdown-menu:before{background-color: #FFFFFF; border-color: #EEEEEE;}
|
||||
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: #FF9900; color: #FFFFFF;}
|
||||
|
||||
/* line */
|
||||
.split-line{ background-color: #EEEEEE;}
|
||||
.top-line:before{ border-top: 1px solid #EEEEEE;}
|
||||
.bottom-line:after{ border-bottom: 1px solid #EEEEEE;}
|
||||
.top-line-dot:before{ border-top: 1px dotted #EEEEEE;}
|
||||
.bottom-line-dot:before{ border-bottom: 1px dotted #EEEEEE;}
|
||||
|
||||
/* badge */
|
||||
.badge{ background-color: #EEEEEE;}
|
||||
.badge-first{ background-color: #FF4A4A; color: #FFFFFF;}
|
||||
.badge-second{ background-color: #FF7701; color: #FFFFFF;}
|
||||
.badge-third{ background-color: #FFB400; color: #FFFFFF;}
|
||||
|
||||
/* nav */
|
||||
.nav-head > li.active > a,.nav-tabs > li.active > a{ border-bottom: 2px solid #FF9900; color: #FF9900;}
|
||||
.nav-tag > li > a,.nav-page > li > a{ background-color: #FFFFFF; border: 1px solid #EEEEEE; color: #333333;}
|
||||
.nav-tag > li > a:hover,.nav-tag > li.active a,.nav-page > li > a:hover,.nav-page > li.active > a{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
|
||||
.nav-page > li > a:hover > .icon{ color: #fff;}
|
||||
|
||||
/* tag */
|
||||
.tag-type li a{ background-color: #FFFFFF; border: 1px solid #EEEEEE; color: #666666;}
|
||||
.tag-type li a:hover,.tag-type li.active a{ background-color: #FF9900; border: 1px solid #FF9900; color: #FFFFFF;}
|
||||
.tag-btn li a{ background-color: #F8F8F8; color: #666666;}
|
||||
.tag-btn li a.active,.tag-text li a.active,.tag-type li a.active{ color: #FF9900;}
|
||||
.tag-btn li a:hover,.tag li.active a{ background-color: #FF9900; color: #FFFFFF;}
|
||||
|
||||
/* pic-tag */
|
||||
.pic-tag{ background-color: rgba(0,0,0,0.6); color: #FFFFFF;}
|
||||
.pic-tag.active,.pic-tag-h{ background-color: #FF9900; color: #FFFFFF;}
|
||||
.pic-text,.pic-title-b{ background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #FFFFFF;}
|
||||
.pic-text.active{ background: rgba(0,0,0,0.6); color: #FFFFFF;}
|
||||
.pic-title-t{background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); color: #FFFFFF;}
|
||||
|
||||
/* pannel */
|
||||
.stui-pannel-bg{background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
|
||||
|
||||
/* tabbar */
|
||||
.stui_nav__taddar .item .icon,.stui_nav__taddar .item .title{ color: #999;}
|
||||
.stui_nav__taddar .item.active .title,.stui_nav__taddar .item.active .icon{color: #FF9900;}
|
||||
.stui_nav__taddar.fixed{ background-color: #FFFFFF;}
|
||||
|
||||
/* vodlist */
|
||||
.stui-vodlist__bg{background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(0,0,0,.05);}
|
||||
.stui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
|
||||
|
||||
/* text-list */
|
||||
.stui-vodlist__text.striped .striped-head,.stui-vodlist__text.to-color li:nth-of-type(odd){ background-color: #f5f5f5;}
|
||||
|
||||
/* link */
|
||||
.stui-link__pic li a{ background-color: #FFFFFF; border: 1px solid #F5F5F5;}
|
||||
.stui-link__pic li a:hover{ border: 1px solid #FF9900;}
|
||||
|
||||
/* screen */
|
||||
.stui-screen__list li a{ color: #333333;}
|
||||
.stui-screen__list li.active a{ background-color: #FF9900; color: #FFFFFF;}
|
||||
|
||||
/* playlist */
|
||||
.stui-content__playlist li a{ border: 1px solid #EEEEEE;}
|
||||
.stui-content__playlist li a:hover,.stui-content__playlist li.active a{ border: 1px solid #FF9900; background-color: #FF9900; color: #FFFFFF;}
|
||||
|
||||
/* player */
|
||||
.stui-player__video{ background-color: #000000;}
|
||||
|
||||
/* page */
|
||||
.stui-page li a,.stui-page li .num,.stui-page-text a,.stui-page-text em,.stui-page-text span{background-color: #FFFFFF; border: 1px solid #EEEEEE;}
|
||||
.stui-page li a:hover,.stui-page li.active a,.stui-page li.active .num,.stui-page li.disabled a,.stui-page-text span.pagenow{ background-color: #FF9900; color: #FFFFFF; border: 1px solid #FF9900;}
|
||||
.stui-page-text .pagego{ border: 1px solid #EEEEEE;}
|
||||
.stui-page-text .pagebtn{background-color: #FFFFFF; border: 1px solid #EEEEEE;}
|
||||
|
||||
/* extra */
|
||||
.stui-extra li a,.stui-extra li span{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.stui-extra li a.backtop{ background-color: rgba(0,0,0,0.6); color: #FFFFFF; }
|
||||
.stui-extra li .sideslip{ background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.stui-extra li .sideslip:before{ background-color: #FFFFFF; border-color: rgba(0, 0, 0, 0.1);}
|
||||
|
||||
/* popup */
|
||||
.popup{ background-color: #F8F8F8;}
|
||||
.popup-head{ background-color: #FFFFFF;}
|
||||
|
||||
@media (max-width: 767px){
|
||||
|
||||
/* form */
|
||||
.form-control{ background-color:#F8F8F8; color: #999999; border: 0;}
|
||||
|
||||
/*pannel*/
|
||||
.stui-pannel-bg,.stui-vodlist__bg,.stui-vodlist__bg:hover{box-shadow: none;}
|
||||
|
||||
/* line */
|
||||
.m-top-line:before{ border-top: 1px solid #EEEEEE;}
|
||||
.m-bottom-line:after{ border-bottom: 1px solid #EEEEEE;}
|
||||
.m-top-line-dot:before{ border-top: 1px dotted #EEEEEE;}
|
||||
.m-bottom-line-dot:before{ border-bottom: 1px dotted #EEEEEE;}
|
||||
}
|
||||
373
code/public/template/videonunu/css/stui_default.css
Normal file
373
code/public/template/videonunu/css/stui_default.css
Normal file
@@ -0,0 +1,373 @@
|
||||
/*!
|
||||
* Edition v2.0 Copyright 2016-2018 http://v.shoutu.cn
|
||||
* Email 726662013@qq.com,admin@shoutu.cn
|
||||
*/
|
||||
@charset "utf-8";
|
||||
/* all */
|
||||
body{padding-top:80px}
|
||||
|
||||
/* header */
|
||||
.stui-header__top{position:fixed;top:0;z-index:999;width:100%;height:60px; background-color: #1f7009; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.top-fixed-down{margin-top:-60px}
|
||||
.stui-header__side{float:right}
|
||||
|
||||
/* header-logo */
|
||||
.stui-header__logo,.stui-header__menu{float:left;line-height: 50px;font-size: 1rem;}
|
||||
.stui-header__logo{margin-top:5px}
|
||||
.stui-header__logo .logo{display:block;width:150px;height:50px;background-position:50% 50% !important;background-size:cover !important;color:#FF9900}
|
||||
|
||||
/* header-menu */
|
||||
.stui-header__menu{position:relative;margin-left:10px}
|
||||
.stui-header__menu li{float:left; margin-left: 20px; margin-right:20px}
|
||||
.stui-header__menu li a{display:inline-block; line-height: 58px;font-size:15px; color: #fff;}
|
||||
.stui-header__menu li.active a{ border-bottom: 2px solid #FF9900;}
|
||||
|
||||
/* header-seacrh */
|
||||
.stui-header__search{float:left;position:relative;margin-top:15px;width:200px}
|
||||
.stui-header__search .form-control{ border: 1px solid #020411; background-color: #323232;}
|
||||
.stui-header__search .submit{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center; background: none; border: 0;cursor: pointer;}
|
||||
.stui-header__search .submit .icon{font-size:14px;color:#999}
|
||||
|
||||
/* header-user */
|
||||
.stui-header__user{float:right}
|
||||
.stui-header__user > li{ float:left; position: relative; padding: 18px 0 10px; margin-left: 30px}
|
||||
.stui-header__user > li > a .icon{ display: inline-block; font-size: 24px; line-height: 24px;}
|
||||
.stui-header__user > li > a,.stui-header__user > li > a .icon{ color: #fff;}
|
||||
.stui-header__user > li .dropdown{ display: none; position: absolute; z-index: 999; width: 240px; top: 100%; right: -15px; padding: 15px; font-size: 12px; color: #999; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.2); border-radius: 4px;}
|
||||
.stui-header__user > li .dropdown:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position: absolute; top:-5px; right: 22px; background-color: #fff;}
|
||||
.stui-header__user .dropdown li{ position: relative; padding: 10px 0;}
|
||||
.stui-header__user .dropdown li:first-child{ margin-top: 10px;}
|
||||
.stui-header__user .dropdown li:last-child{ padding-bottom: 0;}
|
||||
|
||||
/* index */
|
||||
.stui_nav__taddar .item,.stui-index__code{ padding: 15px; border-radius: 4px;}
|
||||
.stui_nav__taddar .item{ background-color: #1f7009;}
|
||||
.stui_nav__taddar .item:hover .title{ color: #fff;}
|
||||
.stui-index__code{ background-color: #f8f8f8;}
|
||||
|
||||
/* content */
|
||||
.stui-content__detail,.stui-content__thumb{display:table-cell;vertical-align:top}
|
||||
.stui-content__thumb .v-thumb{width:190px}
|
||||
.stui-content__thumb .w-thumb{width:300px}
|
||||
.stui-content__detail{width:100%;padding:10px 0 20px 20px;}
|
||||
.stui-content__detail .title{margin: 0 0 10px;}
|
||||
.stui-content__detail .data{margin-bottom:10px}
|
||||
.stui-content__detail .data li{float:left;margin-right:20px}
|
||||
.stui-content__detail .play-btn{margin-top:20px}
|
||||
.stui-content__detail .play-btn .btn{ margin-right: 10px;}
|
||||
.stui-content__detail .play-btn .share{margin-top:5px}
|
||||
.stui-content__detail .score{margin-bottom: 15px;}
|
||||
.stui-content__detail .score .branch{display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; line-height: 24px; color: #09BB07;}
|
||||
.stui-content__detail .score .branch .text{ font-size: 12px;}
|
||||
.stui-content__detail .score .star{display: inline-block; position: relative; top: 5px; width: 160px; height: 25px; background: url(../img/star1.png) 0 0 no-repeat;}
|
||||
.stui-content__detail .score .star .star-cur{display: inline-block; background: url(../img/star.png) 0 0 no-repeat; height: 25px; position: absolute; top: 0; z-index: 1;}
|
||||
.detail-sketch,.detail-content{ font-size: 14px; line-height: 25px;}
|
||||
.detail-content img{ max-width: 100%;}
|
||||
|
||||
/* player */
|
||||
.stui-player__video{ background-color: #000}
|
||||
.stui-player__detail{ margin-top: 20px;}
|
||||
.stui-player__detail .more-btn{ float: right; padding-top: 10px;}
|
||||
.stui-player__detail .more-btn li{ display: inline-block; margin-left: 10px;}
|
||||
.stui-player__detail .more-btn .btn{ padding: 6px 15px;}
|
||||
.stui-player__detail .title{margin:0 0 10px}
|
||||
.stui-player__detail .detail-content{padding-top:10px}
|
||||
.stui-player__detail .desc{padding-left:42px}
|
||||
.stui-player__detail .desc .left{margin-left:-42px}
|
||||
|
||||
/* autocomplete */
|
||||
.autocomplete-suggestions{ padding: 0 10px; margin-top: 5px; border-radius:4px; background-color: #FFFFFF; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
|
||||
.autocomplete-suggestions.active{position: absolute; z-index: 9999; top: 100%; width: 100%;}
|
||||
.autocomplete-suggestion{padding:10px 0; cursor:pointer; border-top: 1px solid #eee;}
|
||||
.autocomplete-suggestion:first-child{border-top:0}
|
||||
.mac_results{ z-index: 9999; padding: 0 10px; margin-top: 5px; border-radius:4px; background-color: #FFFFFF; border:1px solid #EEEEEE; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
|
||||
.mac_results li{padding:10px 0; cursor:pointer; border-top: 1px solid #EEEEEE;}
|
||||
.mac_results li:first-child{ border: 0;}
|
||||
|
||||
/* screen */
|
||||
.stui-screen__min{ padding-left: 20px; border-left: 1px solid #EEEEEE;}
|
||||
.stui-screen__min.first{ padding-left: 0; border-left: 0;}
|
||||
.stui-screen__min dd a{ display: inline-block; margin-top: 10px; margin-right: 16px;}
|
||||
|
||||
@media (min-width:768px){
|
||||
.container{width:750px}
|
||||
}
|
||||
@media (min-width:992px){
|
||||
.container{width:920px}
|
||||
}
|
||||
@media (min-width:1200px){
|
||||
.container{width:1170px}
|
||||
}
|
||||
@media (max-width:1024px){
|
||||
|
||||
/* all */
|
||||
body{ padding-top:90px}
|
||||
|
||||
/* header */
|
||||
.stui-header__top{ height: 90px;}
|
||||
.top-fixed-down{margin-top:-50px}
|
||||
.stui-header__side{float:none;position:absolute;top:0;left:150px;right:0;width:auto}
|
||||
.stui-header__logo,.stui-header__menu{float:none}
|
||||
.stui-header__logo{margin:10px 0 10px}
|
||||
.stui-header__logo .logo{width:127px;height:30px;}
|
||||
.stui-header__search{float:right;margin-top:10px}
|
||||
.stui-header__menu{margin:0;padding:0;}
|
||||
.stui-header__menu:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5); border-top: 1px solid #323232;}
|
||||
.stui-header__menu li{margin-top:0; margin-left: 10px; margin-right:10px}
|
||||
.stui-header__menu li a{padding:0;line-height:38px;font-size:14px;white-space:nowrap}
|
||||
.stui-header__menu li.active a{position:relative; color: #fff;}
|
||||
.stui-header__user > li{ padding: 15px 0 10px; margin-right: 10px;}
|
||||
.stui-header__user > li .dropdown{ right: 0;}
|
||||
.stui-header__user > li .dropdown:before{ right: 8px;}
|
||||
.stui-header__menu > li:hover .dropdown,.stui-header__user > li:hover .dropdown{ display: none;}
|
||||
|
||||
/* screen */
|
||||
.stui-screen__min{ padding-left: 0;}
|
||||
.stui-screen__min dt{ float: left; width: 50px;}
|
||||
.stui-screen__min dd{ padding-bottom: 10px;}
|
||||
.stui-screen__min dd.active{ padding-bottom: 0;}
|
||||
.stui-screen__min dd a{ margin: 0 10px; white-space:nowrap}
|
||||
}
|
||||
@media (max-width:767px){
|
||||
|
||||
/* header */
|
||||
.stui-header__logo{margin-left:10px;line-height:30px;}
|
||||
.stui-header__search{position:absolute;top:0;left:0;right:50px;width:auto}
|
||||
.stui-header__menu{padding-left:10px}
|
||||
|
||||
/* content */
|
||||
.stui-content__thumb .v-thumb{width:115px}
|
||||
.stui-content__thumb .w-thumb{width:160px}
|
||||
.stui-content__detail{padding:0 10px}
|
||||
.stui-content__detail .title{margin:10px 0 5px; font-size:16px;line-height:18px}
|
||||
.stui-content__detail .data{margin:0 0 10px;font-size:12px}
|
||||
.stui-content__detail .play-btn{margin:0;padding:0}
|
||||
.stui-content__detail .score{ margin-bottom: 10px;}
|
||||
.stui-content__detail .score .star{ zoom: 80%;}
|
||||
.stui-content__detail .score .branch{ font-size: 18px; line-height: 18px;}
|
||||
|
||||
/* player */
|
||||
.stui-player__detail.detail .title{ margin-top: 10px; font-size: 16px;}
|
||||
.stui-player__detail{ margin-top: 0;}
|
||||
.stui-player__detail .data .title{font-size:16px}
|
||||
.stui-player__detail .more-btn{ margin-bottom: 10px;}
|
||||
.stui-player__detail .more-btn{ float: none; padding: 10px; background-color: #222; display: -webkit-box; display: -webkit-flex; display: flex;}
|
||||
.stui-player__detail .more-btn li{ margin: 0; padding: 0 5px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center;}
|
||||
.stui-player__detail .more-btn .btn{ display: block; padding: 6px;}
|
||||
|
||||
/* screen */
|
||||
.stui-screen__min{ border-left: 0;}
|
||||
.stui-screen__min:before{ border-top: 1px solid #EEEEEE;}
|
||||
|
||||
/* type */
|
||||
.stui-mobile__type li{padding:0 20px}
|
||||
.stui-mobile__type li a{display:block;padding:10px 0;text-align:center}
|
||||
|
||||
/* foot */
|
||||
.stui-foot{padding:20px 0}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 针对PC端，屏幕宽度大于768px */
|
||||
@media (min-width: 769px) {
|
||||
.stui-screen__list {
|
||||
display: flex;
|
||||
overflow-x: auto; /* 横向滚动 */
|
||||
white-space: nowrap; /* 强制一行显示 */
|
||||
scrollbar-width: thin; /* 滚动条宽度（Firefox） */
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.stui-screen__list::-webkit-scrollbar {
|
||||
height: 8px; /* 滚动条高度（Chrome/Safari） */
|
||||
}
|
||||
|
||||
.stui-screen__list::-webkit-scrollbar-thumb {
|
||||
background: #ccc!important; /* 滚动条颜色 */
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.stui-screen__list::-webkit-scrollbar-thumb:hover {
|
||||
background: #aaa!important; /* 滚动条悬停颜色 */
|
||||
}
|
||||
|
||||
.stui-screen__list li {
|
||||
flex: 0 0 auto; /* 防止缩小，保持原始宽度 */
|
||||
margin-right: 10px; /* 导航项间距 */
|
||||
}
|
||||
|
||||
.stui-screen__list li a {
|
||||
display: inline-block;
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* 清除浮动和默认样式 */
|
||||
.stui-screen__list.clearfix::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.pai-hang-bang-li{
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.view-title {
|
||||
font-size: 1rem;
|
||||
text-indent: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.view-description {
|
||||
font-size: 0.8rem;
|
||||
text-indent: 10px;
|
||||
}
|
||||
|
||||
.video-play-page .view-title {
|
||||
margin-top: 10px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.video-play-page .view-description {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/** 播放器 start */
|
||||
|
||||
.video-play-page .stui-player__head {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.video-play-page .dplayer-video-wrap {
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
.video-play-page video {
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
|
||||
.view-title {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.view-description {
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
body.video-play-page {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.video-play-page .stui-header__top {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.video-play-page .stui-player__head {
|
||||
display: block;
|
||||
padding: 15px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.video-play-page .stui-player__head a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.video-play-page .dplayer-video-wrap {
|
||||
max-height: 218px;
|
||||
}
|
||||
|
||||
.video-play-page video {
|
||||
max-height: 218px;
|
||||
}
|
||||
}
|
||||
|
||||
/** 播放器 end */
|
||||
|
||||
|
||||
|
||||
/* 面包屑容器 -----------------------------start */
|
||||
|
||||
/* 面包屑容器 */
|
||||
.breadcrumb {
|
||||
font-family: Arial, sans-serif;
|
||||
padding: 10px 15px;
|
||||
background-color: #f8f9fa;
|
||||
border-radius: 5px;
|
||||
/* margin: 10px 0; */
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.detail-info-box .breadcrumb,
|
||||
.video-play-page .breadcrumb {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 有序列表样式 */
|
||||
.breadcrumb ol {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* 面包屑项 */
|
||||
.breadcrumb-item {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* 链接样式 */
|
||||
.breadcrumb-item a {
|
||||
text-decoration: none;
|
||||
color: #007bff;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
.breadcrumb-item a:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* 分隔符 */
|
||||
.breadcrumb-item+.breadcrumb-item::before {
|
||||
content: ">";
|
||||
margin: 0 8px;
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 当前页面样式 */
|
||||
.breadcrumb-item.active {
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 响应式调整 */
|
||||
@media (max-width: 768px) {
|
||||
.breadcrumb {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
.breadcrumb-item {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.breadcrumb-item+.breadcrumb-item::before {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 面包屑容器 -----------------------------end */
|
||||
145
code/public/template/videonunu/font/iconfont.css
Normal file
145
code/public/template/videonunu/font/iconfont.css
Normal file
File diff suppressed because one or more lines are too long
BIN
code/public/template/videonunu/icon/dian-shi-ju.png
Normal file
BIN
code/public/template/videonunu/icon/dian-shi-ju.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
code/public/template/videonunu/icon/dian-ying.png
Normal file
BIN
code/public/template/videonunu/icon/dian-ying.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
code/public/template/videonunu/icon/dong-man.png
Normal file
BIN
code/public/template/videonunu/icon/dong-man.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
code/public/template/videonunu/icon/duan-ju-da-quan.png
Normal file
BIN
code/public/template/videonunu/icon/duan-ju-da-quan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
code/public/template/videonunu/icon/icon_12.png
Normal file
BIN
code/public/template/videonunu/icon/icon_12.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
code/public/template/videonunu/icon/icon_24.png
Normal file
BIN
code/public/template/videonunu/icon/icon_24.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
code/public/template/videonunu/icon/icon_26.png
Normal file
BIN
code/public/template/videonunu/icon/icon_26.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
code/public/template/videonunu/icon/icon_27.png
Normal file
BIN
code/public/template/videonunu/icon/icon_27.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
code/public/template/videonunu/icon/icon_30.png
Normal file
BIN
code/public/template/videonunu/icon/icon_30.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
code/public/template/videonunu/icon/icon_6.png
Normal file
BIN
code/public/template/videonunu/icon/icon_6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
code/public/template/videonunu/icon/zong-yi.png
Normal file
BIN
code/public/template/videonunu/icon/zong-yi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
code/public/template/videonunu/img/favicon.ico
Normal file
BIN
code/public/template/videonunu/img/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
code/public/template/videonunu/img/load.gif
Normal file
BIN
code/public/template/videonunu/img/load.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
code/public/template/videonunu/img/play.png
Normal file
BIN
code/public/template/videonunu/img/play.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
55
code/public/template/videonunu/js/history.js
Normal file
55
code/public/template/videonunu/js/history.js
Normal file
@@ -0,0 +1,55 @@
|
||||
/*!
|
||||
* Copyright 2016-2018 http://v.shoutu.cn
|
||||
* Email 726662013@qq.com,admin@shoutu.cn
|
||||
*/
|
||||
$(document).ready(function($){
|
||||
var recente=$.cookie("recente");
|
||||
var len=0;
|
||||
var canadd=true;
|
||||
// $.cookie("recente",null,{expires:-1,path: '/'});
|
||||
// alert(recente);
|
||||
if(recente){
|
||||
recente = eval("("+recente+")");
|
||||
len=recente.length;
|
||||
$(recente).each(function(){
|
||||
if(vod_name==this.vod_name){ //已记录则修改
|
||||
canadd=false;
|
||||
var json="[";
|
||||
$(recente).each(function(i){
|
||||
var temp_name,temp_url,temp_part;
|
||||
if(this.vod_name==vod_name){
|
||||
temp_name=vod_name;
|
||||
temp_url=vod_url;
|
||||
temp_part=vod_part;
|
||||
}else{
|
||||
temp_name=this.vod_name;
|
||||
temp_url=this.vod_url;
|
||||
temp_part=this.vod_part;
|
||||
}
|
||||
json+="{\"vod_name\":\""+temp_name+"\",\"vod_url\":\""+temp_url+"\",\"vod_part\":\""+temp_part+"\"}";
|
||||
if(i!=len-1)
|
||||
json+=",";
|
||||
})
|
||||
json+="]";
|
||||
$.cookie("recente",json,{path:"/",expires:(2)});
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
if(canadd){ //无记录则添加
|
||||
var json="[";
|
||||
var start=0;
|
||||
var isfirst="]";
|
||||
isfirst=!len?"]":",";
|
||||
json+="{\"vod_name\":\""+vod_name+"\",\"vod_url\":\""+vod_url+"\",\"vod_part\":\""+vod_part+"\"}"+isfirst;
|
||||
if(len>9)
|
||||
len-=1;
|
||||
for(i=0;i<len-1;i++){
|
||||
json+="{\"vod_name\":\""+recente[i].vod_name+"\",\"vod_url\":\""+recente[i].vod_url+"\",\"vod_part\":\""+recente[i].vod_part+"\"},";
|
||||
}
|
||||
if(len>0){
|
||||
json+="{\"vod_name\":\""+recente[len-1].vod_name+"\",\"vod_url\":\""+recente[len-1].vod_url+"\",\"vod_part\":\""+recente[len-1].vod_part+"\"}]";
|
||||
}
|
||||
$.cookie("recente",json,{path:"/",expires:(2)});
|
||||
}
|
||||
})
|
||||
773
code/public/template/videonunu/js/home.js
Normal file
773
code/public/template/videonunu/js/home.js
Normal file
@@ -0,0 +1,773 @@
|
||||
String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }
|
||||
String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); }
|
||||
var base64EncodeChars="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";var base64DecodeChars=new Array(-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,62,-1,-1,-1,63,52,53,54,55,56,57,58,59,60,61,-1,-1,-1,-1,-1,-1,-1,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,-1,-1,-1,-1,-1,-1,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,-1,-1,-1,-1,-1);function base64encode(str){var out,i,len;var c1,c2,c3;len=str.length;i=0;out="";while(i<len){c1=str.charCodeAt(i++)&0xff;if(i==len){out+=base64EncodeChars.charAt(c1>>2);out+=base64EncodeChars.charAt((c1&0x3)<<4);out+="==";break}c2=str.charCodeAt(i++);if(i==len){out+=base64EncodeChars.charAt(c1>>2);out+=base64EncodeChars.charAt(((c1&0x3)<<4)|((c2&0xF0)>>4));out+=base64EncodeChars.charAt((c2&0xF)<<2);out+="=";break}c3=str.charCodeAt(i++);out+=base64EncodeChars.charAt(c1>>2);out+=base64EncodeChars.charAt(((c1&0x3)<<4)|((c2&0xF0)>>4));out+=base64EncodeChars.charAt(((c2&0xF)<<2)|((c3&0xC0)>>6));out+=base64EncodeChars.charAt(c3&0x3F)}return out}function base64decode(str){var c1,c2,c3,c4;var i,len,out;len=str.length;i=0;out="";while(i<len){do{c1=base64DecodeChars[str.charCodeAt(i++)&0xff]}while(i<len&&c1==-1);if(c1==-1)break;do{c2=base64DecodeChars[str.charCodeAt(i++)&0xff]}while(i<len&&c2==-1);if(c2==-1)break;out+=String.fromCharCode((c1<<2)|((c2&0x30)>>4));do{c3=str.charCodeAt(i++)&0xff;if(c3==61)return out;c3=base64DecodeChars[c3]}while(i<len&&c3==-1);if(c3==-1)break;out+=String.fromCharCode(((c2&0XF)<<4)|((c3&0x3C)>>2));do{c4=str.charCodeAt(i++)&0xff;if(c4==61)return out;c4=base64DecodeChars[c4]}while(i<len&&c4==-1);if(c4==-1)break;out+=String.fromCharCode(((c3&0x03)<<6)|c4)}return out}function utf16to8(str){var out,i,len,c;out="";len=str.length;for(i=0;i<len;i++){c=str.charCodeAt(i);if((c>=0x0001)&&(c<=0x007F)){out+=str.charAt(i)}else if(c>0x07FF){out+=String.fromCharCode(0xE0|((c>>12)&0x0F));out+=String.fromCharCode(0x80|((c>>6)&0x3F));out+=String.fromCharCode(0x80|((c>>0)&0x3F))}else{out+=String.fromCharCode(0xC0|((c>>6)&0x1F));out+=String.fromCharCode(0x80|((c>>0)&0x3F))}}return out}function utf8to16(str){var out,i,len,c;var char2,char3;out="";len=str.length;i=0;while(i<len){c=str.charCodeAt(i++);switch(c>>4){case 0:case 1:case 2:case 3:case 4:case 5:case 6:case 7:out+=str.charAt(i-1);break;case 12:case 13:char2=str.charCodeAt(i++);out+=String.fromCharCode(((c&0x1F)<<6)|(char2&0x3F));break;case 14:char2=str.charCodeAt(i++);char3=str.charCodeAt(i++);out+=String.fromCharCode(((c&0x0F)<<12)|((char2&0x3F)<<6)|((char3&0x3F)<<0));break}}return out}
|
||||
|
||||
var MAC={
|
||||
'Url': document.URL,
|
||||
'Title': document.title,
|
||||
'UserAgent' : function(){
|
||||
var ua = navigator.userAgent;//navigator.appVersion
|
||||
return {
|
||||
'mobile': !!ua.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
|
||||
'ios': !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
|
||||
'android': ua.indexOf('Android') > -1 || ua.indexOf('Linux') > -1, //android终端或者uc浏览器
|
||||
'iPhone': ua.indexOf('iPhone') > -1 || ua.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
|
||||
'iPad': ua.indexOf('iPad') > -1, //是否iPad
|
||||
'trident': ua.indexOf('Trident') > -1, //IE内核
|
||||
'presto': ua.indexOf('Presto') > -1, //opera内核
|
||||
'webKit': ua.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
|
||||
'gecko': ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') == -1, //火狐内核
|
||||
'weixin': ua.indexOf('MicroMessenger') > -1 //是否微信 ua.match(/MicroMessenger/i) == "micromessenger",
|
||||
};
|
||||
}(),
|
||||
'Copy': function(s){
|
||||
if (window.clipboardData){ window.clipboardData.setData("Text",s); }
|
||||
else{
|
||||
if( $("#mac_flash_copy").get(0) ==undefined ){ $('<div id="mac_flash_copy"></div>'); } else {$('#mac_flash_copy').html(''); }
|
||||
$('#mac_flash_copy').html('<embed src='+SitePath+'"images/_clipboard.swf" FlashVars="clipboard='+escape(s)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>');
|
||||
}
|
||||
alert("复制成功")
|
||||
},
|
||||
'Home': function(o,u){
|
||||
try{
|
||||
o.style.behavior='url(#default#homepage)'; o.setHomePage(u);
|
||||
}
|
||||
catch(e){
|
||||
if(window.netscape){
|
||||
try{netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");}
|
||||
catch(e){ alert("此操作被浏览器拒绝！请手动设置");}
|
||||
var moz = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
|
||||
moz.setCharPref('browser.startup.homepage',u);
|
||||
}
|
||||
}
|
||||
},
|
||||
'Fav': function(u,s){
|
||||
try{ window.external.addFavorite(u, s);}
|
||||
catch (e){
|
||||
try{window.sidebar.addPanel(s, u, "");}catch (e){ alert("加入收藏出错，请使用键盘Ctrl+D进行添加"); }
|
||||
}
|
||||
},
|
||||
'Open': function(u,w,h){
|
||||
window.open(u,'macopen1','toolbars=0, scrollbars=0, location=0, statusbars=0,menubars=0,resizable=yes,width='+w+',height='+h+'');
|
||||
},
|
||||
'Cookie': {
|
||||
'Set': function(name,value,days){
|
||||
var exp = new Date();
|
||||
exp.setTime(exp.getTime() + days*24*60*60*1000);
|
||||
var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
|
||||
document.cookie=name+"="+encodeURIComponent(value)+";path=/;expires="+exp.toUTCString();
|
||||
},
|
||||
'Get': function(name){
|
||||
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
|
||||
if(arr != null){ return decodeURIComponent(arr[2]); return null; }
|
||||
},
|
||||
'Del': function(name){
|
||||
var exp = new Date();
|
||||
exp.setTime(exp.getTime()-1);
|
||||
var cval = this.Get(name);
|
||||
if(cval != null){ document.cookie = name+"="+encodeURIComponent(cval)+";path=/;expires="+exp.toUTCString(); }
|
||||
}
|
||||
},
|
||||
'GoBack':function(){
|
||||
var ldghost=document.domain;
|
||||
if(document.referrer.indexOf(ldghost)>0) {
|
||||
history.back();
|
||||
}
|
||||
else{
|
||||
window.location ="http://"+ldghost;
|
||||
}
|
||||
},
|
||||
'Adaptive':function(){
|
||||
if(maccms.mob_status=='1'&& maccms.url != maccms.wapurl){
|
||||
if(document.domain ==maccms.url && MAC.UserAgent.mobile){
|
||||
location.href = location.href.replace(maccms.url,maccms.wapurl);
|
||||
}
|
||||
else if(document.domain ==maccms.wapurl && !MAC.UserAgent.mobile){
|
||||
location.href = location.href.replace(maccms.wapurl,maccms.url);
|
||||
}
|
||||
}
|
||||
},
|
||||
'CheckBox':{
|
||||
'All':function(n){
|
||||
$("input[name='"+n+"']").each(function() {
|
||||
this.checked = true;
|
||||
});
|
||||
},
|
||||
'Other':function(n){
|
||||
$("input[name='"+n+"']").each(function() {
|
||||
this.checked = !this.checked;
|
||||
});
|
||||
},
|
||||
'Count':function(n){
|
||||
var res=0;
|
||||
$("input[name='"+n+"']").each(function() {
|
||||
if(this.checked){ res++; }
|
||||
});
|
||||
return res;
|
||||
},
|
||||
'Ids':function(n){
|
||||
var res=[];
|
||||
$("input[name='"+n+"']").each(function() {
|
||||
if(this.checked){ res.push(this.value); }
|
||||
});
|
||||
return res.join(",");
|
||||
}
|
||||
},
|
||||
'Qrcode':function(){
|
||||
$('.mac_qrcode').attr('src','//api.maccms.com/qrcode/?w=150&h=150&url=' + MAC.Url);
|
||||
},
|
||||
'Image':{
|
||||
'Lazyload':{
|
||||
'Show': function(){
|
||||
try { $("img.lazy").lazyload(); }catch(e){};
|
||||
},
|
||||
'Box': function($id){
|
||||
$("img.lazy").lazyload({
|
||||
container: $("#"+$id)
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
'Verify': {
|
||||
'Init': function(){
|
||||
MAC.Verify.Focus();
|
||||
MAC.Verify.Click();
|
||||
},
|
||||
'Focus': function(){//验证码框焦点
|
||||
$('body').on("focus", ".mac_verify", function(){
|
||||
$(this).removeClass('mac_verify').after(MAC.Verify.Show());
|
||||
$(this).unbind();
|
||||
});
|
||||
},
|
||||
'Click': function(){//点击刷新
|
||||
$('body').on('click', 'img.mac_verify_img', function(){
|
||||
$(this).attr('src', maccms.path +'/index.php/verify/index.html?');
|
||||
});
|
||||
},
|
||||
'Refresh':function(){
|
||||
$('.mac_verify_img').attr('src', maccms.path +'/index.php/verify/index.html?');
|
||||
},
|
||||
'Show':function(){
|
||||
return '<img class="mac_verify_img" src="'+ maccms.path +'/index.php/verify/index.html?" title="看不清楚? 换一张！">';
|
||||
}
|
||||
},
|
||||
'PageGo':{
|
||||
'Init':function() {
|
||||
$('.mac_page_go').click(function () {
|
||||
var that =$(this);
|
||||
var url = that.attr('data-url');
|
||||
var total = that.attr('data-total');
|
||||
var sp = that.attr('data-sp');
|
||||
var page= $('#page').val();
|
||||
|
||||
if(page>0&&(page<=total)){
|
||||
url=url.replace(sp + 'PAGELINK',page).replace('PAGELINK',page);
|
||||
location.href=url;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
}
|
||||
},
|
||||
'Hits': {
|
||||
'Init':function() {
|
||||
if($('.mac_hits').length==0){
|
||||
return;
|
||||
}
|
||||
var $that = $(".mac_hits");
|
||||
$.ajax({
|
||||
type: 'get',
|
||||
url: maccms.path + '/index.php/ajax/hits?mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&type=update',
|
||||
timeout: 5000,
|
||||
dataType: 'json',
|
||||
error: function () {
|
||||
|
||||
},
|
||||
success: function (json) {
|
||||
if (json.code == 1) {
|
||||
$(".mac_hits").each(function(i){
|
||||
$type = $(".mac_hits").eq(i).attr('data-type');
|
||||
if($type != 'insert'){
|
||||
$('.'+$type).html(eval('(json.data.' + $type + ')'));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
},
|
||||
'Score': {
|
||||
'Init':function(){
|
||||
if($('.mac_score').length==0){
|
||||
return;
|
||||
}
|
||||
$('body').on('click', '.score_btn', function(e){
|
||||
MAC.Score.Submit();
|
||||
});
|
||||
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
url: maccms.path+'/index.php/ajax/score?mid='+ $('.mac_score').attr('data-mid') +'&id=' +$('.mac_score').attr('data-id'),
|
||||
timeout: 5000,
|
||||
error: function(){
|
||||
$(".mac_score").html('评分加载失败');
|
||||
},
|
||||
success: function($r){
|
||||
MAC.Score.View($r);
|
||||
}
|
||||
});
|
||||
},
|
||||
'Submit':function(){
|
||||
var $s = $('.mac_score').find("input[name='score']").val();
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
url: maccms.path+'/index.php/ajax/score?mid='+$('.mac_score').attr('data-mid')+'&id='+$('.mac_score').attr('data-id') + '&score='+ $s,
|
||||
timeout: 5000,
|
||||
error: function(){
|
||||
|
||||
},
|
||||
success: function($r){
|
||||
alert($r.msg)
|
||||
if($r.code==1){
|
||||
MAC.Score.View($r);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
'View':function($r){
|
||||
$(".rating"+Math.floor($r.data.score)).attr('checked',true);
|
||||
$(".score_num").text( $r.data.score_num );
|
||||
$(".score_all").text( $r.data.score_all );
|
||||
$(".score_pjf").text( $r.data.score );
|
||||
}
|
||||
},
|
||||
'Star': {
|
||||
'Init':function(){
|
||||
if($('.mac_star').length==0){
|
||||
return;
|
||||
}
|
||||
|
||||
$('.mac_star').raty({
|
||||
starType: 'i',
|
||||
number: 5,
|
||||
numberMax : 5,
|
||||
half: true,
|
||||
score : function(){
|
||||
return $(this).attr('data-score');
|
||||
},
|
||||
click: function(score, evt) {
|
||||
$.ajax({
|
||||
type: 'get',
|
||||
url: maccms.path+'/index.php/ajax/score?mid='+$('.mac_star').attr('data-mid')+'&id='+$('.mac_star').attr('data-id')+'&score='+(score*2),
|
||||
timeout: 5000,
|
||||
dataType:'json',
|
||||
error: function(){
|
||||
$('.star_box').attr('title', '网络异常！');
|
||||
},
|
||||
success: function(json){
|
||||
if(json.status == 1){
|
||||
$('.star_tips').html(json.data.score);
|
||||
}else{
|
||||
$('.star_box').attr('title', json.msg);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
'Digg': {
|
||||
'Init':function(){
|
||||
$('body').on('click', '.digg_link', function(e){
|
||||
var $that = $(this);
|
||||
if($that.attr("data-id")){
|
||||
$.ajax({
|
||||
url: maccms.path + '/index.php/ajax/digg.html?mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&type='+$that.attr("data-type"),
|
||||
cache: false,
|
||||
dataType: 'json',
|
||||
success: function($r){
|
||||
$that.addClass('disabled');
|
||||
if($r.code == 1){
|
||||
if($that.attr("data-type")=='up'){
|
||||
$that.find('.digg_num').html($r.data.up);
|
||||
}
|
||||
else{
|
||||
$that.find('.digg_num').html($r.data.down);
|
||||
}
|
||||
}
|
||||
else{
|
||||
$that.attr('title', $r.msg);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
'Gbook':{
|
||||
'Login':0,
|
||||
'Verify':0,
|
||||
'Init':function(){
|
||||
$('body').on('keyup', '.gbook_content', function(e){
|
||||
MAC.Remaining($(this),200,'.gbook_remaining')
|
||||
});
|
||||
$('body').on('focus', '.gbook_content', function(e){
|
||||
if(MAC.Gbook.Login==1 && MAC.User.IsLogin!=1){
|
||||
MAC.User.Login();
|
||||
}
|
||||
});
|
||||
$('body').on('click', '.gbook_submit', function(e){
|
||||
MAC.Gbook.Submit();
|
||||
});
|
||||
},
|
||||
'Show':function($page){
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
url: maccms.path+'/index.php/gbook/index?page='+$page,
|
||||
timeout: 3000,
|
||||
error: function(){
|
||||
$(".mac_gbook_box").html('留言加载失败，请刷新...');
|
||||
},
|
||||
success:function($html){
|
||||
$(".mac_gbook_box").html($html);
|
||||
}
|
||||
});
|
||||
},
|
||||
'Submit':function(){
|
||||
if($(".gbook_content").val() == ''){
|
||||
alert("请输入留言内容");
|
||||
return false;
|
||||
}
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
url: maccms.path + '/index.php/gbook/saveData',
|
||||
data: $('.gbook_form').serialize(),
|
||||
success:function($r){
|
||||
alert($r.msg);
|
||||
if($r.code == 1){
|
||||
location.reload();
|
||||
}
|
||||
else{
|
||||
if(MAC.Gbook.Verify==1){
|
||||
MAC.Verify.Refresh();
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
'Report':function(name){
|
||||
MAC.Pop.Show('#modal-seport',maccms.path+'/index.php/gbook/report?name=' + encodeURIComponent(name),function($r){
|
||||
$('body').on('click', '#gbook_submit', function(e){
|
||||
MAC.Gbook.Submit();
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
'Search':{
|
||||
'Init':function(){
|
||||
$('.mac_search').click(function(){
|
||||
var that=$(this);
|
||||
var url = that.attr('data-href') ? that.attr('data-href') : maccms.path + '/index.php/vod/search.html';
|
||||
location.href = url + '?wd='+ encodeURIComponent($("#wd").val());
|
||||
});
|
||||
},
|
||||
'Submit':function(){
|
||||
|
||||
return false;
|
||||
}
|
||||
},
|
||||
'Suggest':{
|
||||
'Init':function($obj,$mid,$jumpurl){
|
||||
try {
|
||||
$($obj).autocomplete(maccms.path + '/index.php/ajax/suggest?mid=' + $mid, {
|
||||
inputClass: "mac_input",
|
||||
resultsClass: "mac_results",
|
||||
loadingClass: "mac_loading",
|
||||
width: 175, scrollHeight: 300, minChars: 1, matchSubset: 1,
|
||||
cacheLength: 10, multiple: false, matchContains: true, autoFill: false,
|
||||
dataType: "json",
|
||||
parse: function ($r) {
|
||||
if ($r.code == 1) {
|
||||
var parsed = [];
|
||||
$.each($r['list'], function (index, row) {
|
||||
row.url = $r.url;
|
||||
parsed[index] = {
|
||||
data: row
|
||||
};
|
||||
});
|
||||
return parsed;
|
||||
} else {
|
||||
return {data: ''};
|
||||
}
|
||||
},
|
||||
formatItem: function (row, i, max) {
|
||||
return row.name;
|
||||
},
|
||||
formatResult: function (row, i, max) {
|
||||
return row.text;
|
||||
}
|
||||
}).result(function (event, data, formatted) {
|
||||
$($obj).val(data.name);
|
||||
location.href = data.url.replace('mac_wd', encodeURIComponent(data.name));
|
||||
});
|
||||
}
|
||||
catch(e){}
|
||||
}
|
||||
},
|
||||
'Ulog':{
|
||||
'Init':function(){
|
||||
MAC.Ulog.Set();
|
||||
MAC.Ulog.Click();
|
||||
|
||||
},
|
||||
'Get':function(){
|
||||
$.ajax({
|
||||
url: maccms.path+'/index.php/user/ajax_ulog/?ac=list',
|
||||
type:'GET',
|
||||
cache: false,
|
||||
dataType: 'json',
|
||||
success: function($r){
|
||||
if($r.code == 1){
|
||||
$.each($r['list'],function(index,row){
|
||||
alert(row.ulog_id);
|
||||
});
|
||||
}else{
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
'Set':function(){
|
||||
if($(".mac_ulog_set").attr('data-mid')){
|
||||
var $that = $(".mac_ulog_set");
|
||||
$.get(maccms.path+'/index.php/user/ajax_ulog/?ac=set&mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&sid='+$that.attr("data-sid")+'&nid='+$that.attr("data-nid")+'&type='+$that.attr("data-type"));
|
||||
}
|
||||
},
|
||||
'Click':function(){
|
||||
$('body').on('click', 'a.mac_ulog', function(e){
|
||||
//是否需要验证登录
|
||||
if(MAC.User.IsLogin == 0){
|
||||
MAC.User.Login();
|
||||
return;
|
||||
}
|
||||
|
||||
var $that = $(this);
|
||||
if($that.attr("data-id")){
|
||||
$.ajax({
|
||||
url: maccms.path+'/index.php/user/ajax_ulog/?ac=set&mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&type='+$that.attr("data-type"),
|
||||
cache: false,
|
||||
dataType: 'json',
|
||||
success: function($r){
|
||||
alert($r.msg);
|
||||
if($r.code == 1){
|
||||
$that.addClass('disabled');
|
||||
}else{
|
||||
$that.attr('title', $r.msg);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
'User':{
|
||||
'BoxShow':0,
|
||||
'IsLogin':0,
|
||||
'UserId':'',
|
||||
'UserName':'',
|
||||
'GroupId':'',
|
||||
'GroupName':'',
|
||||
'Portrait':'',
|
||||
'Init':function(){
|
||||
if($('.mac_user').length >0){
|
||||
$('body').on('click', '.mac_user', function(e){
|
||||
MAC.User.Login();
|
||||
});
|
||||
}
|
||||
|
||||
if(MAC.Cookie.Get('user_id') !=undefined && MAC.Cookie.Get('user_id')!=''){
|
||||
var url = maccms.path + '/index.php/user';
|
||||
MAC.User.UserId = MAC.Cookie.Get('user_id');
|
||||
MAC.User.UserName = MAC.Cookie.Get('user_name');
|
||||
MAC.User.GroupId = MAC.Cookie.Get('group_id');
|
||||
MAC.User.GroupName = MAC.Cookie.Get('group_name');
|
||||
MAC.User.Portrait = MAC.Cookie.Get('user_portrait');
|
||||
MAC.User.IsLogin = 1;
|
||||
|
||||
$('.mac_user').removeClass('mac_user').attr('href',url);
|
||||
|
||||
$('.user_name').show().find('.name').text(MAC.User.UserName);
|
||||
|
||||
$('.user_url').show().attr('href',url);
|
||||
|
||||
$('.user_img').show().attr('src',MAC.User.Portrait);
|
||||
}
|
||||
else{
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
'CheckLogin':function(){
|
||||
if(MAC.User.IsLogin == 0){
|
||||
MAC.User.Login();
|
||||
}
|
||||
},
|
||||
'Login':function(){
|
||||
var ac='ajax_login';
|
||||
if(MAC.Cookie.Get('user_id') !=undefined && MAC.Cookie.Get('user_id')!=''){
|
||||
ac= 'ajax_info';
|
||||
}
|
||||
MAC.Pop.Show('#modal-login',maccms.path+'/index.php/user/'+ac,function($r){
|
||||
$('body').on('click', '#login_form_submit', function(e){
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: maccms.path + '/index.php/user/login',
|
||||
data: $('.mac_login_form').serialize(),
|
||||
success:function($r){
|
||||
if($r.code == 1){
|
||||
location.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
},
|
||||
'Logout':function(){
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
url: maccms.path + '/index.php/user/logout',
|
||||
success:function($r){
|
||||
alert($r.msg)
|
||||
if($r.code == 1){
|
||||
location.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
'PopedomCallBack':function(trysee,h) {
|
||||
window.setTimeout(function(){
|
||||
$(window.frames["player_if"].document).find(".MacPlayer").html(h);
|
||||
},1000*60*trysee);
|
||||
},
|
||||
'BuyPopedom':function(o){
|
||||
var $that = $(o);
|
||||
if($that.attr("data-id")){
|
||||
if (confirm('您确认购买此条数据播放权限吗？')) {
|
||||
$.ajax({
|
||||
url: maccms.path + '/index.php/user/ajax_buy_popedom.html?id=' + $that.attr("data-id") + '&sid=' + $that.attr("data-sid") + '&nid=' + $that.attr("data-nid") + '&type=' + $that.attr("data-type"),
|
||||
cache: false,
|
||||
dataType: 'json',
|
||||
success: function ($r) {
|
||||
$that.addClass('disabled');
|
||||
alert($r.msg)
|
||||
if ($r.code == 1) {
|
||||
top.location.reload();
|
||||
}
|
||||
},
|
||||
complete: function () {
|
||||
$that.removeClass('disabled');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
'Pop':{
|
||||
'Show':function($modalid,$url,$callback) {
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
url: $url,
|
||||
timeout: 3000,
|
||||
error: function(){
|
||||
$('body').append(alert("加载失败，请刷新"));
|
||||
},
|
||||
success:function($r){
|
||||
$('body').append($r);
|
||||
$($modalid).modal('show');
|
||||
$('.MacPlayer').hide();
|
||||
$($modalid).on('hide.bs.modal', function () {
|
||||
$('.MacPlayer').show();
|
||||
})
|
||||
$callback($r);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
'AdsWrap':function(w,h,n){
|
||||
document.writeln('<img width="'+w+'" height="'+h+'" alt="'+n+'" style="background-color: #CCCCCC" />');
|
||||
},
|
||||
'Css':function($url){
|
||||
$("<link>").attr({ rel: "stylesheet",type: "text/css",href: $url}).appendTo("head");
|
||||
},
|
||||
'Js':function($url){
|
||||
$.getScript($url, function(response, status) {
|
||||
|
||||
});
|
||||
},
|
||||
'Desktop':function(s){
|
||||
location.href= maccms.path + '/index.php/ajax/desktop?name='+encodeURI(s)+'&url=' + encodeURI(location.href);
|
||||
},
|
||||
'Timming':function(){
|
||||
|
||||
},
|
||||
'Error':function(tab,id,name){
|
||||
|
||||
},
|
||||
'AddEm':function(obj,i){
|
||||
var oldtext = $(obj).val();
|
||||
$(obj).val( oldtext + '[em:' + i +']' );
|
||||
},
|
||||
'Remaining':function(obj,len,show){
|
||||
var count = len - $(obj).val().length;
|
||||
if(count < 0){
|
||||
count = 0;
|
||||
$(obj).val($(obj).val().substr(0,200));
|
||||
}
|
||||
$(show).text(count);
|
||||
},
|
||||
'Comment':{
|
||||
'Login':0,
|
||||
'Verify':0,
|
||||
'Init':function(){
|
||||
|
||||
$('body').on('click', '.comment_face_box img', function(e){
|
||||
var obj = $(this).parent().parent().parent().find('.comment_content');
|
||||
MAC.AddEm(obj,$(this).attr('data-id'));
|
||||
});
|
||||
$('body').on('click', '.comment_face_panel', function(e){
|
||||
// $('.comment_face_box').toggle();
|
||||
$(this).parent().find('.comment_face_box').toggle();
|
||||
});
|
||||
$('body').on('keyup', '.comment_content', function(e){
|
||||
var obj = $(this).parent().parent().parent().parent().find('.comment_remaining');
|
||||
MAC.Remaining($(this),200,obj)
|
||||
});
|
||||
$('body').on('focus', '.comment_content', function(e){
|
||||
if(MAC.Comment.Login==1 && MAC.User.IsLogin!=1){
|
||||
MAC.User.Login();
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('click', '.comment_report', function(e){
|
||||
var $that = $(this);
|
||||
if($(this).attr("data-id")){
|
||||
$.ajax({
|
||||
url: maccms.path + '/index.php/comment/report.html?id='+$that.attr("data-id"),
|
||||
cache: false,
|
||||
dataType: 'json',
|
||||
success: function($r){
|
||||
$that.addClass('disabled');
|
||||
alert($r.msg)
|
||||
if($r.code == 1){
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('click', '.comment_reply', function(e){
|
||||
var $that = $(this);
|
||||
if($that.attr("data-id")){
|
||||
var str = $that.html();
|
||||
$('.comment_reply_form').remove();
|
||||
if (str == '取消回复') {
|
||||
$that.html('回复');
|
||||
return false;
|
||||
}
|
||||
if (str == '回复') {
|
||||
$('.comment_reply').html('回复');
|
||||
}
|
||||
var html = $('.comment_form').prop("outerHTML");
|
||||
|
||||
var oo = $(html);
|
||||
oo.addClass('comment_reply_form');
|
||||
oo.find('input[name="comment_pid"]').val( $that.attr("data-id") );
|
||||
|
||||
$that.parent().after(oo);
|
||||
$that.html('取消回复');
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('click', '.comment_submit', function(e){
|
||||
var $that = $(this);
|
||||
MAC.Comment.Submit($that);
|
||||
});
|
||||
|
||||
},
|
||||
'Show':function($page){
|
||||
if($(".mac_comment").length>0){
|
||||
$.ajax({
|
||||
type: 'get',
|
||||
url: maccms.path + '/index.php/comment/ajax.html?rid='+$('.mac_comment').attr('data-id')+'&mid='+ $('.mac_comment').attr('data-mid') +'&page='+$page,
|
||||
timeout: 5000,
|
||||
error: function(){
|
||||
$(".mac_comment").html('评论加载失败，请刷新...');
|
||||
},
|
||||
success:function($r){
|
||||
$(".mac_comment").html($r);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
'Reply':function($o){
|
||||
|
||||
},
|
||||
'Submit':function($o){
|
||||
var form = $o.parents('form');
|
||||
if($(form).find(".comment_content").val() == ''){
|
||||
alert("请输入您的评论！")
|
||||
return false;
|
||||
}
|
||||
if($('.mac_comment').attr('data-mid') == ''){
|
||||
alert("模块mid错误！")
|
||||
return false;
|
||||
}
|
||||
if($('.mac_comment').attr('data-id') == ''){
|
||||
alert("关联id错误！")
|
||||
return false;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
url: maccms.path + '/index.php/comment/saveData',
|
||||
data: $(form).serialize() + '&comment_mid='+ $('.mac_comment').attr('data-mid') + '&comment_rid=' + $('.mac_comment').attr('data-id'),
|
||||
success:function($r){
|
||||
alert($r.msg)
|
||||
if($r.code == 1){
|
||||
MAC.Comment.Show(1);
|
||||
}
|
||||
else{
|
||||
if(MAC.Comment.Verify==1){
|
||||
MAC.Verify.Refresh();
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(function(){
|
||||
//自动跳转手机和pc网页地址
|
||||
MAC.Adaptive();
|
||||
//验证码初始化
|
||||
MAC.Verify.Init();
|
||||
//分页跳转初始化
|
||||
MAC.PageGo.Init();
|
||||
//用户部分初始化
|
||||
MAC.User.Init();
|
||||
//顶和踩初始化
|
||||
MAC.Digg.Init();
|
||||
//评分初始化
|
||||
MAC.Score.Init();
|
||||
//星星评分初始化
|
||||
MAC.Star.Init();
|
||||
//点击数量
|
||||
MAC.Hits.Init();
|
||||
//历史记录初始化
|
||||
MAC.Ulog.Init();
|
||||
//联想搜索初始化
|
||||
MAC.Suggest.Init('.mac_wd',1,'');
|
||||
//定时任务初始化
|
||||
MAC.Timming();
|
||||
});
|
||||
665
code/public/template/videonunu/js/jquery.autocomplete.js
Normal file
665
code/public/template/videonunu/js/jquery.autocomplete.js
Normal file
@@ -0,0 +1,665 @@
|
||||
/*
|
||||
* jQuery Autocomplete plugin 1.1
|
||||
*
|
||||
* Copyright (c) 2009 Jörn Zaefferer
|
||||
*
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.gnu.org/licenses/gpl.html
|
||||
*
|
||||
* Revision: $Id: jquery.autocomplete.js 15 2009-08-22 10:30:27Z joern.zaefferer $
|
||||
*/;
|
||||
$.browser = navigator.userAgent;
|
||||
(function($) {
|
||||
$.fn.extend({
|
||||
autocomplete: function(urlOrData, options) {
|
||||
var isUrl = typeof urlOrData == "string";
|
||||
options = $.extend({}, $.Autocompleter.defaults, {
|
||||
url: isUrl ? urlOrData : null,
|
||||
data: isUrl ? null : urlOrData,
|
||||
delay: isUrl ? $.Autocompleter.defaults.delay : 10,
|
||||
max: options && !options.scroll ? 10 : 150
|
||||
}, options);
|
||||
options.highlight = options.highlight ||
|
||||
function(value) {
|
||||
return value;
|
||||
};
|
||||
options.formatMatch = options.formatMatch || options.formatItem;
|
||||
return this.each(function() {
|
||||
new $.Autocompleter(this, options);
|
||||
});
|
||||
},
|
||||
result: function(handler) {
|
||||
return this.bind("result", handler);
|
||||
},
|
||||
search: function(handler) {
|
||||
return this.trigger("search", [handler]);
|
||||
},
|
||||
flushCache: function() {
|
||||
return this.trigger("flushCache");
|
||||
},
|
||||
setOptions: function(options) {
|
||||
return this.trigger("setOptions", [options]);
|
||||
},
|
||||
unautocomplete: function() {
|
||||
return this.trigger("unautocomplete");
|
||||
}
|
||||
});
|
||||
$.Autocompleter = function(input, options) {
|
||||
var KEY = {
|
||||
UP: 38,
|
||||
DOWN: 40,
|
||||
DEL: 46,
|
||||
TAB: 9,
|
||||
RETURN: 13,
|
||||
ESC: 27,
|
||||
COMMA: 188,
|
||||
PAGEUP: 33,
|
||||
PAGEDOWN: 34,
|
||||
BACKSPACE: 8
|
||||
};
|
||||
var $input = $(input).attr("autocomplete", "off").addClass(options.inputClass);
|
||||
var timeout;
|
||||
var previousValue = "";
|
||||
var cache = $.Autocompleter.Cache(options);
|
||||
var hasFocus = 0;
|
||||
var lastKeyPressCode;
|
||||
var config = {
|
||||
mouseDownOnSelect: false
|
||||
};
|
||||
var select = $.Autocompleter.Select(options, input, selectCurrent, config);
|
||||
var blockSubmit;
|
||||
$.browser.opera && $(input.form).bind("submit.autocomplete", function() {
|
||||
if (blockSubmit) {
|
||||
blockSubmit = false;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
$input.bind(($.browser.opera ? "keypress" : "keydown") + ".autocomplete", function(event) {
|
||||
hasFocus = 1;
|
||||
lastKeyPressCode = event.keyCode;
|
||||
switch (event.keyCode) {
|
||||
case KEY.UP:
|
||||
event.preventDefault();
|
||||
if (select.visible()) {
|
||||
select.prev();
|
||||
} else {
|
||||
onChange(0, true);
|
||||
}
|
||||
break;
|
||||
case KEY.DOWN:
|
||||
event.preventDefault();
|
||||
if (select.visible()) {
|
||||
select.next();
|
||||
} else {
|
||||
onChange(0, true);
|
||||
}
|
||||
break;
|
||||
case KEY.PAGEUP:
|
||||
event.preventDefault();
|
||||
if (select.visible()) {
|
||||
select.pageUp();
|
||||
} else {
|
||||
onChange(0, true);
|
||||
}
|
||||
break;
|
||||
case KEY.PAGEDOWN:
|
||||
event.preventDefault();
|
||||
if (select.visible()) {
|
||||
select.pageDown();
|
||||
} else {
|
||||
onChange(0, true);
|
||||
}
|
||||
break;
|
||||
case options.multiple && $.trim(options.multipleSeparator) == "," && KEY.COMMA:
|
||||
|
||||
case KEY.TAB:
|
||||
if( selectCurrent() ) {
|
||||
// stop default to prevent a form submit, Opera needs special handling
|
||||
event.preventDefault();
|
||||
blockSubmit = true;
|
||||
return false;
|
||||
}
|
||||
break;
|
||||
case KEY.RETURN:
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(onChange, options.delay);
|
||||
break;
|
||||
case KEY.ESC:
|
||||
select.hide();
|
||||
break;
|
||||
default:
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(onChange, options.delay);
|
||||
break;
|
||||
}
|
||||
}).focus(function() {
|
||||
hasFocus++;
|
||||
}).blur(function() {
|
||||
hasFocus = 0;
|
||||
if (!config.mouseDownOnSelect) {
|
||||
hideResults();
|
||||
}
|
||||
}).click(function() {
|
||||
if (hasFocus++ > 1 && !select.visible()) {
|
||||
onChange(0, true);
|
||||
}
|
||||
}).bind("search", function() {
|
||||
var fn = (arguments.length > 1) ? arguments[1] : null;
|
||||
|
||||
function findValueCallback(q, data) {
|
||||
var result;
|
||||
if (data && data.length) {
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
if (data[i].result.toLowerCase() == q.toLowerCase()) {
|
||||
result = data[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (typeof fn == "function") fn(result);
|
||||
else $input.trigger("result", result && [result.data, result.value]);
|
||||
}
|
||||
$.each(trimWords($input.val()), function(i, value) {
|
||||
request(value, findValueCallback, findValueCallback);
|
||||
});
|
||||
}).bind("flushCache", function() {
|
||||
cache.flush();
|
||||
}).bind("setOptions", function() {
|
||||
$.extend(options, arguments[1]);
|
||||
if ("data" in arguments[1]) cache.populate();
|
||||
}).bind("unautocomplete", function() {
|
||||
select.unbind();
|
||||
$input.unbind();
|
||||
$(input.form).unbind(".autocomplete");
|
||||
});
|
||||
|
||||
function selectCurrent() {
|
||||
var selected = select.selected();
|
||||
if (!selected) return false;
|
||||
var v = selected.result;
|
||||
previousValue = v;
|
||||
if (options.multiple) {
|
||||
var words = trimWords($input.val());
|
||||
if (words.length > 1) {
|
||||
var seperator = options.multipleSeparator.length;
|
||||
var cursorAt = $(input).selection().start;
|
||||
var wordAt, progress = 0;
|
||||
$.each(words, function(i, word) {
|
||||
progress += word.length;
|
||||
if (cursorAt <= progress) {
|
||||
wordAt = i;
|
||||
return false;
|
||||
}
|
||||
progress += seperator;
|
||||
});
|
||||
words[wordAt] = v;
|
||||
v = words.join(options.multipleSeparator);
|
||||
}
|
||||
v += options.multipleSeparator;
|
||||
}
|
||||
$input.val(v);
|
||||
hideResultsNow();
|
||||
$input.trigger("result", [selected.data, selected.value]);
|
||||
return true;
|
||||
}
|
||||
function onChange(crap, skipPrevCheck) {
|
||||
if (lastKeyPressCode == KEY.DEL) {
|
||||
select.hide();
|
||||
return;
|
||||
}
|
||||
var currentValue = $input.val();
|
||||
if (!skipPrevCheck && currentValue == previousValue) return;
|
||||
previousValue = currentValue;
|
||||
currentValue = lastWord(currentValue);
|
||||
if (currentValue.length >= options.minChars) {
|
||||
$input.addClass(options.loadingClass);
|
||||
if (!options.matchCase) currentValue = currentValue.toLowerCase();
|
||||
request(currentValue, receiveData, hideResultsNow);
|
||||
} else {
|
||||
stopLoading();
|
||||
select.hide();
|
||||
}
|
||||
};
|
||||
|
||||
function trimWords(value) {
|
||||
if (!value) return [""];
|
||||
if (!options.multiple) return [$.trim(value)];
|
||||
return $.map(value.split(options.multipleSeparator), function(word) {
|
||||
return $.trim(value).length ? $.trim(word) : null;
|
||||
});
|
||||
}
|
||||
function lastWord(value) {
|
||||
if (!options.multiple) return value;
|
||||
var words = trimWords(value);
|
||||
if (words.length == 1) return words[0];
|
||||
var cursorAt = $(input).selection().start;
|
||||
if (cursorAt == value.length) {
|
||||
words = trimWords(value)
|
||||
} else {
|
||||
words = trimWords(value.replace(value.substring(cursorAt), ""));
|
||||
}
|
||||
return words[words.length - 1];
|
||||
}
|
||||
function autoFill(q, sValue) {
|
||||
if (options.autoFill && (lastWord($input.val()).toLowerCase() == q.toLowerCase()) && lastKeyPressCode != KEY.BACKSPACE) {
|
||||
$input.val($input.val() + sValue.substring(lastWord(previousValue).length));
|
||||
$(input).selection(previousValue.length, previousValue.length + sValue.length);
|
||||
}
|
||||
};
|
||||
|
||||
function hideResults() {
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(hideResultsNow, 200);
|
||||
};
|
||||
|
||||
function hideResultsNow() {
|
||||
var wasVisible = select.visible();
|
||||
select.hide();
|
||||
clearTimeout(timeout);
|
||||
stopLoading();
|
||||
if (options.mustMatch) {
|
||||
$input.search(function(result) {
|
||||
if (!result) {
|
||||
if (options.multiple) {
|
||||
var words = trimWords($input.val()).slice(0, -1);
|
||||
$input.val(words.join(options.multipleSeparator) + (words.length ? options.multipleSeparator : ""));
|
||||
} else {
|
||||
$input.val("");
|
||||
$input.trigger("result", null);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
function receiveData(q, data) {
|
||||
if (data && data.length && hasFocus) {
|
||||
stopLoading();
|
||||
select.display(data, q);
|
||||
autoFill(q, data[0].value);
|
||||
select.show();
|
||||
} else {
|
||||
hideResultsNow();
|
||||
}
|
||||
};
|
||||
|
||||
function request(term, success, failure) {
|
||||
if (!options.matchCase) term = term.toLowerCase();
|
||||
var data = cache.load(term);
|
||||
if (data && data.length) {
|
||||
success(term, data);
|
||||
} else if ((typeof options.url == "string") && (options.url.length > 0)) {
|
||||
var extraParams = {
|
||||
timestamp: +new Date()
|
||||
};
|
||||
$.each(options.extraParams, function(key, param) {
|
||||
extraParams[key] = typeof param == "function" ? param() : param;
|
||||
});
|
||||
$.ajax({
|
||||
mode: "abort",
|
||||
port: "autocomplete" + input.name,
|
||||
dataType: options.dataType,
|
||||
url: options.url,
|
||||
data: $.extend({
|
||||
wd: lastWord(term),
|
||||
limit: options.max
|
||||
}, extraParams),
|
||||
success: function(data) {
|
||||
var parsed = options.parse && options.parse(data) || parse(data);
|
||||
cache.add(term, parsed);
|
||||
success(term, parsed);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
select.emptyList();
|
||||
failure(term);
|
||||
}
|
||||
};
|
||||
|
||||
function parse(data) {
|
||||
var parsed = [];
|
||||
var rows = data.split("\n");
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
var row = $.trim(rows[i]);
|
||||
if (row) {
|
||||
row = row.split("|");
|
||||
parsed[parsed.length] = {
|
||||
data: row,
|
||||
value: row[0],
|
||||
result: options.formatResult && options.formatResult(row, row[0]) || row[0]
|
||||
};
|
||||
}
|
||||
}
|
||||
return parsed;
|
||||
};
|
||||
|
||||
function stopLoading() {
|
||||
$input.removeClass(options.loadingClass);
|
||||
};
|
||||
};
|
||||
$.Autocompleter.defaults = {
|
||||
inputClass: "ac_input",
|
||||
resultsClass: "ac_results",
|
||||
loadingClass: "ac_loading",
|
||||
minChars: 1,
|
||||
delay: 400,
|
||||
matchCase: false,
|
||||
matchSubset: true,
|
||||
matchContains: false,
|
||||
cacheLength: 10,
|
||||
max: 100,
|
||||
mustMatch: false,
|
||||
extraParams: {},
|
||||
selectFirst: true,
|
||||
formatItem: function(row) {
|
||||
return row[0];
|
||||
},
|
||||
formatMatch: null,
|
||||
autoFill: false,
|
||||
width: 0,
|
||||
multiple: false,
|
||||
multipleSeparator: ", ",
|
||||
highlight: function(value, term) {
|
||||
return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>");
|
||||
},
|
||||
scroll: true,
|
||||
scrollHeight: 180
|
||||
};
|
||||
$.Autocompleter.Cache = function(options) {
|
||||
var data = {};
|
||||
var length = 0;
|
||||
|
||||
function matchSubset(s, sub) {
|
||||
if (!options.matchCase) s = s.toLowerCase();
|
||||
var i = s.indexOf(sub);
|
||||
if (options.matchContains == "word") {
|
||||
i = s.toLowerCase().search("\\b" + sub.toLowerCase());
|
||||
}
|
||||
if (i == -1) return false;
|
||||
return i == 0 || options.matchContains;
|
||||
};
|
||||
|
||||
function add(q, value) {
|
||||
if (length > options.cacheLength) {
|
||||
flush();
|
||||
}
|
||||
if (!data[q]) {
|
||||
length++;
|
||||
}
|
||||
data[q] = value;
|
||||
}
|
||||
function populate() {
|
||||
if (!options.data) return false;
|
||||
var stMatchSets = {},
|
||||
nullData = 0;
|
||||
if (!options.url) options.cacheLength = 1;
|
||||
stMatchSets[""] = [];
|
||||
for (var i = 0, ol = options.data.length; i < ol; i++) {
|
||||
var rawValue = options.data[i];
|
||||
rawValue = (typeof rawValue == "string") ? [rawValue] : rawValue;
|
||||
var value = options.formatMatch(rawValue, i + 1, options.data.length);
|
||||
if (value === false) continue;
|
||||
var firstChar = value.charAt(0).toLowerCase();
|
||||
if (!stMatchSets[firstChar]) stMatchSets[firstChar] = [];
|
||||
var row = {
|
||||
value: value,
|
||||
data: rawValue,
|
||||
result: options.formatResult && options.formatResult(rawValue) || value
|
||||
};
|
||||
stMatchSets[firstChar].push(row);
|
||||
if (nullData++ < options.max) {
|
||||
stMatchSets[""].push(row);
|
||||
}
|
||||
};
|
||||
$.each(stMatchSets, function(i, value) {
|
||||
options.cacheLength++;
|
||||
add(i, value);
|
||||
});
|
||||
}
|
||||
setTimeout(populate, 25);
|
||||
|
||||
function flush() {
|
||||
data = {};
|
||||
length = 0;
|
||||
}
|
||||
return {
|
||||
flush: flush,
|
||||
add: add,
|
||||
populate: populate,
|
||||
load: function(q) {
|
||||
if (!options.cacheLength || !length) return null;
|
||||
if (!options.url && options.matchContains) {
|
||||
var csub = [];
|
||||
for (var k in data) {
|
||||
if (k.length > 0) {
|
||||
var c = data[k];
|
||||
$.each(c, function(i, x) {
|
||||
if (matchSubset(x.value, q)) {
|
||||
csub.push(x);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
return csub;
|
||||
} else if (data[q]) {
|
||||
return data[q];
|
||||
} else if (options.matchSubset) {
|
||||
for (var i = q.length - 1; i >= options.minChars; i--) {
|
||||
var c = data[q.substr(0, i)];
|
||||
if (c) {
|
||||
var csub = [];
|
||||
$.each(c, function(i, x) {
|
||||
if (matchSubset(x.value, q)) {
|
||||
csub[csub.length] = x;
|
||||
}
|
||||
});
|
||||
return csub;
|
||||
}
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
};
|
||||
};
|
||||
$.Autocompleter.Select = function(options, input, select, config) {
|
||||
var CLASSES = {
|
||||
ACTIVE: "ac_over"
|
||||
};
|
||||
var listItems, active = -1,
|
||||
data, term = "",
|
||||
needsInit = true,
|
||||
element, list;
|
||||
|
||||
function init() {
|
||||
if (!needsInit) return;
|
||||
element = $("<div/>").hide().addClass(options.resultsClass).css("position", "absolute").appendTo(document.body);
|
||||
list = $("<ul/>").appendTo(element).mouseover(function(event) {
|
||||
if (target(event).nodeName && target(event).nodeName.toUpperCase() == 'LI') {
|
||||
active = $("li", list).removeClass(CLASSES.ACTIVE).index(target(event));
|
||||
$(target(event)).addClass(CLASSES.ACTIVE);
|
||||
}
|
||||
}).click(function(event) {
|
||||
$(target(event)).addClass(CLASSES.ACTIVE);
|
||||
select();
|
||||
input.focus();
|
||||
return false;
|
||||
}).mousedown(function() {
|
||||
config.mouseDownOnSelect = true;
|
||||
}).mouseup(function() {
|
||||
config.mouseDownOnSelect = false;
|
||||
});
|
||||
if (options.width > 0) element.css("width", options.width);
|
||||
needsInit = false;
|
||||
}
|
||||
function target(event) {
|
||||
var element = event.target;
|
||||
while (element && element.tagName != "LI") element = element.parentNode;
|
||||
if (!element) return [];
|
||||
return element;
|
||||
}
|
||||
function moveSelect(step) {
|
||||
listItems.slice(active, active + 1).removeClass(CLASSES.ACTIVE);
|
||||
movePosition(step);
|
||||
var activeItem = listItems.slice(active, active + 1).addClass(CLASSES.ACTIVE);
|
||||
if (options.scroll) {
|
||||
var offset = 0;
|
||||
listItems.slice(0, active).each(function() {
|
||||
offset += this.offsetHeight;
|
||||
});
|
||||
if ((offset + activeItem[0].offsetHeight - list.scrollTop()) > list[0].clientHeight) {
|
||||
list.scrollTop(offset + activeItem[0].offsetHeight - list.innerHeight());
|
||||
} else if (offset < list.scrollTop()) {
|
||||
list.scrollTop(offset);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function movePosition(step) {
|
||||
active += step;
|
||||
if (active < 0) {
|
||||
active = listItems.size() - 1;
|
||||
} else if (active >= listItems.size()) {
|
||||
active = 0;
|
||||
}
|
||||
}
|
||||
function limitNumberOfItems(available) {
|
||||
return options.max && options.max < available ? options.max : available;
|
||||
}
|
||||
function fillList() {
|
||||
list.empty();
|
||||
var max = limitNumberOfItems(data.length);
|
||||
for (var i = 0; i < max; i++) {
|
||||
if (!data[i]) continue;
|
||||
var formatted = options.formatItem(data[i].data, i + 1, max, data[i].value, term);
|
||||
if (formatted === false) continue;
|
||||
var li = $("<li/>").html(options.highlight(formatted, term)).addClass(i % 2 == 0 ? "ac_even" : "ac_odd").appendTo(list)[0];
|
||||
$.data(li, "ac_data", data[i]);
|
||||
}
|
||||
listItems = list.find("li");
|
||||
if (options.selectFirst) {
|
||||
listItems.slice(0, 1).addClass(CLASSES.ACTIVE);
|
||||
active = 0;
|
||||
}
|
||||
if ($.fn.bgiframe) list.bgiframe();
|
||||
}
|
||||
return {
|
||||
display: function(d, q) {
|
||||
init();
|
||||
data = d;
|
||||
term = q;
|
||||
fillList();
|
||||
},
|
||||
next: function() {
|
||||
moveSelect(1);
|
||||
},
|
||||
prev: function() {
|
||||
moveSelect(-1);
|
||||
},
|
||||
pageUp: function() {
|
||||
if (active != 0 && active - 8 < 0) {
|
||||
moveSelect(-active);
|
||||
} else {
|
||||
moveSelect(-8);
|
||||
}
|
||||
},
|
||||
pageDown: function() {
|
||||
if (active != listItems.size() - 1 && active + 8 > listItems.size()) {
|
||||
moveSelect(listItems.size() - 1 - active);
|
||||
} else {
|
||||
moveSelect(8);
|
||||
}
|
||||
},
|
||||
hide: function() {
|
||||
element && element.hide();
|
||||
listItems && listItems.removeClass(CLASSES.ACTIVE);
|
||||
active = -1;
|
||||
},
|
||||
visible: function() {
|
||||
return element && element.is(":visible");
|
||||
},
|
||||
current: function() {
|
||||
return this.visible() && (listItems.filter("." + CLASSES.ACTIVE)[0] || options.selectFirst && listItems[0]);
|
||||
},
|
||||
show: function() {
|
||||
var offset = $(input).offset();
|
||||
element.css({
|
||||
width: typeof options.width == "string" || options.width > 0 ? options.width : $(input).width(),
|
||||
top: offset.top + input.offsetHeight,
|
||||
left: offset.left
|
||||
}).show();
|
||||
if (options.scroll) {
|
||||
list.scrollTop(0);
|
||||
list.css({
|
||||
maxHeight: options.scrollHeight,
|
||||
overflow: 'auto'
|
||||
});
|
||||
if ($.browser.msie && typeof document.body.style.maxHeight === "undefined") {
|
||||
var listHeight = 0;
|
||||
listItems.each(function() {
|
||||
listHeight += this.offsetHeight;
|
||||
});
|
||||
var scrollbarsVisible = listHeight > options.scrollHeight;
|
||||
list.css('height', scrollbarsVisible ? options.scrollHeight : listHeight);
|
||||
if (!scrollbarsVisible) {
|
||||
listItems.width(list.width() - parseInt(listItems.css("padding-left")) - parseInt(listItems.css("padding-right")));
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
selected: function() {
|
||||
var selected = listItems && listItems.filter("." + CLASSES.ACTIVE).removeClass(CLASSES.ACTIVE);
|
||||
return selected && selected.length && $.data(selected[0], "ac_data");
|
||||
},
|
||||
emptyList: function() {
|
||||
list && list.empty();
|
||||
},
|
||||
unbind: function() {
|
||||
element && element.remove();
|
||||
}
|
||||
};
|
||||
};
|
||||
$.fn.selection = function(start, end) {
|
||||
if (start !== undefined) {
|
||||
return this.each(function() {
|
||||
if (this.createTextRange) {
|
||||
var selRange = this.createTextRange();
|
||||
if (end === undefined || start == end) {
|
||||
selRange.move("character", start);
|
||||
selRange.select();
|
||||
} else {
|
||||
selRange.collapse(true);
|
||||
selRange.moveStart("character", start);
|
||||
selRange.moveEnd("character", end);
|
||||
selRange.select();
|
||||
}
|
||||
} else if (this.setSelectionRange) {
|
||||
this.setSelectionRange(start, end);
|
||||
} else if (this.selectionStart) {
|
||||
this.selectionStart = start;
|
||||
this.selectionEnd = end;
|
||||
}
|
||||
});
|
||||
}
|
||||
var field = this[0];
|
||||
if (field.createTextRange) {
|
||||
var range = document.selection.createRange(),
|
||||
orig = field.value,
|
||||
teststring = "<->",
|
||||
textLength = range.text.length;
|
||||
range.text = teststring;
|
||||
var caretAt = field.value.indexOf(teststring);
|
||||
field.value = orig;
|
||||
this.selection(caretAt, caretAt + textLength);
|
||||
return {
|
||||
start: caretAt,
|
||||
end: caretAt + textLength
|
||||
}
|
||||
} else if (field.selectionStart !== undefined) {
|
||||
return {
|
||||
start: field.selectionStart,
|
||||
end: field.selectionEnd
|
||||
}
|
||||
}
|
||||
};
|
||||
})(jQuery);
|
||||
2
code/public/template/videonunu/js/jquery.min.js
vendored
Normal file
2
code/public/template/videonunu/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
309
code/public/template/videonunu/js/stui_block.js
Normal file
309
code/public/template/videonunu/js/stui_block.js
Normal file
@@ -0,0 +1,309 @@
|
||||
/*!
|
||||
* v3.0 Copyright 2016-2018 http://v.shoutu.cn
|
||||
* Email 726662013@qq.com
|
||||
*/
|
||||
|
||||
if (window.console && window.console.log) {
|
||||
}
|
||||
|
||||
var playerhigh = "1";
|
||||
//是否开启播放器高度自适应，0关闭1开启（开启后将播放器设置100%关闭填写固定高度）
|
||||
|
||||
var lazyswitch = "1";
|
||||
//是否开启图片懒加载，0关闭1开启（关闭后会通过js直接加载图片，速度较慢）
|
||||
|
||||
var playcolumn = "0";
|
||||
//是否开启有序播放列表，0关闭，3、6、8、10、12开启并指定列数，数字代表每行列数，手机强制4列
|
||||
|
||||
var qrcode1 = "1";
|
||||
//右侧悬浮二维码，1自动生成（当前页面二维码），填写路径将加载指定图片（建议尺寸150*150px）例：/statics/img/wxcode.png
|
||||
|
||||
var qrcode2 = "1";
|
||||
//内容页二维码，1自动生成（当前页面二维码），填写路径将加载指定图片（建议尺寸160*160px）例：/statics/img/wxcode.png
|
||||
|
||||
var copyshort = "0"
|
||||
//是否开启自动生成短链接，0关闭1开启（开启后点击分享按钮将会复制短链否则复制默认链接）
|
||||
|
||||
var baidushare = "";
|
||||
//是否开启百度分享，0关闭，启用本地分享填写/statics/api/js/share.js，启用官网分享填写http://bdimg.share.baidu.com/static/api/js/share.js（不支持https）
|
||||
|
||||
var stui = {
|
||||
'browser': {//浏览器
|
||||
url: document.URL,
|
||||
domain: document.domain,
|
||||
title: document.title,
|
||||
language: (navigator.browserLanguage || navigator.language).toLowerCase(),
|
||||
canvas: function () {
|
||||
return !!document.createElement("canvas").getContext
|
||||
}(),
|
||||
useragent: function () {
|
||||
var a = navigator.userAgent;
|
||||
return {
|
||||
mobile: !!a.match(/AppleWebKit.*Mobile.*/),
|
||||
ios: !!a.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
|
||||
android: -1 < a.indexOf("Android") || -1 < a.indexOf("Linux"),
|
||||
iPhone: -1 < a.indexOf("iPhone") || -1 < a.indexOf("Mac"),
|
||||
iPad: -1 < a.indexOf("iPad"),
|
||||
trident: -1 < a.indexOf("Trident"),
|
||||
presto: -1 < a.indexOf("Presto"),
|
||||
webKit: -1 < a.indexOf("AppleWebKit"),
|
||||
gecko: -1 < a.indexOf("Gecko") && -1 == a.indexOf("KHTML"),
|
||||
weixin: -1 < a.indexOf("MicroMessenger")
|
||||
}
|
||||
}()
|
||||
},
|
||||
'mobile': {//移动端
|
||||
'popup': function () {
|
||||
$popblock = $(".popup");
|
||||
$(".open-popup").click(function () {
|
||||
$popblock.addClass("popup-visible");
|
||||
$("body").append('<div class="mask"></div>');
|
||||
$(".close-popup").click(function () {
|
||||
$popblock.removeClass("popup-visible");
|
||||
$(".mask").remove();
|
||||
$("body").removeClass("modal-open")
|
||||
});
|
||||
$(".mask").click(function () {
|
||||
$popblock.removeClass("popup-visible");
|
||||
$(this).remove();
|
||||
$("body").removeClass("modal-open")
|
||||
})
|
||||
})
|
||||
},
|
||||
'slide': function () {
|
||||
$(".type-slide").each(function (a) {
|
||||
$index = $(this).find('.active').index() * 1;
|
||||
if ($index > 3) {
|
||||
$index = $index - 3;
|
||||
} else {
|
||||
$index = 0;
|
||||
}
|
||||
$(this).flickity({
|
||||
cellAlign: 'left',
|
||||
freeScroll: true,
|
||||
contain: true,
|
||||
prevNextButtons: false,
|
||||
pageDots: false,
|
||||
initialIndex: $index
|
||||
});
|
||||
})
|
||||
},
|
||||
'mshare': function () {
|
||||
$(".open-share").click(function () {
|
||||
stui.browser.useragent.weixin ? $("body").append('<div class="mobile-share share-weixin"></div>') : $("body").append('<div class="mobile-share share-other"></div>');
|
||||
$(".mobile-share").click(function () {
|
||||
$(".mobile-share").remove();
|
||||
$("body").removeClass("modal-open")
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
'images': {//图片处理
|
||||
'lazyload': function () {
|
||||
if (lazyswitch == 1) {
|
||||
$(".lazyload").lazyload({
|
||||
effect: "fadeIn",
|
||||
threshold: 200,
|
||||
failurelimit: 15,
|
||||
skip_invisible: false
|
||||
})
|
||||
} else {
|
||||
$(".lazyload").each(function () {
|
||||
var original = $(this).attr("data-original");
|
||||
$(this).css("background-image", "url(" + original + ")");
|
||||
$(this).attr("data-original", "");
|
||||
if ($(this).attr("src") != undefined) {
|
||||
$(this).attr("src", original)
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
'carousel': function () {
|
||||
$('.carousel_default').flickity({
|
||||
cellAlign: 'left',
|
||||
contain: true,
|
||||
wrapAround: true,
|
||||
autoPlay: true,
|
||||
prevNextButtons: false
|
||||
});
|
||||
$('.carousel_wide').flickity({
|
||||
cellAlign: 'center',
|
||||
contain: true,
|
||||
wrapAround: true,
|
||||
autoPlay: true
|
||||
});
|
||||
$('.carousel_center').flickity({
|
||||
cellAlign: 'center',
|
||||
contain: true,
|
||||
wrapAround: true,
|
||||
autoPlay: true,
|
||||
prevNextButtons: false
|
||||
});
|
||||
$('.carousel_right').flickity({
|
||||
cellAlign: 'left',
|
||||
wrapAround: true,
|
||||
contain: true,
|
||||
pageDots: false
|
||||
}); // 补上右括号和分号
|
||||
},
|
||||
'qrcode': function () {
|
||||
if (qrcode1 == 1) {
|
||||
if ($("#qrcode").length) {
|
||||
var qrcode = new QRCode('qrcode', {
|
||||
text: stui.browser.url,
|
||||
width: 150,
|
||||
height: 150,
|
||||
colorDark: '#000000',
|
||||
colorLight: '#ffffff',
|
||||
correctLevel: QRCode.CorrectLevel.H
|
||||
});
|
||||
$("#qrcode img").attr("class", "img-responsive")
|
||||
}
|
||||
} else {
|
||||
if ($("#qrcode").length) {
|
||||
$("#qrcode").append("<img class='img-responsive' src='" + qrcode1 + "' width='150' height='150' />")
|
||||
}
|
||||
}
|
||||
if (qrcode2 == 1) {
|
||||
if ($("#qrcode2").length) {
|
||||
var qrcode = new QRCode('qrcode2', {
|
||||
text: stui.browser.url,
|
||||
width: 160,
|
||||
height: 160,
|
||||
colorDark: '#000000',
|
||||
colorLight: '#ffffff',
|
||||
correctLevel: QRCode.CorrectLevel.H
|
||||
});
|
||||
$("#qrcode2 img").attr("class", "img-responsive").css("display", "inline-block");
|
||||
}
|
||||
} else {
|
||||
if ($("#qrcode2").length) {
|
||||
$("#qrcode2").append("<img class='img-responsive' src='" + qrcode2 + "' width='160' height='160' />")
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
'common': {//公共基础
|
||||
'bootstrap': function () {
|
||||
$('a[data-toggle="tab"]').on("shown.bs.tab", function (a) {
|
||||
var b = $(a.target).text();
|
||||
$(a.relatedTarget).text();
|
||||
$("span.active-tab").html(b)
|
||||
})
|
||||
},
|
||||
'headroom': function () {
|
||||
if ($("#header-top").length) {
|
||||
var header = document.querySelector("#header-top");
|
||||
var headroom = new Headroom(header, {
|
||||
tolerance: 5,
|
||||
offset: 205,
|
||||
classes: {
|
||||
initial: "top-fixed",
|
||||
pinned: "top-fixed-up",
|
||||
unpinned: "top-fixed-down"
|
||||
}
|
||||
});
|
||||
headroom.init();
|
||||
}
|
||||
},
|
||||
'history': function () {
|
||||
if ($("#stui_history").length) {
|
||||
if ($.cookie("recente")) {
|
||||
var json = eval("(" + $.cookie("recente") + ")");
|
||||
var list = "";
|
||||
for (i = 0; i < json.length; i++) {
|
||||
list = list + "<li class='top-line'><a href='" + json[i].vod_url + "' title='" + json[i].vod_name + "'><span class='pull-right text-red'>" + json[i].vod_part + "</span>" + json[i].vod_name + "</a></li>";
|
||||
}
|
||||
$("#stui_history").append(list);
|
||||
}
|
||||
else
|
||||
$("#stui_history").append("<p style='padding: 80px 0; text-align: center'>您还没有看过影片哦</p>");
|
||||
|
||||
$(".historyclean").on("click", function () {
|
||||
$.cookie("recente", null, { expires: -1, path: '/' });
|
||||
})
|
||||
}
|
||||
},
|
||||
'collapse': function () {
|
||||
if ($(".detail").length) {
|
||||
$(".detail").find("a.detail-more").on("click", function () {
|
||||
$(this).parent().find(".detail-sketch").addClass("hide");
|
||||
$(this).parent().find(".detail-content").css("display", "");
|
||||
$(this).remove();
|
||||
})
|
||||
}
|
||||
},
|
||||
'scrolltop': function () {
|
||||
var a = $(window);
|
||||
$scrollTopLink = $("a.backtop");
|
||||
a.scroll(function () {
|
||||
500 < $(this).scrollTop() ? $scrollTopLink.css("display", "") : $scrollTopLink.css("display", "none")
|
||||
});
|
||||
$scrollTopLink.on("click", function () {
|
||||
$("html, body").animate({
|
||||
scrollTop: 0
|
||||
}, 400);
|
||||
return !1
|
||||
})
|
||||
},
|
||||
'copylink': function () {
|
||||
if (copyshort == 1) {
|
||||
if ($(".copylink").length) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: 'https://api.weibo.com/2/short_url/shorten.json?source=2849184197&url_long=' + encodeURIComponent(stui.browser.url),
|
||||
dataType: 'JSONP',
|
||||
success: function (r) {
|
||||
url_short = r.data.urls[0].url_short;
|
||||
var clipboard = new Clipboard('.copylink', {
|
||||
text: function () {
|
||||
return url_short;
|
||||
}
|
||||
});
|
||||
clipboard.on('success', function (e) {
|
||||
alert("地址复制成功，赶快分享给小伙伴吧！");
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
if ($(".copylink").length) {
|
||||
var url_short = stui.browser.url;
|
||||
var clipboard = new Clipboard('.copylink', {
|
||||
text: function () {
|
||||
return url_short;
|
||||
}
|
||||
});
|
||||
clipboard.on('success', function (e) {
|
||||
alert("地址复制成功，赶快分享给小伙伴吧！");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
'share': function () {
|
||||
if (baidushare != 0) {
|
||||
$(".share").html('<span class="bds_shere"></span><a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a class="bds_bdhome" data-cmd="bdhome" title="分享到百度新首页"></a><a class="bds_tqf" data-cmd="tqf" title="分享到腾讯朋友"></a><a class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a><a class="bds_more" data-cmd="more" title="更多"></a>');
|
||||
window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "24" }, "share": {} }; with (document) 0[(getElementsByTagName("head")[0] || body).appendChild(createElement('script')).src = '' + baidushare + '?cdnversion=' + ~(-new Date() / 36e5)];
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$(document).ready(function () {
|
||||
if (stui.browser.useragent.mobile) {
|
||||
stui.mobile.slide();
|
||||
stui.mobile.popup();
|
||||
stui.mobile.mshare();
|
||||
}
|
||||
stui.images.lazyload();
|
||||
stui.images.carousel();
|
||||
stui.images.qrcode();
|
||||
stui.common.bootstrap();
|
||||
stui.common.headroom();
|
||||
stui.common.history();
|
||||
stui.common.collapse();
|
||||
stui.common.scrolltop();
|
||||
stui.common.copylink();
|
||||
stui.common.share();
|
||||
});
|
||||
90
code/public/template/videonunu/js/stui_default.js
Normal file
90
code/public/template/videonunu/js/stui_default.js
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user