init
This commit is contained in:
15
public/frontend/m_web/js/Click_enlarge/swiper.min.css
vendored
Executable file
15
public/frontend/m_web/js/Click_enlarge/swiper.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
18
public/frontend/m_web/js/Click_enlarge/swiper.min.js
vendored
Executable file
18
public/frontend/m_web/js/Click_enlarge/swiper.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
216
public/frontend/m_web/js/bxslider/goods.bxslider.css
Executable file
216
public/frontend/m_web/js/bxslider/goods.bxslider.css
Executable file
@@ -0,0 +1,216 @@
|
||||
/**
|
||||
* BxSlider v4.1.2 - Fully loaded, responsive content slider
|
||||
* http://bxslider.com
|
||||
*
|
||||
* Written by: Steven Wanderski, 2014
|
||||
* http://stevenwanderski.com
|
||||
* (while drinking Belgian ales and listening to jazz)
|
||||
*
|
||||
* CEO and founder of bxCreative, LTD
|
||||
* http://bxcreative.com
|
||||
*/
|
||||
|
||||
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.bx-wrapper img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/** THEME
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper .bx-viewport {
|
||||
background: #fff;
|
||||
|
||||
/*fix other elements on the page moving (on Chrome)*/
|
||||
-webkit-transform: translatez(0);
|
||||
-moz-transform: translatez(0);
|
||||
-ms-transform: translatez(0);
|
||||
-o-transform: translatez(0);
|
||||
transform: translatez(0);
|
||||
}
|
||||
|
||||
.goods_Related .bx-wrapper .bx-viewport{background-color:transparent;;}
|
||||
|
||||
.bx-wrapper .bx-pager,
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: -0.15rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* LOADER */
|
||||
|
||||
.bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(../images/bx_loader.gif) center center no-repeat #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
/* PAGER */
|
||||
|
||||
.bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager .bx-pager-item,
|
||||
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a {
|
||||
background: #d9d9d9;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 5px;
|
||||
outline: 0;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
.bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #009fdf;
|
||||
}
|
||||
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
|
||||
.goods_Related .bx-wrapper .bx-prev {
|
||||
left: -0.96rem;
|
||||
background: url(../../images/bx-left.png);
|
||||
background-size:0.38rem 0.7rem;
|
||||
-moz-background-size:0.38rem 0.7rem; /* 老版本的 Firefox */
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
.goods_Related .bx-wrapper .bx-next {
|
||||
right: -0.96rem;
|
||||
background: url(../../images/bx-right.png);
|
||||
background-size:0.38rem 0.7rem;
|
||||
-moz-background-size:0.38rem 0.7rem; /* 老版本的 Firefox */
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
/*.bx-wrapper .bx-prev:hover {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next:hover {
|
||||
background-position: -43px 0;
|
||||
}*/
|
||||
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
outline: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
text-indent: -9999px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.goods_Related .bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top:50%;
|
||||
outline: 0;
|
||||
width: 0.38rem;
|
||||
height: 0.7rem;
|
||||
margin-top:-1.25rem;
|
||||
text-indent: -9999px;
|
||||
z-index: 999;
|
||||
}
|
||||
/*.bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}*/
|
||||
|
||||
/* AUTO CONTROLS (START / STOP) */
|
||||
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 10px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(../images/controls.png) -86px -11px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
background-position: -86px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 9px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(../images/controls.png) -86px -44px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
background-position: -86px -33px;
|
||||
}
|
||||
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
/* IMAGE CAPTIONS */
|
||||
|
||||
.bx-wrapper .bx-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: #666\9;
|
||||
background: rgba(80, 80, 80, 0.75);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
}
|
||||
233
public/frontend/m_web/js/bxslider/jquery.bxslider.css
Executable file
233
public/frontend/m_web/js/bxslider/jquery.bxslider.css
Executable file
@@ -0,0 +1,233 @@
|
||||
/**
|
||||
* BxSlider v4.0 - Fully loaded, responsive content slider
|
||||
* http://bxslider.com
|
||||
*
|
||||
* Written by: Steven Wanderski, 2012
|
||||
* http://stevenwanderski.com
|
||||
* (while drinking Belgian ales and listening to jazz)
|
||||
*
|
||||
* CEO and founder of bxCreative, LTD
|
||||
* http://bxcreative.com
|
||||
*/
|
||||
|
||||
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.bx-wrapper img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/** THEME
|
||||
===================================*/
|
||||
|
||||
|
||||
.bx-wrapper .bx-pager,
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: -1.5rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.banner .bx-wrapper .bx-pager,
|
||||
.bx-wrapper .bx-controls-auto{
|
||||
position: absolute;
|
||||
bottom: -1.5rem;
|
||||
width: 96%;
|
||||
|
||||
}
|
||||
/* LOADER */
|
||||
|
||||
.bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(images/bx_loader.gif) center center no-repeat #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
/* PAGER */
|
||||
|
||||
.banner .bx-wrapper .bx-pager {
|
||||
text-align: right;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
color: transparent;
|
||||
padding-bottom: 5%;
|
||||
}
|
||||
.partner .bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
color: transparent;
|
||||
}
|
||||
.bx-wrapper .bx-pager .bx-pager-item,
|
||||
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.banner .bx-wrapper .bx-pager.bx-default-pager a {
|
||||
background:#FFF;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 0.4rem;
|
||||
height: 0.14rem;
|
||||
margin: 0 5px;
|
||||
outline: 0;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 0.25rem;
|
||||
color:transparent;
|
||||
}
|
||||
.banner .bx-wrapper .bx-pager.bx-default-pager .active {
|
||||
background:#FFF;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 0.67rem;
|
||||
height: 0.14rem;
|
||||
margin: 0 5px;
|
||||
outline: 0;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 0.25rem;
|
||||
color:transparent;
|
||||
}
|
||||
.partner .bx-wrapper .bx-pager.bx-default-pager a {
|
||||
background: transparent;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 0.25rem;
|
||||
height: 0.25rem;
|
||||
margin: 0 5px;
|
||||
outline: 0;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 0.25rem;
|
||||
color:transparent;
|
||||
border:1px solid #009fdf;
|
||||
}
|
||||
|
||||
|
||||
.partner .bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
.partner .bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #009fdf;
|
||||
}
|
||||
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
|
||||
.bx-wrapper .bx-prev {
|
||||
left: 10px;
|
||||
background: url(images/controls.png) no-repeat 0 -32px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next {
|
||||
right: 10px;
|
||||
background: url(images/controls.png) no-repeat -43px -32px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-prev:hover {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next:hover {
|
||||
background-position: -43px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
outline: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
text-indent: -9999px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* AUTO CONTROLS (START / STOP) */
|
||||
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 10px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(images/controls.png) -86px -11px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
background-position: -86px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 9px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(images/controls.png) -86px -44px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
background-position: -86px -33px;
|
||||
}
|
||||
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
/* IMAGE CAPTIONS */
|
||||
|
||||
.bx-wrapper .bx-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: #666\9;
|
||||
background: rgba(80, 80, 80, 0.75);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
}
|
||||
10
public/frontend/m_web/js/bxslider/jquery.bxslider.min.js
vendored
Executable file
10
public/frontend/m_web/js/bxslider/jquery.bxslider.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
2
public/frontend/m_web/js/jquery-1.8.3.min.js
vendored
Executable file
2
public/frontend/m_web/js/jquery-1.8.3.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
194
public/frontend/m_web/js/mshare.js
Executable file
194
public/frontend/m_web/js/mshare.js
Executable file
@@ -0,0 +1,194 @@
|
||||
/**
|
||||
* 此插件主要作用是在UC和QQ两个主流浏览器
|
||||
* 上面触发微信分享到朋友圈或发送给朋友的功能
|
||||
*/
|
||||
'use strict';
|
||||
var UA = navigator.appVersion;
|
||||
|
||||
/**
|
||||
* 是否是 UC 浏览器
|
||||
*/
|
||||
var uc = UA.split('UCBrowser/').length > 1 ? 1 : 0;
|
||||
|
||||
/**
|
||||
* 判断 qq 浏览器
|
||||
* 然而qq浏览器分高低版本
|
||||
* 2 代表高版本
|
||||
* 1 代表低版本
|
||||
*/
|
||||
var qq = UA.split('MQQBrowser/').length > 1 ? 2 : 0;
|
||||
|
||||
/**
|
||||
* 是否是微信
|
||||
*/
|
||||
var wx = /micromessenger/i.test(UA);
|
||||
|
||||
/**
|
||||
* 浏览器版本
|
||||
*/
|
||||
var qqVs = qq ? parseFloat(UA.split('MQQBrowser/')[1]) : 0;
|
||||
var ucVs = uc ? parseFloat(UA.split('UCBrowser/')[1]) : 0;
|
||||
|
||||
/**
|
||||
* 获取操作系统信息 iPhone(1) Android(2)
|
||||
*/
|
||||
var os = (function () {
|
||||
var ua = navigator.userAgent;
|
||||
|
||||
if (/iphone|ipod/i.test(ua)) {
|
||||
return 1;
|
||||
} else if (/android/i.test(ua)) {
|
||||
return 2;
|
||||
} else {
|
||||
return 0;
|
||||
}
|
||||
}());
|
||||
|
||||
/**
|
||||
* qq浏览器下面 是否加载好了相应的api文件
|
||||
*/
|
||||
var qqBridgeLoaded = false;
|
||||
|
||||
// 进一步细化版本和平台判断
|
||||
if ((qq && qqVs < 5.4 && os == 1) || (qq && qqVs < 5.3 && os == 1)) {
|
||||
qq = 0;
|
||||
} else {
|
||||
if (qq && qqVs < 5.4 && os == 2) {
|
||||
qq = 1;
|
||||
} else {
|
||||
if (uc && ((ucVs < 10.2 && os == 1) || (ucVs < 9.7 && os == 2))) {
|
||||
uc = 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* qq浏览器下面 根据不同版本 加载对应的bridge
|
||||
* @method loadqqApi
|
||||
* @param {Function} cb 回调函数
|
||||
*/
|
||||
function loadqqApi(cb) {
|
||||
// qq == 0
|
||||
if (!qq) {
|
||||
return cb && cb();
|
||||
}
|
||||
|
||||
var script = document.createElement('script');
|
||||
script.src = (+qq === 1) ? '//3gimg.qq.com/html5/js/qb.js' : '//jsapi.qq.com/get?api=app.share';
|
||||
|
||||
/**
|
||||
* 需要等加载过 qq 的 bridge 脚本之后
|
||||
* 再去初始化分享组件
|
||||
*/
|
||||
script.onload = function () {
|
||||
cb && cb();
|
||||
};
|
||||
|
||||
document.body.appendChild(script);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* UC浏览器分享
|
||||
* @method ucShare
|
||||
*/
|
||||
function ucShare(config) {
|
||||
// ['title', 'content', 'url', 'platform', 'disablePlatform', 'source', 'htmlID']
|
||||
// 关于platform
|
||||
// ios: kWeixin || kWeixinFriend;
|
||||
// android: WechatFriends || WechatTimeline
|
||||
// uc 分享会直接使用截图
|
||||
|
||||
var platform = '';
|
||||
var shareInfo = null;
|
||||
|
||||
// 指定了分享类型
|
||||
if (config.type) {
|
||||
if (os == 2) {
|
||||
platform = config.type == 1 ? 'WechatTimeline' : 'WechatFriends';
|
||||
} else if (os == 1) {
|
||||
platform = config.type == 1 ? 'kWeixinFriend' : 'kWeixin';
|
||||
}
|
||||
}
|
||||
|
||||
shareInfo = [config.title, config.desc, config.url, platform, '', '', ''];
|
||||
|
||||
// android
|
||||
if (window.ucweb) {
|
||||
ucweb.startRequest && ucweb.startRequest('shell.page_share', shareInfo);
|
||||
return;
|
||||
}
|
||||
|
||||
if (window.ucbrowser) {
|
||||
ucbrowser.web_share && ucbrowser.web_share.apply(null, shareInfo);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* qq 浏览器分享函数
|
||||
* @method qqShare
|
||||
*/
|
||||
function qqShare(config) {
|
||||
var type = config.type;
|
||||
|
||||
//微信好友 1, 微信朋友圈 8
|
||||
type = type ? ((type == 1) ? 8 : 1) : '';
|
||||
|
||||
var share = function () {
|
||||
var shareInfo = {
|
||||
'url': config.url,
|
||||
'title': config.title,
|
||||
'description': config.desc,
|
||||
'img_url': config.img,
|
||||
'img_title': config.title,
|
||||
'to_app': type,
|
||||
'cus_txt': ''
|
||||
};
|
||||
|
||||
if (window.browser) {
|
||||
browser.app && browser.app.share(shareInfo);
|
||||
} else if (window.qb) {
|
||||
qb.share && qb.share(shareInfo);
|
||||
}
|
||||
};
|
||||
|
||||
if (qqBridgeLoaded) {
|
||||
share();
|
||||
} else {
|
||||
loadqqApi(share);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 对外暴露的接口函数
|
||||
* @method mShare
|
||||
* @param {Object} config 配置对象
|
||||
*/
|
||||
function mShare(config) {
|
||||
this.config = config;
|
||||
|
||||
this.init = function (type) {
|
||||
if (typeof type != 'undefined') this.config.type = type;
|
||||
|
||||
try {
|
||||
if (uc) {
|
||||
ucShare(this.config);
|
||||
} else if (qq && !wx) {
|
||||
qqShare(this.config);
|
||||
}
|
||||
} catch (e) {}
|
||||
}
|
||||
}
|
||||
|
||||
// 预加载 qq bridge
|
||||
loadqqApi(function () {
|
||||
qqBridgeLoaded = true;
|
||||
});
|
||||
|
||||
if (typeof module === 'object' && module.exports) {
|
||||
module.exports = mShare;
|
||||
} else {
|
||||
window.mShare = mShare;
|
||||
}
|
||||
117
public/frontend/m_web/js/scroll/flexible.js
Executable file
117
public/frontend/m_web/js/scroll/flexible.js
Executable file
@@ -0,0 +1,117 @@
|
||||
;(function(win, lib) {
|
||||
var doc = win.document;
|
||||
var docEl = doc.documentElement;
|
||||
var metaEl = doc.querySelector('meta[name="viewport"]');
|
||||
var flexibleEl = doc.querySelector('meta[name="flexible"]');
|
||||
var dpr = 0;
|
||||
var scale = 0;
|
||||
var tid;
|
||||
var flexible = lib.flexible || (lib.flexible = {});
|
||||
|
||||
if (metaEl) {
|
||||
console.warn('将根据已有的meta标签来设置缩放比例');
|
||||
var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
|
||||
if (match) {
|
||||
scale = parseFloat(match[1]);
|
||||
dpr = parseInt(1 / scale);
|
||||
}
|
||||
} else if (flexibleEl) {
|
||||
var content = flexibleEl.getAttribute('content');
|
||||
if (content) {
|
||||
var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
|
||||
var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
|
||||
if (initialDpr) {
|
||||
dpr = parseFloat(initialDpr[1]);
|
||||
scale = parseFloat((1 / dpr).toFixed(2));
|
||||
}
|
||||
if (maximumDpr) {
|
||||
dpr = parseFloat(maximumDpr[1]);
|
||||
scale = parseFloat((1 / dpr).toFixed(2));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!dpr && !scale) {
|
||||
var isAndroid = win.navigator.appVersion.match(/android/gi);
|
||||
var isIPhone = win.navigator.appVersion.match(/iphone/gi);
|
||||
var devicePixelRatio = win.devicePixelRatio;
|
||||
if (isIPhone) {
|
||||
// iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
|
||||
if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
|
||||
dpr = 3;
|
||||
} else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
|
||||
dpr = 2;
|
||||
} else {
|
||||
dpr = 1;
|
||||
}
|
||||
} else {
|
||||
// 其他设备下，仍旧使用1倍的方案
|
||||
dpr = 1;
|
||||
}
|
||||
scale = 1 / dpr;
|
||||
}
|
||||
|
||||
docEl.setAttribute('data-dpr', dpr);
|
||||
if (!metaEl) {
|
||||
metaEl = doc.createElement('meta');
|
||||
metaEl.setAttribute('name', 'viewport');
|
||||
metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
|
||||
if (docEl.firstElementChild) {
|
||||
docEl.firstElementChild.appendChild(metaEl);
|
||||
} else {
|
||||
var wrap = doc.createElement('div');
|
||||
wrap.appendChild(metaEl);
|
||||
doc.write(wrap.innerHTML);
|
||||
}
|
||||
}
|
||||
|
||||
function refreshRem(){
|
||||
var width = docEl.getBoundingClientRect().width;
|
||||
if (width / dpr > 768) {
|
||||
width = 768 * dpr;
|
||||
}
|
||||
var rem = width / 10;
|
||||
docEl.style.fontSize = rem + 'px';
|
||||
flexible.rem = win.rem = rem;
|
||||
}
|
||||
|
||||
win.addEventListener('resize', function() {
|
||||
clearTimeout(tid);
|
||||
tid = setTimeout(refreshRem, 300);
|
||||
}, false);
|
||||
win.addEventListener('pageshow', function(e) {
|
||||
if (e.persisted) {
|
||||
clearTimeout(tid);
|
||||
tid = setTimeout(refreshRem, 300);
|
||||
}
|
||||
}, false);
|
||||
|
||||
if (doc.readyState === 'complete') {
|
||||
doc.body.style.fontSize = 12 * dpr + 'px';
|
||||
} else {
|
||||
doc.addEventListener('DOMContentLoaded', function(e) {
|
||||
doc.body.style.fontSize = 12 * dpr + 'px';
|
||||
}, false);
|
||||
}
|
||||
|
||||
|
||||
refreshRem();
|
||||
|
||||
flexible.dpr = win.dpr = dpr;
|
||||
flexible.refreshRem = refreshRem;
|
||||
flexible.rem2px = function(d) {
|
||||
var val = parseFloat(d) * this.rem;
|
||||
if (typeof d === 'string' && d.match(/rem$/)) {
|
||||
val += 'px';
|
||||
}
|
||||
return val;
|
||||
}
|
||||
flexible.px2rem = function(d) {
|
||||
var val = parseFloat(d) / this.rem;
|
||||
if (typeof d === 'string' && d.match(/px$/)) {
|
||||
val += 'rem';
|
||||
}
|
||||
return val;
|
||||
}
|
||||
|
||||
})(window, window['lib'] || (window['lib'] = {}));
|
||||
2121
public/frontend/m_web/js/scroll/iscroll.js
Executable file
2121
public/frontend/m_web/js/scroll/iscroll.js
Executable file
File diff suppressed because it is too large
Load Diff
91
public/frontend/m_web/js/scroll/navbarscroll.js
Executable file
91
public/frontend/m_web/js/scroll/navbarscroll.js
Executable file
@@ -0,0 +1,91 @@
|
||||
/*
|
||||
* 移动端模拟导航可点击自动滑动 0.1.4
|
||||
* Date: 2017-01-11
|
||||
* by: xiewei
|
||||
* 导航可左右滑动，可点击边缘的一个，自动滚动下一个到可视范围【依赖于iscroll.js】
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.navbarscroll = function (options) {
|
||||
//各种属性、参数
|
||||
var _defaults = {
|
||||
className:'cur', //当前选中点击元素的class类名
|
||||
clickScrollTime:300, //点击后滑动时间
|
||||
duibiScreenWidth:0.4, //单位以rem为准，默认为0.4rem
|
||||
scrollerWidth:200, //单位以px为准，默认为3,[仅用于特殊情况：外层宽度因为小数点造成的不精准情况]
|
||||
defaultSelect:0, //初始选中第n个，默认第0个
|
||||
fingerClick:0, //目标第0或1个选项触发,必须每一项长度一致，方可用此项
|
||||
endClickScroll:function(thisObj){}//回调函数
|
||||
}
|
||||
var _opt = $.extend(_defaults, options);
|
||||
this.each(function () {
|
||||
//插件实现代码
|
||||
var _wrapper = $(this);
|
||||
var _win = $(window);
|
||||
var _win_width = _win.width(),_wrapper_width = _wrapper.width(),_wrapper_off_left = _wrapper.offset().left;
|
||||
var _wrapper_off_right=_win_width-_wrapper_off_left-_wrapper_width;
|
||||
var _obj_scroller = _wrapper.children('.scroller');
|
||||
var _obj_ul = _obj_scroller.children('ul');
|
||||
var _obj_li = _obj_ul.children('li');
|
||||
var _scroller_w = 0;
|
||||
_obj_li.css({"margin-left":"0","margin-right":"0"});
|
||||
for (var i = 0; i < _obj_li.length; i++) {
|
||||
_scroller_w += _obj_li[i].offsetWidth+_obj_li.length*2;
|
||||
}
|
||||
_obj_scroller.width(_scroller_w+_opt.scrollerWidth);
|
||||
//alert( _scroller_w);
|
||||
|
||||
var myScroll = new IScroll('#'+_wrapper.attr('id'), {
|
||||
eventPassthrough: true,
|
||||
scrollX: true,
|
||||
scrollY: false,
|
||||
preventDefault: false
|
||||
});
|
||||
_init(_obj_li.eq(_opt.defaultSelect));
|
||||
_obj_li.click(function(){
|
||||
_init($(this));
|
||||
});
|
||||
//解决PC端谷歌浏览器模拟的手机屏幕出现莫名的卡顿现象，滑动时禁止默认事件（2017-01-11）
|
||||
_wrapper[0].addEventListener('touchmove',function (e){e.preventDefault();},false);
|
||||
function _init(thiObj){
|
||||
var $this_obj=thiObj;
|
||||
var duibi=_opt.duibiScreenWidth*_win_width/10,this_index=$this_obj.index(),this_off_left=$this_obj.offset().left,this_pos_left=$this_obj.position().left,this_width=$this_obj.width(),this_prev_width=$this_obj.prev('li').width(),this_next_width=$this_obj.next('li').width();
|
||||
var this_off_right=_win_width-this_off_left-this_width;
|
||||
if(_scroller_w+2>_wrapper_width){
|
||||
if(_opt.fingerClick==1){
|
||||
if(this_index==1){
|
||||
myScroll.scrollTo(-this_pos_left+this_prev_width,0, _opt.clickScrollTime);
|
||||
}else if(this_index==0){
|
||||
myScroll.scrollTo(-this_pos_left,0, _opt.clickScrollTime);
|
||||
}else if(this_index==_obj_li.length-2){
|
||||
myScroll.scrollBy(this_off_right-_wrapper_off_right-this_width,0, _opt.clickScrollTime);
|
||||
}else if(this_index==_obj_li.length-1){
|
||||
myScroll.scrollBy(this_off_right-_wrapper_off_right,0, _opt.clickScrollTime);
|
||||
}else{
|
||||
if(this_off_left-_wrapper_off_left-(this_width*_opt.fingerClick)<duibi){
|
||||
myScroll.scrollTo(-this_pos_left+this_prev_width+(this_width*_opt.fingerClick),0, _opt.clickScrollTime);
|
||||
}else if(this_off_right-_wrapper_off_right-(this_width*_opt.fingerClick)<duibi){
|
||||
myScroll.scrollBy(this_off_right-this_next_width-_wrapper_off_right-(this_width*_opt.fingerClick),0, _opt.clickScrollTime);
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if(this_index==1){
|
||||
myScroll.scrollTo(-this_pos_left+this_prev_width,0, _opt.clickScrollTime);
|
||||
}else if(this_index==_obj_li.length-1){
|
||||
if(this_off_right-_wrapper_off_right>1||this_off_right-_wrapper_off_right<-1){
|
||||
myScroll.scrollBy(this_off_right-_wrapper_off_right,0, _opt.clickScrollTime);
|
||||
}
|
||||
}else{
|
||||
if(this_off_left-_wrapper_off_left<duibi){
|
||||
myScroll.scrollTo(-this_pos_left+this_prev_width,0, _opt.clickScrollTime);
|
||||
}else if(this_off_right-_wrapper_off_right<duibi){
|
||||
myScroll.scrollBy(this_off_right-this_next_width-_wrapper_off_right,0, _opt.clickScrollTime);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
$this_obj.addClass(_opt.className).siblings('li').removeClass(_opt.className);
|
||||
_opt.endClickScroll.call(this,$this_obj);
|
||||
}
|
||||
});
|
||||
};
|
||||
})(jQuery);
|
||||
77
public/frontend/m_web/js/video/bvd.css
Executable file
77
public/frontend/m_web/js/video/bvd.css
Executable file
@@ -0,0 +1,77 @@
|
||||
@keyframes vhide {0% {opacity: 1;}100% {opacity: 0;}}
|
||||
|
||||
@-webkit-keyframes vhide {0% {opacity: 1;}100% {opacity: 0;}}
|
||||
|
||||
.vhidden {
|
||||
animation: vhide 3.5s ease-in;
|
||||
-webkit-animation: vhide 3.5s ease-out;
|
||||
}
|
||||
|
||||
.bad-video video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
object-fit: fill;
|
||||
}
|
||||
|
||||
.bad-video {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
.bad-video .vplay {
|
||||
position: absolute;
|
||||
width: 15%;
|
||||
z-index: 99;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.bad-video .controls {
|
||||
width: 100%;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
font-size: 0.8rem;
|
||||
color: white;
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, .55);
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.bad-video .controls>* {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.bad-video .controls>*:nth-child(1) {
|
||||
flex: 6;
|
||||
}
|
||||
|
||||
.bad-video .controls>*:nth-child(2) {
|
||||
flex: 2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bad-video .controls .progressBar {
|
||||
margin: .75rem 5%;
|
||||
position: relative;
|
||||
width: 90%;
|
||||
height: .5rem;
|
||||
background-color: rgba(200, 200, 200, .55);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.bad-video .controls .timeBar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
background-color: rgba(99, 110, 225, .85);
|
||||
border-radius: 10px;
|
||||
}
|
||||
58
public/frontend/m_web/js/video/bvd.js
Executable file
58
public/frontend/m_web/js/video/bvd.js
Executable file
File diff suppressed because one or more lines are too long
708
public/frontend/m_web/js/video/jsmodern.min.css
vendored
Executable file
708
public/frontend/m_web/js/video/jsmodern.min.css
vendored
Executable file
@@ -0,0 +1,708 @@
|
||||
/*! jsModern v3.4.2 | (c) Frank Chao | MIT license */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
outline: 0;
|
||||
background: transparent;
|
||||
font-family: "Helvetica Neue", Helvetica, "PingFang SC", Microsoft YaHei;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-tap-highlight-color: transparent
|
||||
}
|
||||
|
||||
html {
|
||||
-webkit-text-size-adjust: 100%
|
||||
}
|
||||
|
||||
button::-moz-focus-inner, input::-moz-focus-inner, img {
|
||||
border: 0
|
||||
}
|
||||
|
||||
input::-ms-clear, input::-ms-reveal {
|
||||
display: none
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0
|
||||
}
|
||||
|
||||
input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], button {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
main {
|
||||
display: block
|
||||
}
|
||||
|
||||
.jsmodern-select-none {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
.jsmodern-marquee-inner {
|
||||
float: none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
background: transparent !important
|
||||
}
|
||||
|
||||
.jsmodern-marquee-default, .jsmodern-marquee-repeat {
|
||||
float: left;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
background: transparent !important
|
||||
}
|
||||
|
||||
.jsmodern-marquee-part {
|
||||
display: block;
|
||||
float: left
|
||||
}
|
||||
|
||||
section.jsmodern-share {
|
||||
position: fixed;
|
||||
top: 50% !important;
|
||||
left: 50% !important;
|
||||
width: 300px !important;
|
||||
height: 335px !important;
|
||||
z-index: 999999;
|
||||
margin: 0 !important;
|
||||
background: #fff;
|
||||
border: #ddd solid 1px;
|
||||
border-radius: 10px;
|
||||
box-shadow: #ddd 0 0 20px;
|
||||
overflow: hidden !important;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
|
||||
.jsmodern-share p {
|
||||
display: block;
|
||||
height: 20px !important;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
margin: 15px 0 20px 0 !important
|
||||
}
|
||||
|
||||
.jsmodern-share section {
|
||||
float: none !important;
|
||||
width: 260px !important;
|
||||
height: 260px !important;
|
||||
margin: 0 auto !important;
|
||||
padding: 0 !important
|
||||
}
|
||||
|
||||
.jsmodern-share b {
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border: #333 solid 4px;
|
||||
background: #333 url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAS1BMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////9UrLx+AAAAGHRSTlMAgHBAMKDPEO9gwOAgsFCQn/DQ37+vj1+ShkdhAAAB/UlEQVR42u3ayW4CQQwA0dmgZyEJgSz+/y/NISgTaRrVqfpkny1eaSBSEO5ycnJy/s94nSPm69hJ8/0ZEfevS1efco3HfBaDv5zjd+alvnCOvzkLBdO8v35fW3iLcAp2f5/XygOKOBRoftzhAewFhl9/BGuIBbv//FMwx7HA8+PlsLSFULD7HLCGULD7/BYMUS2Q/BgPe+W9XuD4t8rmEPUCw4+xtnt6UiD4S9e5Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7BezbBeT7BeT7BeT7BeD7BeD7BeBLBey7Bey7Bey7Bey7BezLBejrBeT7BeT7BeD781L3BxXl/7/iXNr5UKD7UKD7UKD7UKD7VGD7XKD7XOD7XOD7XOD7XOD7ywkKbJ++N/o+FOg+FOg+FOg+Fdg+F9g+F9g+F9g+Fzh+3h/k/UHeH+T9Qd4f5P1B3h/k/UHeH+T9gVFQGt4ffNRWP1reH/THxbHp/cFcYE+4P6BXXt37A34PGt8frIelW9v7gzf4FUS/PxgOK0vb+4PLcWVreX9wqmxMDe8PtlLbWN5b3R9sU31jWh9/IlOnzOv2eP7l6cpl6Pth6rQZ+75fSpeTk5Pzf34AZEeVGaC2p3QAAAAASUVORK5CYII=);
|
||||
background-size: cover;
|
||||
border-radius: 10px;
|
||||
right: 4px;
|
||||
top: 4px;
|
||||
cursor: pointer;
|
||||
opacity: .2;
|
||||
transition: .2s
|
||||
}
|
||||
|
||||
.jsmodern-share b:hover {
|
||||
opacity: .5
|
||||
}
|
||||
|
||||
.jsmodern-picture-container {
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.jsmodern-picture-container a {
|
||||
display: block;
|
||||
color: #fff;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.jsmodern-picture-container img {
|
||||
border: 0
|
||||
}
|
||||
|
||||
.jsmodern-picture-inner {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0)
|
||||
}
|
||||
|
||||
.jsmodern-picture-part {
|
||||
position: relative;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.jsmodern-picture-fade {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.jsmodern-picture-fade .jsmodern-picture-part {
|
||||
position: absolute;
|
||||
display: none
|
||||
}
|
||||
|
||||
.jsmodern-picture-slide .jsmodern-picture-part {
|
||||
float: left
|
||||
}
|
||||
|
||||
.jsmodern-picture-slide img {
|
||||
display: block
|
||||
}
|
||||
|
||||
.jsmodern-picture-dot {
|
||||
position: absolute;
|
||||
bottom: 15px
|
||||
}
|
||||
|
||||
.jsmodern-picture-dot.jsmodern-picture-dotcenter {
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, 0);
|
||||
-ms-transform: translate(-50%, 0);
|
||||
transform: translate(-50%, 0)
|
||||
}
|
||||
|
||||
.jsmodern-picture-dot.jsmodern-picture-dotleft {
|
||||
left: 10px
|
||||
}
|
||||
|
||||
.jsmodern-picture-dot.jsmodern-picture-dotright {
|
||||
right: 10px
|
||||
}
|
||||
|
||||
.jsmodern-picture-dot b {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: #888;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
margin: 0 5px;
|
||||
transition: .4s
|
||||
}
|
||||
|
||||
.jsmodern-picture-dot b.active {
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.jsmodern-picture-prev, .jsmodern-picture-next {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 17px;
|
||||
height: 32px;
|
||||
margin-top: -16px;
|
||||
cursor: pointer;
|
||||
background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat
|
||||
}
|
||||
|
||||
.jsmodern-picture-prev {
|
||||
margin-left: 13px
|
||||
}
|
||||
|
||||
.jsmodern-picture-next {
|
||||
right: 0;
|
||||
margin-right: 13px;
|
||||
background-position: -17px 0
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.jsmodern-picture-dot {
|
||||
bottom: 13px
|
||||
}
|
||||
|
||||
.jsmodern-picture-dot b {
|
||||
-webkit-transform: scale(0.7);
|
||||
transform: scale(0.7)
|
||||
}
|
||||
}
|
||||
|
||||
.jsmodern-video {
|
||||
background: #000;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 10
|
||||
}
|
||||
|
||||
.jsmodern-video-panel {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 2147483648;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
.jsmodern-video-panel.jsmodern-video-panelFull {
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -10px);
|
||||
-ms-transform: translate(-50%, -10px);
|
||||
transform: translate(-50%, -10px);
|
||||
padding: 3px 5px;
|
||||
border-radius: 8px
|
||||
}
|
||||
|
||||
.jsmodern-video-linebox {
|
||||
height: 6px;
|
||||
background: rgba(255, 255, 255, .25);
|
||||
border-radius: 3px;
|
||||
width: 460px;
|
||||
width: -webkit-calc(100% - 305px);
|
||||
width: -moz-calc(100% - 305px);
|
||||
width: calc(100% - 305px);
|
||||
float: left;
|
||||
margin: 17px 0 0 15px;
|
||||
position: relative;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.jsmodern-video-pass {
|
||||
position: absolute;
|
||||
border-radius: 3px;
|
||||
height: 100%;
|
||||
background:#f81e3d;
|
||||
}
|
||||
|
||||
.jsmodern-video-linedot {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
-webkit-transform: scale(1.8);
|
||||
-ms-transform: scale(1.8);
|
||||
transform: scale(1.8);
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.jsmodern-video-panel b {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.jsmodern-video-panel b, .jsmodern-video-panel span {
|
||||
display: block;
|
||||
float: left
|
||||
}
|
||||
|
||||
.jsmodern-video-panel span {
|
||||
font-size: 12px;
|
||||
cursor: default;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
.jsmodern-video-start {
|
||||
margin-left: 10px
|
||||
}
|
||||
|
||||
.jsmodern-video-start + span {
|
||||
width: 14px;
|
||||
height: 12px;
|
||||
text-align: center;
|
||||
line-height: 12px;
|
||||
font-size: 10px;
|
||||
overflow: hidden;
|
||||
margin-top: 13px;
|
||||
-webkit-transform: scale(1, 0.9) translateY(1px);
|
||||
-ms-transform: scale(1, 0.9) translateY(1px);
|
||||
transform: scale(1, 0.9) translateY(1px);
|
||||
-webkit-transform-origin: left top;
|
||||
-ms-transform-origin: left top;
|
||||
transform-origin: left top
|
||||
}
|
||||
|
||||
.jsmodern-video-start, .jsmodern-video-end {
|
||||
width: 39px;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.jsmodern-video-volumebox {
|
||||
width: 80px;
|
||||
height: 6px;
|
||||
background: rgba(255, 255, 255, .25);
|
||||
border-radius: 3px;
|
||||
float: left;
|
||||
margin: 18px 0 0 7px;
|
||||
position: relative;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.jsmodern-video-volumeline {
|
||||
width: 40px;
|
||||
height: 6px;
|
||||
background: #f81e3d;
|
||||
border-radius: 3px;
|
||||
margin-top: 0
|
||||
}
|
||||
|
||||
.jsmodern-video-volumedot {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
margin: -6px 0 0 37px;
|
||||
-webkit-transform: scale(1.8);
|
||||
-ms-transform: scale(1.8);
|
||||
transform: scale(1.8);
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.jsmodern-video-play, .jsmodern-video-volume, .jsmodern-video-fullin {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: 11px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat
|
||||
}
|
||||
|
||||
.jsmodern-video-play {
|
||||
margin-left: 10px;
|
||||
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)
|
||||
}
|
||||
|
||||
.jsmodern-video-pause {
|
||||
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)
|
||||
}
|
||||
|
||||
.jsmodern-video-volume {
|
||||
margin-left: 15px;
|
||||
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)
|
||||
}
|
||||
|
||||
.jsmodern-video-muted {
|
||||
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)
|
||||
}
|
||||
|
||||
.jsmodern-video-fullin {
|
||||
margin-left: 15px;
|
||||
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)
|
||||
}
|
||||
|
||||
.jsmodern-video-fullout {
|
||||
margin-left: 15px;
|
||||
background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)
|
||||
}
|
||||
|
||||
b.jsmodern-video-fullFalse {
|
||||
opacity: .5;
|
||||
cursor: default
|
||||
}
|
||||
|
||||
.jsmodern-scrollBar-container {
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.jsmodern-scrollBar-inner {
|
||||
-webkit-transform: translate(0, 0);
|
||||
-ms-transform: translate(0, 0);
|
||||
transform: translate(0, 0)
|
||||
}
|
||||
|
||||
.jsmodern-scrollbar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 1px;
|
||||
width: 6px;
|
||||
background: rgba(0, 0, 0, .3);
|
||||
border-radius: 3px;
|
||||
z-index: 10px;
|
||||
-webkit-transform: translate(0, 0);
|
||||
-ms-transform: translate(0, 0);
|
||||
transform: translate(0, 0)
|
||||
}
|
||||
|
||||
.jsmodern-lazyload {
|
||||
display: block;
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.jsmodern-page-content {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto
|
||||
}
|
||||
|
||||
.jsmodern-page-target > * {
|
||||
display: none
|
||||
}
|
||||
|
||||
.jsmodern-page {
|
||||
height: 38px;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
border-radius: 19px;
|
||||
border: #e8e8e8 solid 1px;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.jsmodern-page > div i, .jsmodern-page > i {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 40px;
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
font-style: normal;
|
||||
background: #f5f5f5;
|
||||
transition: .15s;
|
||||
font-weight: bold;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.jsmodern-page i {
|
||||
border-right: #e3e3e3 solid 1px;
|
||||
border-left: #fff solid 1px
|
||||
}
|
||||
|
||||
.jsmodern-page > div {
|
||||
float: left;
|
||||
max-width: 420px;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.jsmodern-page > div div {
|
||||
height: 38px
|
||||
}
|
||||
|
||||
.jsmodern-page i.active {
|
||||
background: #E04636;
|
||||
color: #fff;
|
||||
box-shadow: rgba(0, 0, 0, .2) 0 0 10px inset;
|
||||
border-right-color: #fff
|
||||
}
|
||||
|
||||
.jsmodern-page i:hover {
|
||||
color: #E04636
|
||||
}
|
||||
|
||||
.jsmodern-page i.active:hover {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.jsmodern-page > i span {
|
||||
display: inline-block;
|
||||
font-size: 20px
|
||||
}
|
||||
|
||||
.jsmodern-page > i:first-child {
|
||||
border-radius: 19px 0 0 19px
|
||||
}
|
||||
|
||||
.jsmodern-page > i:last-child {
|
||||
border-radius: 0 19px 19px 0
|
||||
}
|
||||
|
||||
i.jsmodern-page-first, i.jsmodern-page-last, i.jsmodern-page-next, i.jsmodern-page-prev {
|
||||
line-height: 33px
|
||||
}
|
||||
|
||||
section.jsmodern-page-more {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 15px;
|
||||
background: #ececec;
|
||||
color: #666
|
||||
}
|
||||
|
||||
.jsmodern-fullpage-container {
|
||||
display: block;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1)
|
||||
}
|
||||
|
||||
.jsmodern-fullpage-part {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.jsmodern-fullpage-navigation {
|
||||
position: fixed;
|
||||
z-index: 20
|
||||
}
|
||||
|
||||
.jsmodern-fullpage-navigation-x {
|
||||
left: 50%;
|
||||
bottom: 18px;
|
||||
width: auto;
|
||||
height: 10px;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
|
||||
.jsmodern-fullpage-navigation-y {
|
||||
top: 50%;
|
||||
right: 18px;
|
||||
width: 10px;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
|
||||
.jsmodern-fullpage-navigation-default > b {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border: #000 solid 1px;
|
||||
border-radius: 10px;
|
||||
opacity: .8;
|
||||
transition: .3s
|
||||
}
|
||||
|
||||
.jsmodern-fullpage-navigation-y > b {
|
||||
margin: 10px 0
|
||||
}
|
||||
|
||||
.jsmodern-fullpage-navigation-x > b {
|
||||
float: left;
|
||||
margin: 0 8px
|
||||
}
|
||||
|
||||
.jsmodern-fullpage-navigation-default > b.active {
|
||||
background: #000
|
||||
}
|
||||
|
||||
.jsmodern-dialog-container {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2147483649;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.jsmodern-dialog {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: -20px;
|
||||
width: 500px;
|
||||
min-width: 500px;
|
||||
height: auto;
|
||||
line-height: auto;
|
||||
overflow: hidden;
|
||||
padding: 15px;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
-webkit-transform: translate(-50%, 0);
|
||||
-ms-transform: translate(-50%, 0);
|
||||
transform: translate(-50%, 0);
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
border: #555 solid 1px;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, .3);
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.jsmodern-dialog-title {
|
||||
text-align: left;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
word-wrap: break-word;
|
||||
word-break: normal
|
||||
}
|
||||
|
||||
.jsmodern-dialog-content {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
min-height: 60px;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
word-break: normal;
|
||||
margin-top: 10px;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
line-height: 160%;
|
||||
z-index: 10;
|
||||
-webkit-overflow-scrolling: touch
|
||||
}
|
||||
|
||||
.jsmodern-dialog > span {
|
||||
display: block;
|
||||
float: right;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 13px;
|
||||
padding: 0 12px;
|
||||
cursor: pointer;
|
||||
margin: 13px 0 0 10px;
|
||||
border-radius: 4px;
|
||||
border: #ccc solid 1px;
|
||||
transition: .25s;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
.jsmodern-dialog > span.jsmodern-dialog-sure {
|
||||
background: #2F7CBE;
|
||||
border-color: #2F7CBE;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.jsmodern-dialog > span.jsmodern-dialog-sure:hover {
|
||||
background: #1563A6;
|
||||
border-color: #1563A6
|
||||
}
|
||||
|
||||
.jsmodern-dialog > span.jsmodern-dialog-cancel:hover {
|
||||
background: #eee
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.jsmodern-dialog.jsmodern-dialog-mobile {
|
||||
top: 43%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
|
||||
.jsmodern-dialog.jsmodern-dialog-mobile .jsmodern-dialog-title {
|
||||
-webkit-transform: scale(1.03);
|
||||
transform: scale(1.03);
|
||||
transform-origin: left top
|
||||
}
|
||||
|
||||
.jsmodern-dialog.jsmodern-dialog-mobile > span {
|
||||
font-size: 14px
|
||||
}
|
||||
}
|
||||
2
public/frontend/m_web/js/video/jsmodern.min.js
vendored
Executable file
2
public/frontend/m_web/js/video/jsmodern.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
9
public/frontend/m_web/js/video/mui.min.js
vendored
Executable file
9
public/frontend/m_web/js/video/mui.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user