2512 lines
93 KiB
JavaScript
2512 lines
93 KiB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
|
|
if(typeof exports === 'object' && typeof module === 'object')
|
|
module.exports = factory();
|
|
else if(typeof define === 'function' && define.amd)
|
|
define([], factory);
|
|
else {
|
|
var a = factory();
|
|
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
|
}
|
|
})(typeof self !== 'undefined' ? self : this, function() {
|
|
return /******/ (function(modules) { // webpackBootstrap
|
|
/******/ // The module cache
|
|
/******/ var installedModules = {};
|
|
/******/
|
|
/******/ // The require function
|
|
/******/ function __webpack_require__(moduleId) {
|
|
/******/
|
|
/******/ // Check if module is in cache
|
|
/******/ if(installedModules[moduleId]) {
|
|
/******/ return installedModules[moduleId].exports;
|
|
/******/ }
|
|
/******/ // Create a new module (and put it into the cache)
|
|
/******/ var module = installedModules[moduleId] = {
|
|
/******/ i: moduleId,
|
|
/******/ l: false,
|
|
/******/ exports: {}
|
|
/******/ };
|
|
/******/
|
|
/******/ // Execute the module function
|
|
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
/******/
|
|
/******/ // Flag the module as loaded
|
|
/******/ module.l = true;
|
|
/******/
|
|
/******/ // Return the exports of the module
|
|
/******/ return module.exports;
|
|
/******/ }
|
|
/******/
|
|
/******/
|
|
/******/ // expose the modules object (__webpack_modules__)
|
|
/******/ __webpack_require__.m = modules;
|
|
/******/
|
|
/******/ // expose the module cache
|
|
/******/ __webpack_require__.c = installedModules;
|
|
/******/
|
|
/******/ // define getter function for harmony exports
|
|
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
/******/ Object.defineProperty(exports, name, {
|
|
/******/ configurable: false,
|
|
/******/ enumerable: true,
|
|
/******/ get: getter
|
|
/******/ });
|
|
/******/ }
|
|
/******/ };
|
|
/******/
|
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
/******/ __webpack_require__.n = function(module) {
|
|
/******/ var getter = module && module.__esModule ?
|
|
/******/ function getDefault() { return module['default']; } :
|
|
/******/ function getModuleExports() { return module; };
|
|
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
/******/ return getter;
|
|
/******/ };
|
|
/******/
|
|
/******/ // Object.prototype.hasOwnProperty.call
|
|
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
/******/
|
|
/******/ // __webpack_public_path__
|
|
/******/ __webpack_require__.p = "/dist/";
|
|
/******/
|
|
/******/ // Load entry module and return exports
|
|
/******/ return __webpack_require__(__webpack_require__.s = 15);
|
|
/******/ })
|
|
/************************************************************************/
|
|
/******/ ([
|
|
/* 0 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// Thank's IE8 for his funny defineProperty
|
|
module.exports = !__webpack_require__(4)(function () {
|
|
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
|
|
});
|
|
|
|
|
|
/***/ }),
|
|
/* 1 */
|
|
/***/ (function(module, exports) {
|
|
|
|
// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
|
|
var global = module.exports = typeof window != 'undefined' && window.Math == Math
|
|
? window : typeof self != 'undefined' && self.Math == Math ? self
|
|
// eslint-disable-next-line no-new-func
|
|
: Function('return this')();
|
|
if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
|
|
|
|
|
|
/***/ }),
|
|
/* 2 */
|
|
/***/ (function(module, exports) {
|
|
|
|
var core = module.exports = { version: '2.6.12' };
|
|
if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
|
|
|
|
|
|
/***/ }),
|
|
/* 3 */
|
|
/***/ (function(module, exports) {
|
|
|
|
module.exports = function (it) {
|
|
return typeof it === 'object' ? it !== null : typeof it === 'function';
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 4 */
|
|
/***/ (function(module, exports) {
|
|
|
|
module.exports = function (exec) {
|
|
try {
|
|
return !!exec();
|
|
} catch (e) {
|
|
return true;
|
|
}
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 5 */
|
|
/***/ (function(module, exports) {
|
|
|
|
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Tobias Koppers @sokra
|
|
*/
|
|
// css base code, injected by the css-loader
|
|
module.exports = function(useSourceMap) {
|
|
var list = [];
|
|
|
|
// return the list of modules as css string
|
|
list.toString = function toString() {
|
|
return this.map(function (item) {
|
|
var content = cssWithMappingToString(item, useSourceMap);
|
|
if(item[2]) {
|
|
return "@media " + item[2] + "{" + content + "}";
|
|
} else {
|
|
return content;
|
|
}
|
|
}).join("");
|
|
};
|
|
|
|
// import a list of modules into the list
|
|
list.i = function(modules, mediaQuery) {
|
|
if(typeof modules === "string")
|
|
modules = [[null, modules, ""]];
|
|
var alreadyImportedModules = {};
|
|
for(var i = 0; i < this.length; i++) {
|
|
var id = this[i][0];
|
|
if(typeof id === "number")
|
|
alreadyImportedModules[id] = true;
|
|
}
|
|
for(i = 0; i < modules.length; i++) {
|
|
var item = modules[i];
|
|
// skip already imported module
|
|
// this implementation is not 100% perfect for weird media query combinations
|
|
// when a module is imported multiple times with different media queries.
|
|
// I hope this will never occur (Hey this way we have smaller bundles)
|
|
if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
|
|
if(mediaQuery && !item[2]) {
|
|
item[2] = mediaQuery;
|
|
} else if(mediaQuery) {
|
|
item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
|
|
}
|
|
list.push(item);
|
|
}
|
|
}
|
|
};
|
|
return list;
|
|
};
|
|
|
|
function cssWithMappingToString(item, useSourceMap) {
|
|
var content = item[1] || '';
|
|
var cssMapping = item[3];
|
|
if (!cssMapping) {
|
|
return content;
|
|
}
|
|
|
|
if (useSourceMap && typeof btoa === 'function') {
|
|
var sourceMapping = toComment(cssMapping);
|
|
var sourceURLs = cssMapping.sources.map(function (source) {
|
|
return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
|
|
});
|
|
|
|
return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
|
|
}
|
|
|
|
return [content].join('\n');
|
|
}
|
|
|
|
// Adapted from convert-source-map (MIT)
|
|
function toComment(sourceMap) {
|
|
// eslint-disable-next-line no-undef
|
|
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
|
|
var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
|
|
|
|
return '/*# ' + data + ' */';
|
|
}
|
|
|
|
|
|
/***/ }),
|
|
/* 6 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
/*
|
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
|
Author Tobias Koppers @sokra
|
|
Modified by Evan You @yyx990803
|
|
*/
|
|
|
|
var hasDocument = typeof document !== 'undefined'
|
|
|
|
if (typeof DEBUG !== 'undefined' && DEBUG) {
|
|
if (!hasDocument) {
|
|
throw new Error(
|
|
'vue-style-loader cannot be used in a non-browser environment. ' +
|
|
"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
|
|
) }
|
|
}
|
|
|
|
var listToStyles = __webpack_require__(19)
|
|
|
|
/*
|
|
type StyleObject = {
|
|
id: number;
|
|
parts: Array<StyleObjectPart>
|
|
}
|
|
|
|
type StyleObjectPart = {
|
|
css: string;
|
|
media: string;
|
|
sourceMap: ?string
|
|
}
|
|
*/
|
|
|
|
var stylesInDom = {/*
|
|
[id: number]: {
|
|
id: number,
|
|
refs: number,
|
|
parts: Array<(obj?: StyleObjectPart) => void>
|
|
}
|
|
*/}
|
|
|
|
var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
|
|
var singletonElement = null
|
|
var singletonCounter = 0
|
|
var isProduction = false
|
|
var noop = function () {}
|
|
var options = null
|
|
var ssrIdKey = 'data-vue-ssr-id'
|
|
|
|
// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
|
|
// tags it will allow on a page
|
|
var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
|
|
|
|
module.exports = function (parentId, list, _isProduction, _options) {
|
|
isProduction = _isProduction
|
|
|
|
options = _options || {}
|
|
|
|
var styles = listToStyles(parentId, list)
|
|
addStylesToDom(styles)
|
|
|
|
return function update (newList) {
|
|
var mayRemove = []
|
|
for (var i = 0; i < styles.length; i++) {
|
|
var item = styles[i]
|
|
var domStyle = stylesInDom[item.id]
|
|
domStyle.refs--
|
|
mayRemove.push(domStyle)
|
|
}
|
|
if (newList) {
|
|
styles = listToStyles(parentId, newList)
|
|
addStylesToDom(styles)
|
|
} else {
|
|
styles = []
|
|
}
|
|
for (var i = 0; i < mayRemove.length; i++) {
|
|
var domStyle = mayRemove[i]
|
|
if (domStyle.refs === 0) {
|
|
for (var j = 0; j < domStyle.parts.length; j++) {
|
|
domStyle.parts[j]()
|
|
}
|
|
delete stylesInDom[domStyle.id]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function addStylesToDom (styles /* Array<StyleObject> */) {
|
|
for (var i = 0; i < styles.length; i++) {
|
|
var item = styles[i]
|
|
var domStyle = stylesInDom[item.id]
|
|
if (domStyle) {
|
|
domStyle.refs++
|
|
for (var j = 0; j < domStyle.parts.length; j++) {
|
|
domStyle.parts[j](item.parts[j])
|
|
}
|
|
for (; j < item.parts.length; j++) {
|
|
domStyle.parts.push(addStyle(item.parts[j]))
|
|
}
|
|
if (domStyle.parts.length > item.parts.length) {
|
|
domStyle.parts.length = item.parts.length
|
|
}
|
|
} else {
|
|
var parts = []
|
|
for (var j = 0; j < item.parts.length; j++) {
|
|
parts.push(addStyle(item.parts[j]))
|
|
}
|
|
stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
|
|
}
|
|
}
|
|
}
|
|
|
|
function createStyleElement () {
|
|
var styleElement = document.createElement('style')
|
|
styleElement.type = 'text/css'
|
|
head.appendChild(styleElement)
|
|
return styleElement
|
|
}
|
|
|
|
function addStyle (obj /* StyleObjectPart */) {
|
|
var update, remove
|
|
var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
|
|
|
|
if (styleElement) {
|
|
if (isProduction) {
|
|
// has SSR styles and in production mode.
|
|
// simply do nothing.
|
|
return noop
|
|
} else {
|
|
// has SSR styles but in dev mode.
|
|
// for some reason Chrome can't handle source map in server-rendered
|
|
// style tags - source maps in <style> only works if the style tag is
|
|
// created and inserted dynamically. So we remove the server rendered
|
|
// styles and inject new ones.
|
|
styleElement.parentNode.removeChild(styleElement)
|
|
}
|
|
}
|
|
|
|
if (isOldIE) {
|
|
// use singleton mode for IE9.
|
|
var styleIndex = singletonCounter++
|
|
styleElement = singletonElement || (singletonElement = createStyleElement())
|
|
update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
|
|
remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
|
|
} else {
|
|
// use multi-style-tag mode in all other cases
|
|
styleElement = createStyleElement()
|
|
update = applyToTag.bind(null, styleElement)
|
|
remove = function () {
|
|
styleElement.parentNode.removeChild(styleElement)
|
|
}
|
|
}
|
|
|
|
update(obj)
|
|
|
|
return function updateStyle (newObj /* StyleObjectPart */) {
|
|
if (newObj) {
|
|
if (newObj.css === obj.css &&
|
|
newObj.media === obj.media &&
|
|
newObj.sourceMap === obj.sourceMap) {
|
|
return
|
|
}
|
|
update(obj = newObj)
|
|
} else {
|
|
remove()
|
|
}
|
|
}
|
|
}
|
|
|
|
var replaceText = (function () {
|
|
var textStore = []
|
|
|
|
return function (index, replacement) {
|
|
textStore[index] = replacement
|
|
return textStore.filter(Boolean).join('\n')
|
|
}
|
|
})()
|
|
|
|
function applyToSingletonTag (styleElement, index, remove, obj) {
|
|
var css = remove ? '' : obj.css
|
|
|
|
if (styleElement.styleSheet) {
|
|
styleElement.styleSheet.cssText = replaceText(index, css)
|
|
} else {
|
|
var cssNode = document.createTextNode(css)
|
|
var childNodes = styleElement.childNodes
|
|
if (childNodes[index]) styleElement.removeChild(childNodes[index])
|
|
if (childNodes.length) {
|
|
styleElement.insertBefore(cssNode, childNodes[index])
|
|
} else {
|
|
styleElement.appendChild(cssNode)
|
|
}
|
|
}
|
|
}
|
|
|
|
function applyToTag (styleElement, obj) {
|
|
var css = obj.css
|
|
var media = obj.media
|
|
var sourceMap = obj.sourceMap
|
|
|
|
if (media) {
|
|
styleElement.setAttribute('media', media)
|
|
}
|
|
if (options.ssrId) {
|
|
styleElement.setAttribute(ssrIdKey, obj.id)
|
|
}
|
|
|
|
if (sourceMap) {
|
|
// https://developer.chrome.com/devtools/docs/javascript-debugging
|
|
// this makes source maps inside style tags work properly in Chrome
|
|
css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
|
|
// http://stackoverflow.com/a/26603875
|
|
css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
|
|
}
|
|
|
|
if (styleElement.styleSheet) {
|
|
styleElement.styleSheet.cssText = css
|
|
} else {
|
|
while (styleElement.firstChild) {
|
|
styleElement.removeChild(styleElement.firstChild)
|
|
}
|
|
styleElement.appendChild(document.createTextNode(css))
|
|
}
|
|
}
|
|
|
|
|
|
/***/ }),
|
|
/* 7 */
|
|
/***/ (function(module, exports) {
|
|
|
|
/* globals __VUE_SSR_CONTEXT__ */
|
|
|
|
// IMPORTANT: Do NOT use ES2015 features in this file.
|
|
// This module is a runtime utility for cleaner component module output and will
|
|
// be included in the final webpack user bundle.
|
|
|
|
module.exports = function normalizeComponent (
|
|
rawScriptExports,
|
|
compiledTemplate,
|
|
functionalTemplate,
|
|
injectStyles,
|
|
scopeId,
|
|
moduleIdentifier /* server only */
|
|
) {
|
|
var esModule
|
|
var scriptExports = rawScriptExports = rawScriptExports || {}
|
|
|
|
// ES6 modules interop
|
|
var type = typeof rawScriptExports.default
|
|
if (type === 'object' || type === 'function') {
|
|
esModule = rawScriptExports
|
|
scriptExports = rawScriptExports.default
|
|
}
|
|
|
|
// Vue.extend constructor export interop
|
|
var options = typeof scriptExports === 'function'
|
|
? scriptExports.options
|
|
: scriptExports
|
|
|
|
// render functions
|
|
if (compiledTemplate) {
|
|
options.render = compiledTemplate.render
|
|
options.staticRenderFns = compiledTemplate.staticRenderFns
|
|
options._compiled = true
|
|
}
|
|
|
|
// functional template
|
|
if (functionalTemplate) {
|
|
options.functional = true
|
|
}
|
|
|
|
// scopedId
|
|
if (scopeId) {
|
|
options._scopeId = scopeId
|
|
}
|
|
|
|
var hook
|
|
if (moduleIdentifier) { // server build
|
|
hook = function (context) {
|
|
// 2.3 injection
|
|
context =
|
|
context || // cached call
|
|
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
|
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
|
// 2.2 with runInNewContext: true
|
|
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
|
context = __VUE_SSR_CONTEXT__
|
|
}
|
|
// inject component styles
|
|
if (injectStyles) {
|
|
injectStyles.call(this, context)
|
|
}
|
|
// register component module identifier for async chunk inferrence
|
|
if (context && context._registeredComponents) {
|
|
context._registeredComponents.add(moduleIdentifier)
|
|
}
|
|
}
|
|
// used by ssr in case component is cached and beforeCreate
|
|
// never gets called
|
|
options._ssrRegister = hook
|
|
} else if (injectStyles) {
|
|
hook = injectStyles
|
|
}
|
|
|
|
if (hook) {
|
|
var functional = options.functional
|
|
var existing = functional
|
|
? options.render
|
|
: options.beforeCreate
|
|
|
|
if (!functional) {
|
|
// inject component registration as beforeCreate hook
|
|
options.beforeCreate = existing
|
|
? [].concat(existing, hook)
|
|
: [hook]
|
|
} else {
|
|
// for template-only hot-reload because in that case the render fn doesn't
|
|
// go through the normalizer
|
|
options._injectStyles = hook
|
|
// register for functioal component in vue file
|
|
options.render = function renderWithStyleInjection (h, context) {
|
|
hook.call(context)
|
|
return existing(h, context)
|
|
}
|
|
}
|
|
}
|
|
|
|
return {
|
|
esModule: esModule,
|
|
exports: scriptExports,
|
|
options: options
|
|
}
|
|
}
|
|
|
|
|
|
/***/ }),
|
|
/* 8 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__turn_controller__ = __webpack_require__(20);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__turn_controller___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__turn_controller__);
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (__WEBPACK_IMPORTED_MODULE_0__turn_controller___default.a);
|
|
|
|
/***/ }),
|
|
/* 9 */
|
|
/***/ (function(module, exports) {
|
|
|
|
var hasOwnProperty = {}.hasOwnProperty;
|
|
module.exports = function (it, key) {
|
|
return hasOwnProperty.call(it, key);
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 10 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// to indexed object, toObject with fallback for non-array-like ES3 strings
|
|
var IObject = __webpack_require__(11);
|
|
var defined = __webpack_require__(12);
|
|
module.exports = function (it) {
|
|
return IObject(defined(it));
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 11 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// fallback for non-array-like ES3 and non-enumerable old V8 strings
|
|
var cof = __webpack_require__(38);
|
|
// eslint-disable-next-line no-prototype-builtins
|
|
module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
|
|
return cof(it) == 'String' ? it.split('') : Object(it);
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 12 */
|
|
/***/ (function(module, exports) {
|
|
|
|
// 7.2.1 RequireObjectCoercible(argument)
|
|
module.exports = function (it) {
|
|
if (it == undefined) throw TypeError("Can't call method on " + it);
|
|
return it;
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 13 */
|
|
/***/ (function(module, exports) {
|
|
|
|
// 7.1.4 ToInteger
|
|
var ceil = Math.ceil;
|
|
var floor = Math.floor;
|
|
module.exports = function (it) {
|
|
return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 14 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__turn_page_controller__ = __webpack_require__(53);
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__turn_page_controller___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__turn_page_controller__);
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (__WEBPACK_IMPORTED_MODULE_0__turn_page_controller___default.a);
|
|
|
|
/***/ }),
|
|
/* 15 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _App = __webpack_require__(16);
|
|
|
|
var _App2 = _interopRequireDefault(_App);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
exports.default = _App2.default;
|
|
|
|
/***/ }),
|
|
/* 16 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_App_vue__ = __webpack_require__(8);
|
|
/* empty harmony namespace reexport */
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7ba5bd90_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__ = __webpack_require__(55);
|
|
var disposed = false
|
|
function injectStyle (ssrContext) {
|
|
if (disposed) return
|
|
__webpack_require__(17)
|
|
}
|
|
var normalizeComponent = __webpack_require__(7)
|
|
/* script */
|
|
|
|
|
|
/* template */
|
|
|
|
/* template functional */
|
|
var __vue_template_functional__ = false
|
|
/* styles */
|
|
var __vue_styles__ = injectStyle
|
|
/* scopeId */
|
|
var __vue_scopeId__ = "data-v-7ba5bd90"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_App_vue__["a" /* default */],
|
|
__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7ba5bd90_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__["a" /* default */],
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
Component.options.__file = "src/App.vue"
|
|
|
|
/* hot reload */
|
|
if (false) {(function () {
|
|
var hotAPI = require("vue-hot-reload-api")
|
|
hotAPI.install(require("vue"), false)
|
|
if (!hotAPI.compatible) return
|
|
module.hot.accept()
|
|
if (!module.hot.data) {
|
|
hotAPI.createRecord("data-v-7ba5bd90", Component.options)
|
|
} else {
|
|
hotAPI.reload("data-v-7ba5bd90", Component.options)
|
|
}
|
|
module.hot.dispose(function (data) {
|
|
disposed = true
|
|
})
|
|
})()}
|
|
|
|
/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
/* 17 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
// load the styles
|
|
var content = __webpack_require__(18);
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
if(content.locals) module.exports = content.locals;
|
|
// add the styles to the DOM
|
|
var update = __webpack_require__(6)("d816c726", content, false, {});
|
|
// Hot Module Replacement
|
|
if(false) {
|
|
// When the styles change, update the <style> tags
|
|
if(!content.locals) {
|
|
module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-7ba5bd90\",\"scoped\":true,\"hasInlineConfig\":false}!../node_modules/sass-loader/lib/loader.js!../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./App.vue", function() {
|
|
var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-7ba5bd90\",\"scoped\":true,\"hasInlineConfig\":false}!../node_modules/sass-loader/lib/loader.js!../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./App.vue");
|
|
if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
|
|
update(newContent);
|
|
});
|
|
}
|
|
// When the module is disposed, remove the <style> tags
|
|
module.hot.dispose(function() { update(); });
|
|
}
|
|
|
|
/***/ }),
|
|
/* 18 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
exports = module.exports = __webpack_require__(5)(true);
|
|
// imports
|
|
|
|
|
|
// module
|
|
exports.push([module.i, "\n.turn[data-v-7ba5bd90] {\n position: relative;\n z-index: 0;\n -webkit-box-shadow: 0 0 0.06rem 0 rgba(0, 0, 0, 0.6);\n box-shadow: 0 0 0.06rem 0 rgba(0, 0, 0, 0.6);\n -webkit-transition: all ease 0.35s;\n transition: all ease 0.35s;\n}\n.manual-item[data-v-7ba5bd90] {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #fff;\n -webkit-transition: all ease 0.35s;\n transition: all ease 0.35s;\n}\n.manual-page[data-v-7ba5bd90] {\n position: relative;\n width: 100%;\n height: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.manual-page.loading[data-v-7ba5bd90] {\n background: url(/article-h5/static/img/loading.95eeac7.gif) no-repeat center center !important;\n background-size: 60px !important;\n}\n.page-photo[data-v-7ba5bd90] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-size: 0;\n line-height: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n -webkit-transition: opacity ease 0.2s;\n transition: opacity ease 0.2s;\n}\n.manual-page.loading .page-photo[data-v-7ba5bd90] {\n opacity: 0;\n}\n.page-photo[data-v-7ba5bd90]::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 100%;\n z-index: 2;\n pointer-events: none;\n background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), color-stop(6%, rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15)));\n background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.15) 6%, rgba(255, 255, 255, 0.15) 100%);\n}\n.page-photo img[data-v-7ba5bd90] {\n display: inline-block;\n max-width: 100%;\n max-height: 100%;\n}\n.turn-right-border[data-v-7ba5bd90] {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n z-index: 99;\n -webkit-transform: translate(100%);\n transform: translate(100%);\n width: 10px;\n -webkit-perspective: 500px;\n perspective: 500px;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n}\n.turn-right-border[data-v-7ba5bd90]::after {\n position: relative;\n content: '';\n display: block;\n width: 100%;\n height: 100%;\n background: #fff url(/article-h5/static/img/book-border.3ca9453.png) repeat-y center center;\n -webkit-transform: rotateY(35deg);\n transform: rotateY(35deg);\n -webkit-transform-origin: left center;\n transform-origin: left center;\n}\n.preload[data-v-7ba5bd90] {\n position: fixed;\n z-index: -999;\n left: 0;\n top: 0;\n opacity: 0;\n width: 0;\n height: 0;\n overflow: hidden;\n}\n.page-content[data-v-7ba5bd90] {\n position: absolute;\n left: 0;\n bottom: 0;\n right: 0;\n height: 0.96rem;\n padding: 0.46rem 0.14rem 0;\n background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.92)), to(rgba(0, 0, 0, 0)));\n background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0) 100%);\n pointer-events: none;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.page-content-type-1[data-v-7ba5bd90] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.page-content-type-2[data-v-7ba5bd90] {\n text-align: center;\n}\n.page-content .desc[data-v-7ba5bd90] {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n width: calc(65% - 0.14rem);\n}\n.page-content .name[data-v-7ba5bd90] {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-family: PingFangSC-Semibold;\n font-size: 0.16rem;\n color: #FFFFFF;\n line-height: 1;\n}\n.page-content .price[data-v-7ba5bd90] {\n font-family: PingFangSC-Semibold;\n font-size: 0.14rem;\n color: #FFFFFF;\n}\n.page-content .buy-button[data-v-7ba5bd90] {\n width: 35%;\n text-align: right;\n}\n.page-content .buy-button button[data-v-7ba5bd90] {\n display: inline-block;\n height: 0.34rem;\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n border: none;\n padding: 0 0.16rem;\n background: #FF8D00;\n -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n border-radius: 0.02rem;\n font-family: PingFangSC-Semibold;\n font-size: 0.14rem;\n color: #FFFFFF;\n pointer-events: auto;\n}\n.page-content .form-button[data-v-7ba5bd90] {\n height: 0.34rem;\n border: none;\n padding: 0 0.16rem;\n background: #FFFFFF;\n -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n border-radius: 0.02rem;\n font-family: PingFangSC-Semibold;\n font-size: 0.14rem;\n color: #0084BF;\n pointer-events: auto;\n}\n", "", {"version":3,"sources":["D:/workspace/demo/vue-flip-page/src/App.vue"],"names":[],"mappings":";AAAA;EACE,mBAAmB;EACnB,WAAW;EACX,qDAAqD;EACrD,6CAA6C;EAC7C,mCAAmC;EACnC,2BAA2B;CAAE;AAE/B;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,mCAAmC;EACnC,2BAA2B;CAAE;AAE/B;EACE,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,yBAAyB;EACzB,sBAAsB;EACtB,wBAAwB;EACxB,0BAA0B;EAC1B,uBAAuB;EACvB,oBAAoB;CAAE;AAExB;EACE,+FAA+F;EAC/F,iCAAiC;CAAE;AAErC;EACE,mBAAmB;EACnB,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,yBAAyB;EACzB,sBAAsB;EACtB,wBAAwB;EACxB,0BAA0B;EAC1B,uBAAuB;EACvB,oBAAoB;EACpB,aAAa;EACb,eAAe;EACf,YAAY;EACZ,aAAa;EACb,WAAW;EACX,sCAAsC;EACtC,8BAA8B;CAAE;AAElC;EACE,WAAW;CAAE;AAEf;EACE,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,YAAY;EACZ,WAAW;EACX,qBAAqB;EACrB,oKAAoK;EACpK,8HAA8H;CAAE;AAElI;EACE,sBAAsB;EACtB,gBAAgB;EAChB,iBAAiB;CAAE;AAErB;EACE,mBAAmB;EACnB,OAAO;EACP,UAAU;EACV,SAAS;EACT,YAAY;EACZ,mCAAmC;EACnC,2BAA2B;EAC3B,YAAY;EACZ,2BAA2B;EAC3B,mBAAmB;EACnB,qCAAqC;EACrC,6BAA6B;CAAE;AAEjC;EACE,mBAAmB;EACnB,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,aAAa;EACb,4FAA4F;EAC5F,kCAAkC;EAClC,0BAA0B;EAC1B,sCAAsC;EACtC,8BAA8B;CAAE;AAElC;EACE,gBAAgB;EAChB,cAAc;EACd,QAAQ;EACR,OAAO;EACP,WAAW;EACX,SAAS;EACT,UAAU;EACV,iBAAiB;CAAE;AAErB;EACE,mBAAmB;EACnB,QAAQ;EACR,UAAU;EACV,SAAS;EACT,gBAAgB;EAChB,2BAA2B;EAC3B,mHAAmH;EACnH,uFAAuF;EACvF,qBAAqB;EACrB,YAAY;EACZ,+BAA+B;EAC/B,uBAAuB;CAAE;AAE3B;EACE,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;CAAE;AAElB;EACE,mBAAmB;CAAE;AAEvB;EACE,oBAAoB;EACpB,YAAY;EACZ,QAAQ;EACR,2BAA2B;CAAE;AAE/B;EACE,iBAAiB;EACjB,oBAAoB;EACpB,wBAAwB;EACxB,iCAAiC;EACjC,mBAAmB;EACnB,eAAe;EACf,eAAe;CAAE;AAEnB;EACE,iCAAiC;EACjC,mBAAmB;EACnB,eAAe;CAAE;AAEnB;EACE,WAAW;EACX,kBAAkB;CAAE;AAEtB;EACE,sBAAsB;EACtB,gBAAgB;EAChB,gBAAgB;EAChB,iBAAiB;EACjB,oBAAoB;EACpB,wBAAwB;EACxB,aAAa;EACb,mBAAmB;EACnB,oBAAoB;EACpB,2DAA2D;EAC3D,mDAAmD;EACnD,uBAAuB;EACvB,iCAAiC;EACjC,mBAAmB;EACnB,eAAe;EACf,qBAAqB;CAAE;AAEzB;EACE,gBAAgB;EAChB,aAAa;EACb,mBAAmB;EACnB,oBAAoB;EACpB,2DAA2D;EAC3D,mDAAmD;EACnD,uBAAuB;EACvB,iCAAiC;EACjC,mBAAmB;EACnB,eAAe;EACf,qBAAqB;CAAE","file":"App.vue","sourcesContent":[".turn {\n position: relative;\n z-index: 0;\n -webkit-box-shadow: 0 0 0.06rem 0 rgba(0, 0, 0, 0.6);\n box-shadow: 0 0 0.06rem 0 rgba(0, 0, 0, 0.6);\n -webkit-transition: all ease 0.35s;\n transition: all ease 0.35s; }\n\n.manual-item {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #fff;\n -webkit-transition: all ease 0.35s;\n transition: all ease 0.35s; }\n\n.manual-page {\n position: relative;\n width: 100%;\n height: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.manual-page.loading {\n background: url(/article-h5/static/img/loading.95eeac7.gif) no-repeat center center !important;\n background-size: 60px !important; }\n\n.page-photo {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-size: 0;\n line-height: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n -webkit-transition: opacity ease 0.2s;\n transition: opacity ease 0.2s; }\n\n.manual-page.loading .page-photo {\n opacity: 0; }\n\n.page-photo::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 100%;\n z-index: 2;\n pointer-events: none;\n background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), color-stop(6%, rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15)));\n background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.15) 6%, rgba(255, 255, 255, 0.15) 100%); }\n\n.page-photo img {\n display: inline-block;\n max-width: 100%;\n max-height: 100%; }\n\n.turn-right-border {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n z-index: 99;\n -webkit-transform: translate(100%);\n transform: translate(100%);\n width: 10px;\n -webkit-perspective: 500px;\n perspective: 500px;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d; }\n\n.turn-right-border::after {\n position: relative;\n content: '';\n display: block;\n width: 100%;\n height: 100%;\n background: #fff url(/article-h5/static/img/book-border.3ca9453.png) repeat-y center center;\n -webkit-transform: rotateY(35deg);\n transform: rotateY(35deg);\n -webkit-transform-origin: left center;\n transform-origin: left center; }\n\n.preload {\n position: fixed;\n z-index: -999;\n left: 0;\n top: 0;\n opacity: 0;\n width: 0;\n height: 0;\n overflow: hidden; }\n\n.page-content {\n position: absolute;\n left: 0;\n bottom: 0;\n right: 0;\n height: 0.96rem;\n padding: 0.46rem 0.14rem 0;\n background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.92)), to(rgba(0, 0, 0, 0)));\n background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0) 100%);\n pointer-events: none;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.page-content-type-1 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.page-content-type-2 {\n text-align: center; }\n\n.page-content .desc {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n width: calc(65% - 0.14rem); }\n\n.page-content .name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-family: PingFangSC-Semibold;\n font-size: 0.16rem;\n color: #FFFFFF;\n line-height: 1; }\n\n.page-content .price {\n font-family: PingFangSC-Semibold;\n font-size: 0.14rem;\n color: #FFFFFF; }\n\n.page-content .buy-button {\n width: 35%;\n text-align: right; }\n\n.page-content .buy-button button {\n display: inline-block;\n height: 0.34rem;\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n border: none;\n padding: 0 0.16rem;\n background: #FF8D00;\n -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n border-radius: 0.02rem;\n font-family: PingFangSC-Semibold;\n font-size: 0.14rem;\n color: #FFFFFF;\n pointer-events: auto; }\n\n.page-content .form-button {\n height: 0.34rem;\n border: none;\n padding: 0 0.16rem;\n background: #FFFFFF;\n -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n border-radius: 0.02rem;\n font-family: PingFangSC-Semibold;\n font-size: 0.14rem;\n color: #0084BF;\n pointer-events: auto; }\n"],"sourceRoot":""}]);
|
|
|
|
// exports
|
|
|
|
|
|
/***/ }),
|
|
/* 19 */
|
|
/***/ (function(module, exports) {
|
|
|
|
/**
|
|
* Translates the list format produced by css-loader into something
|
|
* easier to manipulate.
|
|
*/
|
|
module.exports = function listToStyles (parentId, list) {
|
|
var styles = []
|
|
var newStyles = {}
|
|
for (var i = 0; i < list.length; i++) {
|
|
var item = list[i]
|
|
var id = item[0]
|
|
var css = item[1]
|
|
var media = item[2]
|
|
var sourceMap = item[3]
|
|
var part = {
|
|
id: parentId + ':' + i,
|
|
css: css,
|
|
media: media,
|
|
sourceMap: sourceMap
|
|
}
|
|
if (!newStyles[id]) {
|
|
styles.push(newStyles[id] = { id: id, parts: [part] })
|
|
} else {
|
|
newStyles[id].parts.push(part)
|
|
}
|
|
}
|
|
return styles
|
|
}
|
|
|
|
|
|
/***/ }),
|
|
/* 20 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _extends2 = __webpack_require__(21);
|
|
|
|
var _extends3 = _interopRequireDefault(_extends2);
|
|
|
|
var _turn_page = __webpack_require__(50);
|
|
|
|
var _turn_page2 = _interopRequireDefault(_turn_page);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
var PI = Math.PI;
|
|
var A90 = PI / 2;
|
|
|
|
//判断微信下ios和安卓 ios为1 安卓为2 其他3
|
|
function getPhoneEnv() {
|
|
var u = navigator.userAgent,
|
|
app = navigator.appVersion;
|
|
var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1; //g
|
|
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
|
|
if (isAndroid) {
|
|
return "2";
|
|
} else if (isIOS) {
|
|
return "1";
|
|
} else {
|
|
return "3";
|
|
}
|
|
}
|
|
|
|
function bezier(p1, p2, p3, p4, t) {
|
|
var a = 1 - t;
|
|
var b = a * a * a;
|
|
var c = t * t * t;
|
|
return point2D(Math.round(b * p1.x + 3 * t * a * a * p2.x + 3 * t * t * a * p3.x + c * p4.x), Math.round(b * p1.y + 3 * t * a * a * p2.y + 3 * t * t * a * p3.y + c * p4.y));
|
|
}
|
|
|
|
function point2D(x, y) {
|
|
return { x: x, y: y };
|
|
}
|
|
|
|
function peelingPoint(a, b, c) {
|
|
return {
|
|
corner: a,
|
|
x: b,
|
|
y: c
|
|
};
|
|
}
|
|
|
|
function _startPoint(corner, width, height, opts) {
|
|
opts = opts || 0;
|
|
|
|
switch (corner) {
|
|
case "tl":
|
|
return point2D(opts, opts);
|
|
case "tr":
|
|
return point2D(width - opts, opts);
|
|
case "bl":
|
|
return point2D(opts, height - opts);
|
|
case "br":
|
|
return point2D(width - opts, height - opts);
|
|
case "l":
|
|
return point2D(opts, 0);
|
|
case "r":
|
|
return point2D(width - opts, 0);
|
|
}
|
|
}
|
|
|
|
function _endPoint(corner, width, height) {
|
|
switch (corner) {
|
|
case "tl":
|
|
return point2D(width * 2, 0);
|
|
case "tr":
|
|
return point2D(-width, 0);
|
|
case "bl":
|
|
return point2D(width * 2, height);
|
|
case "br":
|
|
return point2D(-width, height);
|
|
case "l":
|
|
return point2D(width * 2, 0);
|
|
case "r":
|
|
return point2D(-width, 0);
|
|
}
|
|
}
|
|
|
|
function _translate(x, y) {
|
|
return " translate3d(" + x + "px," + y + "px, 0px) ";
|
|
}
|
|
|
|
function _rotate(degrees) {
|
|
return " rotate(" + degrees + "deg) ";
|
|
}
|
|
|
|
function _scale(a, b) {
|
|
return " scale3d(" + a + "," + b + ", 1) ";
|
|
}
|
|
|
|
function _deg(radians) {
|
|
return radians / PI * 180;
|
|
}
|
|
|
|
function _transform(transform, origin) {
|
|
var properties = {};
|
|
|
|
if (origin) properties["transform-origin"] = origin;
|
|
|
|
properties["transform"] = transform;
|
|
|
|
return properties;
|
|
}
|
|
|
|
function fold(point, width, height, startPoint) {
|
|
var c = void 0,
|
|
d = void 0,
|
|
e = void 0,
|
|
px = void 0,
|
|
gradientSize = void 0,
|
|
h = void 0,
|
|
far = void 0,
|
|
j = void 0,
|
|
k = void 0,
|
|
l = void 0,
|
|
m = void 0,
|
|
n = void 0,
|
|
q = void 0;
|
|
var w = 0;
|
|
var mv = point2D(0, 0);
|
|
var df = point2D(0, 0);
|
|
var tr = point2D(0, 0);
|
|
var B = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2), 2);
|
|
var compute = function compute() {
|
|
c = _startPoint(point.corner, width, height);
|
|
var k = width - c.x - point.x;
|
|
var l = c.y - point.y;
|
|
var alpha = Math.atan2(l, k);
|
|
var distance = Math.sqrt(k * k + l * l);
|
|
var q = point2D(width - c.x - Math.cos(alpha) * width, c.y - Math.sin(alpha) * width);
|
|
if (distance > width) {
|
|
point.x = q.x;
|
|
point.y = q.y;
|
|
}
|
|
|
|
var rel = point2D(0, 0);
|
|
var middle = point2D(0, 0);
|
|
|
|
rel.x = c.x ? c.x - point.x : point.x;
|
|
rel.y = c.y ? c.y - point.y : point.y;
|
|
|
|
middle.x = e ? width - rel.x / 2 : point.x + rel.x / 2;
|
|
middle.y = rel.y / 2;
|
|
|
|
alpha = A90 - Math.atan2(rel.y, rel.x);
|
|
var gamma = alpha - Math.atan2(middle.y, middle.x);
|
|
distance = Math.sin(gamma) * Math.sqrt(middle.x * middle.x + middle.y * middle.y);
|
|
|
|
tr = point2D(distance * Math.sin(alpha), distance * Math.cos(alpha));
|
|
|
|
if (alpha > A90) {
|
|
tr.x = tr.x + Math.abs(tr.y * rel.y / rel.x);
|
|
tr.y = 0;
|
|
if (Math.round(tr.x * Math.tan(PI - alpha)) < height) {
|
|
point.y = Math.sqrt(Math.pow(height, 2) + 2 * middle.x * rel.x);
|
|
if (d) point.y = height - point.y;
|
|
return compute();
|
|
}
|
|
var D = PI - alpha;
|
|
var E = B - height / Math.sin(D);
|
|
mv = point2D(Math.round(E * Math.cos(D)), Math.round(E * Math.sin(D)));
|
|
if (e) mv.x = -mv.x;
|
|
if (d) mv.y = -mv.y;
|
|
}
|
|
w = Math.round(100 * _deg(alpha)) / 100;
|
|
px = Math.round(tr.y / Math.tan(alpha) + tr.x);
|
|
var side = width - px;
|
|
var G = Math.min(height, side * Math.tan(alpha));
|
|
if (G < 0) G = height;
|
|
var sideX = side * Math.cos(2 * alpha);
|
|
var sideY = side * Math.sin(2 * alpha);
|
|
df = point2D(Math.round(e ? side - sideX : px + sideX), Math.round(d ? sideY : height - sideY));
|
|
var endingPoint = _endPoint(point.corner, width, height);
|
|
far = Math.sqrt(Math.pow(endingPoint.x - point.x, 2) + Math.pow(endingPoint.y - point.y, 2)) / width;
|
|
gradientSize = Math.min(100, side * Math.sin(alpha));
|
|
h = 1.3 * Math.min(side, G);
|
|
tr.x = Math.round(tr.x);
|
|
tr.y = Math.round(tr.y);
|
|
return true;
|
|
};
|
|
var transform = function transform(tr, c, x, a) {
|
|
var l = ["0", "auto"];
|
|
var mvW = (width - B) * x[0] / 100;
|
|
var mvH = (height - B) * x[1] / 100;
|
|
var cssA = {
|
|
left: l[c[0]],
|
|
top: l[c[1]],
|
|
right: l[c[2]],
|
|
bottom: l[c[3]]
|
|
};
|
|
var aliasingFk = a !== 90 && a !== -90 ? e ? -1 : 1 : 0;
|
|
var origin = x[0] + "% " + x[1] + "%";
|
|
var styles = [];
|
|
|
|
styles.push((0, _extends3.default)({}, cssA, _transform(_rotate(a) + _translate(tr.x + aliasingFk, tr.y), origin)));
|
|
styles.push((0, _extends3.default)({}, cssA, _transform(_rotate(a) + _translate(tr.x + df.x - mv.x - width * x[0] / 100, tr.y + df.y - mv.y - height * x[1] / 100) + _rotate(Math.round(100 * (180 / a - 2) * a) / 100), origin)));
|
|
styles.push(_transform(_translate(-tr.x + mvW - aliasingFk, -tr.y + mvH) + _rotate(-a), origin));
|
|
styles.push(_transform(_translate(width - tr.x + mv.x + mvW, -tr.y + mv.y + mvH) + _rotate(-a), origin));
|
|
|
|
var z = void 0,
|
|
C = void 0,
|
|
D = void 0;
|
|
if (d) {
|
|
if (e) {
|
|
C = a - 90;
|
|
D = px - 50;
|
|
gradientSize = -gradientSize;
|
|
z = "50% 25%";
|
|
} else {
|
|
C = a - 270;
|
|
D = width - px - 50;
|
|
z = "50% 25%";
|
|
}
|
|
} else {
|
|
if (e) {
|
|
D = px - 50;
|
|
C = a - 270;
|
|
gradientSize = -gradientSize;
|
|
z = "50% 75%";
|
|
} else {
|
|
D = width - px - 50;
|
|
C = a - 90;
|
|
z = "50% 75%";
|
|
}
|
|
}
|
|
var E = Math.max(0.5, 2 - far);
|
|
if (E > 1) E = E >= 1.7 ? (2 - E) / 0.3 : 1;
|
|
styles.push((0, _extends3.default)({ opacity: Math.round(100 * E) / 100 }, _transform(_translate(D, 0) + _rotate(C) + _scale(gradientSize / 100, 1), z)));
|
|
if (d) {
|
|
if (e) {
|
|
C = -270 - a;
|
|
h = -h;
|
|
D = width - px - 20;
|
|
z = "20% 25%";
|
|
} else {
|
|
C = -90 - a;
|
|
D = px - 20;
|
|
z = "20% 25%";
|
|
}
|
|
} else {
|
|
if (e) {
|
|
C = -90 - a;
|
|
D = width - px - 20;
|
|
h = -h;
|
|
z = "20% 75%";
|
|
} else {
|
|
C = 90 - a;
|
|
D = px - 20;
|
|
z = "20% 75%";
|
|
}
|
|
}
|
|
E = far < 0.3 ? far / 0.3 : 1;
|
|
styles.push((0, _extends3.default)({ opacity: Math.round(100 * E) / 100 }, _transform(_translate(D, 0) + _rotate(C) + _scale(-h / 100, 1), z)));
|
|
return styles;
|
|
};
|
|
|
|
switch (point.corner) {
|
|
case "l":
|
|
m = point.y - startPoint.y;
|
|
n = point.x;
|
|
q = Math.atan2(m, n);
|
|
if (q > 0) {
|
|
j = startPoint.y;
|
|
k = Math.sqrt(n * n + m * m);
|
|
l = 2 * j * Math.sin(q) + k;
|
|
point.x = l * Math.cos(q);
|
|
point.y = l * Math.sin(q);
|
|
point.corner = "tl";
|
|
e = true;
|
|
d = true;
|
|
compute();
|
|
return transform(tr, [1, 0, 0, 1], [100, 0], w);
|
|
} else {
|
|
q = -q;
|
|
j = height - startPoint.y;
|
|
k = Math.sqrt(n * n + m * m);
|
|
l = 2 * j * Math.cos(A90 - q) + k;
|
|
point.x = l * Math.cos(q);
|
|
point.y = height - l * Math.sin(q);
|
|
point.corner = "bl";
|
|
e = true;
|
|
compute();
|
|
return transform(point2D(tr.x, -tr.y), [1, 1, 0, 0], [100, 100], -w);
|
|
}
|
|
case "r":
|
|
m = startPoint.y - point.y;
|
|
n = width - point.x;
|
|
q = Math.atan2(m, n);
|
|
if (q < 0) {
|
|
j = startPoint.y;
|
|
q = -q;
|
|
k = Math.sqrt(n * n + m * m);
|
|
l = 2 * j * Math.sin(q) + k;
|
|
point.x = width - l * Math.cos(q);
|
|
point.y = l * Math.sin(q);
|
|
point.corner = "tr";
|
|
d = true;
|
|
compute();
|
|
return transform(point2D(-tr.x, tr.y), [0, 0, 0, 1], [0, 0], -w);
|
|
} else {
|
|
j = height - startPoint.y;
|
|
k = Math.sqrt(n * n + m * m);
|
|
l = 2 * j * Math.cos(A90 - q) + k;
|
|
point.x = width - l * Math.cos(q);
|
|
point.y = height - l * Math.sin(q);
|
|
point.corner = "br";
|
|
compute();
|
|
return transform(point2D(-tr.x, -tr.y), [0, 1, 1, 0], [0, 100], w);
|
|
}
|
|
case "tl":
|
|
d = true;
|
|
e = true;
|
|
point.x = Math.max(point.x, 1);
|
|
c = _startPoint("tl", width, height);
|
|
compute();
|
|
return transform(tr, [1, 0, 0, 1], [100, 0], w);
|
|
case "tr":
|
|
d = true;
|
|
point.x = Math.min(point.x, width - 1);
|
|
compute();
|
|
return transform(point2D(-tr.x, tr.y), [0, 0, 0, 1], [0, 0], -w);
|
|
case "bl":
|
|
e = true;
|
|
point.x = Math.max(point.x, 1);
|
|
compute();
|
|
return transform(point2D(tr.x, -tr.y), [1, 1, 0, 0], [100, 100], -w);
|
|
case "br":
|
|
point.x = Math.min(point.x, width - 1);
|
|
compute();
|
|
return transform(point2D(-tr.x, -tr.y), [0, 1, 1, 0], [0, 100], w);
|
|
}
|
|
}
|
|
|
|
function animatef(point) {
|
|
if (!point.to.length) point.to = [point.to];
|
|
if (!point.from.length) point.from = [point.from];
|
|
|
|
var diff = [];
|
|
var len = point.to.length;
|
|
var time = Date.now();
|
|
|
|
var frame = function frame() {
|
|
var v = [];
|
|
var timeDiff = Math.min(point.duration, Date.now() - time);
|
|
|
|
for (var i = 0; i < len; i++) {
|
|
v.push(easing(1, timeDiff, point.from[i], diff[i], point.duration));
|
|
}point.frame(len === 1 ? v[0] : v);
|
|
|
|
if (timeDiff === point.duration) {
|
|
if (point.complete) point.complete();
|
|
} else {
|
|
requestAnimationFrameId = requestAnimationFrame(frame);
|
|
}
|
|
};
|
|
|
|
for (var i = 0; i < len; i++) {
|
|
diff.push(point.to[i] - point.from[i]);
|
|
}var easing = function easing(x, t, b, c, data) {
|
|
return c * Math.sqrt(1 - (t = t / data - 1) * t) + b;
|
|
};
|
|
|
|
var requestAnimationFrameId = void 0;
|
|
|
|
frame();
|
|
|
|
return {
|
|
stop: function stop() {
|
|
if (point.complete) point.complete();
|
|
cancelAnimationFrame(requestAnimationFrameId);
|
|
}
|
|
};
|
|
}
|
|
|
|
function turnPage(p1, duration, width, height, _frame, _complete) {
|
|
var p4 = _endPoint(p1.corner, width, height);
|
|
return animatef({
|
|
from: 0,
|
|
to: 1,
|
|
frame: function frame(v) {
|
|
var np = bezier(p1, p1, p4, p4, v);
|
|
_frame({ x: np.x, y: np.y, corner: p1.corner });
|
|
},
|
|
complete: function complete() {
|
|
_complete();
|
|
},
|
|
duration: duration
|
|
});
|
|
}
|
|
|
|
function hideFoldedPage(p1, width, height, _frame2, _complete2) {
|
|
var p4 = _startPoint(p1.corner, width, height);
|
|
var top = p1.corner.substr(0, 1) === "t";
|
|
var delta = top ? Math.min(0, p1.y - p4.y) / 2 : Math.max(0, p1.y - p4.y) / 2;
|
|
var p2 = point2D(p1.x, p1.y + delta);
|
|
var p3 = point2D(p4.x, p4.y - delta);
|
|
return animatef({
|
|
from: 0,
|
|
to: 1,
|
|
frame: function frame(v) {
|
|
var np = bezier(p1, p2, p3, p4, v);
|
|
_frame2({ x: np.x, y: np.y, corner: p1.corner });
|
|
},
|
|
complete: function complete() {
|
|
_complete2();
|
|
},
|
|
duration: 600
|
|
});
|
|
}
|
|
|
|
function showFoldedPage(to, width, height, _frame3, _complete3) {
|
|
var point = _startPoint(to.corner, width, height, 1);
|
|
|
|
return animatef({
|
|
from: [point.x, point.y],
|
|
to: [to.x, to.y],
|
|
duration: 300,
|
|
frame: function frame(v) {
|
|
var x = Math.round(v[0]);
|
|
var y = Math.round(v[1]);
|
|
_frame3({ x: x, y: y, corner: to.corner });
|
|
},
|
|
complete: function complete() {
|
|
_complete3();
|
|
}
|
|
});
|
|
}
|
|
|
|
exports.default = {
|
|
components: { TurnPage: _turn_page2.default },
|
|
props: {
|
|
data: Array,
|
|
width: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
height: {
|
|
type: Number,
|
|
default: 0
|
|
}
|
|
},
|
|
data: function data() {
|
|
return {
|
|
defaultStyles: [{}, {}, {}, {}, {}, {}],
|
|
startPoint: null,
|
|
relPoint: null,
|
|
invalidTouch: false,
|
|
action: null,
|
|
runAnimation: null,
|
|
viewIndex: 0,
|
|
turnPage: null,
|
|
backPage: 0,
|
|
turnActive: false,
|
|
showLastCoverPage: false,
|
|
touchTimeline: [],
|
|
styles: [{}, {}, {}, {}, {}, {}],
|
|
isStart: false,
|
|
isDisable: false
|
|
};
|
|
},
|
|
mounted: function mounted() {
|
|
var _this = this;
|
|
|
|
this.$nextTick(function () {
|
|
_this.TouchMove();
|
|
});
|
|
},
|
|
destroyed: function destroyed() {
|
|
var _this2 = this;
|
|
|
|
this.$nextTick(function () {
|
|
_this2.TouchMoveOut();
|
|
});
|
|
},
|
|
activated: function activated() {
|
|
var _this3 = this;
|
|
|
|
this.$nextTick(function () {
|
|
_this3.TouchMove();
|
|
});
|
|
},
|
|
deactivated: function deactivated() {
|
|
var _this4 = this;
|
|
|
|
this.$nextTick(function () {
|
|
_this4.TouchMoveOut();
|
|
});
|
|
},
|
|
|
|
methods: {
|
|
TouchMove: function TouchMove() {
|
|
if (getPhoneEnv() == 3) {
|
|
this.$refs.turn.addEventListener("mousemove", this.handleManualTouchMove, false);
|
|
this.$refs.turn.addEventListener("mousedown", this.handleManualTouchStart, false);
|
|
this.$refs.turn.addEventListener("mouseup", this.handleManualTouchEnd, false);
|
|
} else {
|
|
this.$refs.turn.addEventListener("touchmove", this.handleManualTouchMove, false);
|
|
this.$refs.turn.addEventListener("touchstart", this.handleManualTouchStart, false);
|
|
this.$refs.turn.addEventListener("touchend", this.handleManualTouchEnd, false);
|
|
}
|
|
},
|
|
TouchMoveOut: function TouchMoveOut() {
|
|
if (getPhoneEnv() == 3) {
|
|
this.$refs.turn.removeEventListener("mousemove", this.handleManualTouchMove, false);
|
|
this.$refs.turn.removeEventListener("mousedown", this.handleManualTouchStart, false);
|
|
this.$refs.turn.removeEventListener("mouseup", this.handleManualTouchEnd, false);
|
|
} else {
|
|
this.$refs.turn.removeEventListener("touchmove", this.handleManualTouchMove, false);
|
|
this.$refs.turn.removeEventListener("touchstart", this.handleManualTouchStart, false);
|
|
this.$refs.turn.removeEventListener("touchend", this.handleManualTouchEnd, false);
|
|
}
|
|
},
|
|
enable: function enable() {
|
|
this.isDisable = false;
|
|
},
|
|
disable: function disable() {
|
|
this.isDisable = true;
|
|
},
|
|
handleManualTouchStart: function handleManualTouchStart(e) {
|
|
if (this.isDisable) {
|
|
return;
|
|
}
|
|
this.isStart = true;
|
|
var x = "";
|
|
var y = "";
|
|
if (this.runAnimation) {
|
|
this.runAnimation.stop();
|
|
this.updateTurn();
|
|
}
|
|
|
|
var width = this.width,
|
|
height = this.height,
|
|
viewIndex = this.viewIndex;
|
|
|
|
if (getPhoneEnv() == 3) {
|
|
x = e.clientX - (window.innerWidth - width) / 2;
|
|
y = e.clientY - (window.innerHeight - height) / 2;
|
|
} else {
|
|
x = e.touches[0].clientX - (window.innerWidth - width) / 2;
|
|
y = e.touches[0].clientY - (window.innerHeight - height) / 2;
|
|
}
|
|
|
|
this.startPoint = peelingPoint("r", x, y);
|
|
this.touchTimeline = [{ t: Date.now(), x: x }];
|
|
|
|
if (x < width / 2) {
|
|
this.action = "backward";
|
|
if (viewIndex <= 0) {
|
|
this.invalidTouch = true;
|
|
return;
|
|
}
|
|
this.turnPage = viewIndex - 1;
|
|
this.backPage = viewIndex;
|
|
} else {
|
|
this.action = "forward";
|
|
if (viewIndex >= this.data.length - 1) {
|
|
this.invalidTouch = true;
|
|
return;
|
|
}
|
|
this.turnPage = viewIndex;
|
|
this.backPage = viewIndex + 1;
|
|
}
|
|
// console.log(x,this.touchTimeline)
|
|
this.readyTurn();
|
|
},
|
|
handleManualTouchMove: function handleManualTouchMove(e) {
|
|
if (this.isDisable) {
|
|
return;
|
|
}
|
|
var x = "";
|
|
var y = "";
|
|
if (this.isStart) {
|
|
var width = this.width,
|
|
height = this.height;
|
|
|
|
if (getPhoneEnv() == 3) {
|
|
x = e.clientX - (window.innerWidth - width) / 2;
|
|
y = e.clientY - (window.innerHeight - height) / 2;
|
|
} else {
|
|
x = e.touches[0].clientX - (window.innerWidth - width) / 2;
|
|
y = e.touches[0].clientY - (window.innerHeight - height) / 2;
|
|
}
|
|
|
|
var corner = this.startPoint.corner;
|
|
if (this.action === "forward" && this.startPoint.x < x) return;
|
|
if (this.action === "backward" && this.startPoint.x > x) return;
|
|
|
|
this.touchTimeline.push({ t: Date.now(), x: x });
|
|
var point = peelingPoint(corner, x, y);
|
|
|
|
if (this.invalidTouch) return;
|
|
|
|
this.updateTurn(fold(point, width, height, this.startPoint));
|
|
this.relPoint = point;
|
|
this.turnActive = true;
|
|
}
|
|
},
|
|
handleManualTouchEnd: function handleManualTouchEnd() {
|
|
if (this.isDisable) {
|
|
return;
|
|
}
|
|
this.isStart = false;
|
|
var action = this.action;
|
|
|
|
if (this.touchTimeline.length < 2) {
|
|
if (this.touchTimeline.length) {
|
|
this.handleManualTaped();
|
|
} else {
|
|
this.turnPage = null;
|
|
this.backPage = this.viewIndex;
|
|
}
|
|
|
|
this.invalidTouch = false;
|
|
this.touchTimeline = [];
|
|
return;
|
|
}
|
|
|
|
if (this.invalidTouch) {
|
|
if (action === "forward" && this.isSwipe(action)) {
|
|
// this.showLastCoverPage = true
|
|
this.$emit("next", { to: this.viewIndex + 1, from: this.viewIndex });
|
|
}
|
|
|
|
if (action === "backward" && this.isSwipe(action)) {
|
|
this.$emit("prev", { to: this.viewIndex - 1, from: this.viewIndex });
|
|
}
|
|
} else {
|
|
if (action === "forward") {
|
|
if (this.isSwipe(action)) {
|
|
this.toPage(this.viewIndex + 1, this.relPoint);
|
|
} else {
|
|
this.hideFolded(this.relPoint, function () {});
|
|
}
|
|
}
|
|
|
|
if (action === "backward") {
|
|
if (this.isSwipe(action)) {
|
|
this.toPage(this.viewIndex - 1, this.relPoint);
|
|
} else {
|
|
this.turn(this.relPoint, function () {});
|
|
}
|
|
}
|
|
}
|
|
|
|
this.invalidTouch = false;
|
|
this.touchTimeline = [];
|
|
},
|
|
handleManualTaped: function handleManualTaped() {
|
|
var width = this.width;
|
|
|
|
var x = this.touchTimeline[0].x;
|
|
|
|
this.action = null;
|
|
if (x < width / 4) return this.toPage(this.viewIndex - 1);
|
|
if (x > width / 4 * 3) return this.toPage(this.viewIndex + 1);
|
|
|
|
this.$emit("tap");
|
|
},
|
|
readyTurn: function readyTurn() {
|
|
var width = this.width,
|
|
height = this.height;
|
|
|
|
var point = this.action === "forward" ? { x: width, y: 0 } : { x: -width, y: 0 };
|
|
var fromPoint = peelingPoint("tr", point.x, point.y);
|
|
// console.log(fromPoint,"fromPoint");
|
|
this.updateTurn(fold(fromPoint, width, height));
|
|
},
|
|
updateTurn: function updateTurn() {
|
|
var style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [{}, {}, {}, {}, {}, {}];
|
|
|
|
this.styles = style;
|
|
},
|
|
isSwipe: function isSwipe(action) {
|
|
var first = this.touchTimeline[0];
|
|
var last = this.touchTimeline[this.touchTimeline.length - 1];
|
|
var swipeTime = Date.now() - first.t;
|
|
var minTime = 200;
|
|
var minDistance = 20;
|
|
|
|
if (action === "forward") return first.x - last.x > 50 || first.x - last.x > minDistance && swipeTime < minTime;
|
|
if (action === "backward") return last.x - first.x > 50 || last.x - first.x > minDistance && swipeTime < minTime;
|
|
return false;
|
|
},
|
|
toPage: function toPage(_toPage, startPoint) {
|
|
var _this5 = this;
|
|
|
|
var fromPage = this.viewIndex;
|
|
|
|
if (_toPage > fromPage) this.$emit("next", { to: _toPage, from: fromPage });
|
|
if (_toPage < fromPage) this.$emit("prev", { to: _toPage, from: fromPage });
|
|
|
|
if (_toPage === fromPage || _toPage < 0 || _toPage > this.data.length - 1) return;
|
|
|
|
if (this.runAnimation) {
|
|
this.runAnimation.stop();
|
|
}
|
|
|
|
var width = this.width,
|
|
height = this.height;
|
|
|
|
var point = _toPage > fromPage ? { x: width, y: height - 45 } : { x: -width, y: 45 };
|
|
var fromPoint = peelingPoint("br", point.x, point.y);
|
|
|
|
if (_toPage > fromPage) {
|
|
if (!this.action) {
|
|
this.action = "forward";
|
|
this.turnPage = fromPage;
|
|
this.backPage = _toPage;
|
|
this.turnActive = true;
|
|
}
|
|
|
|
this.turn(startPoint || fromPoint, function () {
|
|
_this5.viewIndex = _toPage;
|
|
_this5.turnPage = null;
|
|
_this5.backPage = _toPage;
|
|
// console.log('完成翻页，当前页', this.backPage)
|
|
_this5.updateTurn();
|
|
_this5.turnActive = false;
|
|
_this5.$emit("change", _this5.backPage);
|
|
});
|
|
} else {
|
|
if (!this.action) {
|
|
this.action = "backward";
|
|
this.turnPage = _toPage;
|
|
this.backPage = fromPage;
|
|
}
|
|
|
|
this.hideFolded(startPoint || fromPoint, function () {
|
|
_this5.viewIndex = _toPage;
|
|
_this5.turnPage = null;
|
|
_this5.backPage = _toPage;
|
|
// console.log('完成翻页，当前页', this.backPage)
|
|
_this5.updateTurn();
|
|
_this5.turnActive = false;
|
|
_this5.$emit("change", _this5.backPage);
|
|
});
|
|
}
|
|
// console.log('this.turnActive', this.turnPage, this.turnActive)
|
|
this.$emit("turning", this.backPage);
|
|
},
|
|
turn: function turn(fromPoint, complete) {
|
|
var _this6 = this;
|
|
|
|
var width = this.width,
|
|
height = this.height;
|
|
|
|
this.runAnimation = turnPage(fromPoint, 600, width, height, function (point) {
|
|
_this6.updateTurn(fold(point, width, height));
|
|
}, function () {
|
|
complete();
|
|
_this6.action = null;
|
|
_this6.turnPage = null;
|
|
_this6.backPage = _this6.viewIndex;
|
|
_this6.updateTurn();
|
|
_this6.runAnimation = null;
|
|
});
|
|
},
|
|
hideFolded: function hideFolded(fromPoint, complete) {
|
|
var _this7 = this;
|
|
|
|
var width = this.width,
|
|
height = this.height;
|
|
|
|
this.runAnimation = hideFoldedPage(fromPoint, width, height, function (point) {
|
|
_this7.updateTurn(fold(point, width, height));
|
|
}, function () {
|
|
complete();
|
|
_this7.action = null;
|
|
_this7.turnPage = null;
|
|
_this7.backPage = _this7.viewIndex;
|
|
_this7.updateTurn();
|
|
_this7.turnActive = false;
|
|
_this7.runAnimation = null;
|
|
});
|
|
},
|
|
handleCoverTouchStart: function handleCoverTouchStart(e) {
|
|
var x = e.touches[0].clientX;
|
|
this.touchTimeline = [{ t: Date.now(), x: x }];
|
|
},
|
|
handleCoverTouchMove: function handleCoverTouchMove(e) {
|
|
var x = e.touches[0].clientX;
|
|
this.touchTimeline.push({ t: Date.now(), x: x });
|
|
},
|
|
handleCoverTouchEnd: function handleCoverTouchEnd(e) {
|
|
var first = this.touchTimeline[0];
|
|
var last = this.touchTimeline[this.touchTimeline.length - 1];
|
|
if (last.x - first.x > 20 && last.t - first.t < 200) {
|
|
this.showLastCoverPage = false;
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
/***/ }),
|
|
/* 21 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
var _assign = __webpack_require__(22);
|
|
|
|
var _assign2 = _interopRequireDefault(_assign);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
exports.default = _assign2.default || function (target) {
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
var source = arguments[i];
|
|
|
|
for (var key in source) {
|
|
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
target[key] = source[key];
|
|
}
|
|
}
|
|
}
|
|
|
|
return target;
|
|
};
|
|
|
|
/***/ }),
|
|
/* 22 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
module.exports = { "default": __webpack_require__(23), __esModule: true };
|
|
|
|
/***/ }),
|
|
/* 23 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
__webpack_require__(24);
|
|
module.exports = __webpack_require__(2).Object.assign;
|
|
|
|
|
|
/***/ }),
|
|
/* 24 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// 19.1.3.1 Object.assign(target, source)
|
|
var $export = __webpack_require__(25);
|
|
|
|
$export($export.S + $export.F, 'Object', { assign: __webpack_require__(35) });
|
|
|
|
|
|
/***/ }),
|
|
/* 25 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var global = __webpack_require__(1);
|
|
var core = __webpack_require__(2);
|
|
var ctx = __webpack_require__(26);
|
|
var hide = __webpack_require__(28);
|
|
var has = __webpack_require__(9);
|
|
var PROTOTYPE = 'prototype';
|
|
|
|
var $export = function (type, name, source) {
|
|
var IS_FORCED = type & $export.F;
|
|
var IS_GLOBAL = type & $export.G;
|
|
var IS_STATIC = type & $export.S;
|
|
var IS_PROTO = type & $export.P;
|
|
var IS_BIND = type & $export.B;
|
|
var IS_WRAP = type & $export.W;
|
|
var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});
|
|
var expProto = exports[PROTOTYPE];
|
|
var target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE];
|
|
var key, own, out;
|
|
if (IS_GLOBAL) source = name;
|
|
for (key in source) {
|
|
// contains in native
|
|
own = !IS_FORCED && target && target[key] !== undefined;
|
|
if (own && has(exports, key)) continue;
|
|
// export native or passed
|
|
out = own ? target[key] : source[key];
|
|
// prevent global pollution for namespaces
|
|
exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
|
|
// bind timers to global for call from export context
|
|
: IS_BIND && own ? ctx(out, global)
|
|
// wrap global constructors for prevent change them in library
|
|
: IS_WRAP && target[key] == out ? (function (C) {
|
|
var F = function (a, b, c) {
|
|
if (this instanceof C) {
|
|
switch (arguments.length) {
|
|
case 0: return new C();
|
|
case 1: return new C(a);
|
|
case 2: return new C(a, b);
|
|
} return new C(a, b, c);
|
|
} return C.apply(this, arguments);
|
|
};
|
|
F[PROTOTYPE] = C[PROTOTYPE];
|
|
return F;
|
|
// make static versions for prototype methods
|
|
})(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;
|
|
// export proto methods to core.%CONSTRUCTOR%.methods.%NAME%
|
|
if (IS_PROTO) {
|
|
(exports.virtual || (exports.virtual = {}))[key] = out;
|
|
// export proto methods to core.%CONSTRUCTOR%.prototype.%NAME%
|
|
if (type & $export.R && expProto && !expProto[key]) hide(expProto, key, out);
|
|
}
|
|
}
|
|
};
|
|
// type bitmap
|
|
$export.F = 1; // forced
|
|
$export.G = 2; // global
|
|
$export.S = 4; // static
|
|
$export.P = 8; // proto
|
|
$export.B = 16; // bind
|
|
$export.W = 32; // wrap
|
|
$export.U = 64; // safe
|
|
$export.R = 128; // real proto method for `library`
|
|
module.exports = $export;
|
|
|
|
|
|
/***/ }),
|
|
/* 26 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// optional / simple context binding
|
|
var aFunction = __webpack_require__(27);
|
|
module.exports = function (fn, that, length) {
|
|
aFunction(fn);
|
|
if (that === undefined) return fn;
|
|
switch (length) {
|
|
case 1: return function (a) {
|
|
return fn.call(that, a);
|
|
};
|
|
case 2: return function (a, b) {
|
|
return fn.call(that, a, b);
|
|
};
|
|
case 3: return function (a, b, c) {
|
|
return fn.call(that, a, b, c);
|
|
};
|
|
}
|
|
return function (/* ...args */) {
|
|
return fn.apply(that, arguments);
|
|
};
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 27 */
|
|
/***/ (function(module, exports) {
|
|
|
|
module.exports = function (it) {
|
|
if (typeof it != 'function') throw TypeError(it + ' is not a function!');
|
|
return it;
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 28 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var dP = __webpack_require__(29);
|
|
var createDesc = __webpack_require__(34);
|
|
module.exports = __webpack_require__(0) ? function (object, key, value) {
|
|
return dP.f(object, key, createDesc(1, value));
|
|
} : function (object, key, value) {
|
|
object[key] = value;
|
|
return object;
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 29 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var anObject = __webpack_require__(30);
|
|
var IE8_DOM_DEFINE = __webpack_require__(31);
|
|
var toPrimitive = __webpack_require__(33);
|
|
var dP = Object.defineProperty;
|
|
|
|
exports.f = __webpack_require__(0) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
|
|
anObject(O);
|
|
P = toPrimitive(P, true);
|
|
anObject(Attributes);
|
|
if (IE8_DOM_DEFINE) try {
|
|
return dP(O, P, Attributes);
|
|
} catch (e) { /* empty */ }
|
|
if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
|
|
if ('value' in Attributes) O[P] = Attributes.value;
|
|
return O;
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 30 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var isObject = __webpack_require__(3);
|
|
module.exports = function (it) {
|
|
if (!isObject(it)) throw TypeError(it + ' is not an object!');
|
|
return it;
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 31 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
module.exports = !__webpack_require__(0) && !__webpack_require__(4)(function () {
|
|
return Object.defineProperty(__webpack_require__(32)('div'), 'a', { get: function () { return 7; } }).a != 7;
|
|
});
|
|
|
|
|
|
/***/ }),
|
|
/* 32 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var isObject = __webpack_require__(3);
|
|
var document = __webpack_require__(1).document;
|
|
// typeof document.createElement is 'object' in old IE
|
|
var is = isObject(document) && isObject(document.createElement);
|
|
module.exports = function (it) {
|
|
return is ? document.createElement(it) : {};
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 33 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// 7.1.1 ToPrimitive(input [, PreferredType])
|
|
var isObject = __webpack_require__(3);
|
|
// instead of the ES6 spec version, we didn't implement @@toPrimitive case
|
|
// and the second argument - flag - preferred type is a string
|
|
module.exports = function (it, S) {
|
|
if (!isObject(it)) return it;
|
|
var fn, val;
|
|
if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
|
|
if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;
|
|
if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
|
|
throw TypeError("Can't convert object to primitive value");
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 34 */
|
|
/***/ (function(module, exports) {
|
|
|
|
module.exports = function (bitmap, value) {
|
|
return {
|
|
enumerable: !(bitmap & 1),
|
|
configurable: !(bitmap & 2),
|
|
writable: !(bitmap & 4),
|
|
value: value
|
|
};
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 35 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// 19.1.2.1 Object.assign(target, source, ...)
|
|
var DESCRIPTORS = __webpack_require__(0);
|
|
var getKeys = __webpack_require__(36);
|
|
var gOPS = __webpack_require__(47);
|
|
var pIE = __webpack_require__(48);
|
|
var toObject = __webpack_require__(49);
|
|
var IObject = __webpack_require__(11);
|
|
var $assign = Object.assign;
|
|
|
|
// should work with symbols and should have deterministic property order (V8 bug)
|
|
module.exports = !$assign || __webpack_require__(4)(function () {
|
|
var A = {};
|
|
var B = {};
|
|
// eslint-disable-next-line no-undef
|
|
var S = Symbol();
|
|
var K = 'abcdefghijklmnopqrst';
|
|
A[S] = 7;
|
|
K.split('').forEach(function (k) { B[k] = k; });
|
|
return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;
|
|
}) ? function assign(target, source) { // eslint-disable-line no-unused-vars
|
|
var T = toObject(target);
|
|
var aLen = arguments.length;
|
|
var index = 1;
|
|
var getSymbols = gOPS.f;
|
|
var isEnum = pIE.f;
|
|
while (aLen > index) {
|
|
var S = IObject(arguments[index++]);
|
|
var keys = getSymbols ? getKeys(S).concat(getSymbols(S)) : getKeys(S);
|
|
var length = keys.length;
|
|
var j = 0;
|
|
var key;
|
|
while (length > j) {
|
|
key = keys[j++];
|
|
if (!DESCRIPTORS || isEnum.call(S, key)) T[key] = S[key];
|
|
}
|
|
} return T;
|
|
} : $assign;
|
|
|
|
|
|
/***/ }),
|
|
/* 36 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// 19.1.2.14 / 15.2.3.14 Object.keys(O)
|
|
var $keys = __webpack_require__(37);
|
|
var enumBugKeys = __webpack_require__(46);
|
|
|
|
module.exports = Object.keys || function keys(O) {
|
|
return $keys(O, enumBugKeys);
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 37 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var has = __webpack_require__(9);
|
|
var toIObject = __webpack_require__(10);
|
|
var arrayIndexOf = __webpack_require__(39)(false);
|
|
var IE_PROTO = __webpack_require__(42)('IE_PROTO');
|
|
|
|
module.exports = function (object, names) {
|
|
var O = toIObject(object);
|
|
var i = 0;
|
|
var result = [];
|
|
var key;
|
|
for (key in O) if (key != IE_PROTO) has(O, key) && result.push(key);
|
|
// Don't enum bug & hidden keys
|
|
while (names.length > i) if (has(O, key = names[i++])) {
|
|
~arrayIndexOf(result, key) || result.push(key);
|
|
}
|
|
return result;
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 38 */
|
|
/***/ (function(module, exports) {
|
|
|
|
var toString = {}.toString;
|
|
|
|
module.exports = function (it) {
|
|
return toString.call(it).slice(8, -1);
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 39 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// false -> Array#indexOf
|
|
// true -> Array#includes
|
|
var toIObject = __webpack_require__(10);
|
|
var toLength = __webpack_require__(40);
|
|
var toAbsoluteIndex = __webpack_require__(41);
|
|
module.exports = function (IS_INCLUDES) {
|
|
return function ($this, el, fromIndex) {
|
|
var O = toIObject($this);
|
|
var length = toLength(O.length);
|
|
var index = toAbsoluteIndex(fromIndex, length);
|
|
var value;
|
|
// Array#includes uses SameValueZero equality algorithm
|
|
// eslint-disable-next-line no-self-compare
|
|
if (IS_INCLUDES && el != el) while (length > index) {
|
|
value = O[index++];
|
|
// eslint-disable-next-line no-self-compare
|
|
if (value != value) return true;
|
|
// Array#indexOf ignores holes, Array#includes - not
|
|
} else for (;length > index; index++) if (IS_INCLUDES || index in O) {
|
|
if (O[index] === el) return IS_INCLUDES || index || 0;
|
|
} return !IS_INCLUDES && -1;
|
|
};
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 40 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// 7.1.15 ToLength
|
|
var toInteger = __webpack_require__(13);
|
|
var min = Math.min;
|
|
module.exports = function (it) {
|
|
return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 41 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var toInteger = __webpack_require__(13);
|
|
var max = Math.max;
|
|
var min = Math.min;
|
|
module.exports = function (index, length) {
|
|
index = toInteger(index);
|
|
return index < 0 ? max(index + length, 0) : min(index, length);
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 42 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var shared = __webpack_require__(43)('keys');
|
|
var uid = __webpack_require__(45);
|
|
module.exports = function (key) {
|
|
return shared[key] || (shared[key] = uid(key));
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 43 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
var core = __webpack_require__(2);
|
|
var global = __webpack_require__(1);
|
|
var SHARED = '__core-js_shared__';
|
|
var store = global[SHARED] || (global[SHARED] = {});
|
|
|
|
(module.exports = function (key, value) {
|
|
return store[key] || (store[key] = value !== undefined ? value : {});
|
|
})('versions', []).push({
|
|
version: core.version,
|
|
mode: __webpack_require__(44) ? 'pure' : 'global',
|
|
copyright: '© 2020 Denis Pushkarev (zloirock.ru)'
|
|
});
|
|
|
|
|
|
/***/ }),
|
|
/* 44 */
|
|
/***/ (function(module, exports) {
|
|
|
|
module.exports = true;
|
|
|
|
|
|
/***/ }),
|
|
/* 45 */
|
|
/***/ (function(module, exports) {
|
|
|
|
var id = 0;
|
|
var px = Math.random();
|
|
module.exports = function (key) {
|
|
return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 46 */
|
|
/***/ (function(module, exports) {
|
|
|
|
// IE 8- don't enum bug keys
|
|
module.exports = (
|
|
'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
|
|
).split(',');
|
|
|
|
|
|
/***/ }),
|
|
/* 47 */
|
|
/***/ (function(module, exports) {
|
|
|
|
exports.f = Object.getOwnPropertySymbols;
|
|
|
|
|
|
/***/ }),
|
|
/* 48 */
|
|
/***/ (function(module, exports) {
|
|
|
|
exports.f = {}.propertyIsEnumerable;
|
|
|
|
|
|
/***/ }),
|
|
/* 49 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// 7.1.13 ToObject(argument)
|
|
var defined = __webpack_require__(12);
|
|
module.exports = function (it) {
|
|
return Object(defined(it));
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
/* 50 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_turn_page_vue__ = __webpack_require__(14);
|
|
/* empty harmony namespace reexport */
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5b69e508_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_turn_page_vue__ = __webpack_require__(54);
|
|
var disposed = false
|
|
function injectStyle (ssrContext) {
|
|
if (disposed) return
|
|
__webpack_require__(51)
|
|
}
|
|
var normalizeComponent = __webpack_require__(7)
|
|
/* script */
|
|
|
|
|
|
/* template */
|
|
|
|
/* template functional */
|
|
var __vue_template_functional__ = false
|
|
/* styles */
|
|
var __vue_styles__ = injectStyle
|
|
/* scopeId */
|
|
var __vue_scopeId__ = "data-v-5b69e508"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_turn_page_vue__["a" /* default */],
|
|
__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5b69e508_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_turn_page_vue__["a" /* default */],
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
Component.options.__file = "src/turn_page.vue"
|
|
|
|
/* hot reload */
|
|
if (false) {(function () {
|
|
var hotAPI = require("vue-hot-reload-api")
|
|
hotAPI.install(require("vue"), false)
|
|
if (!hotAPI.compatible) return
|
|
module.hot.accept()
|
|
if (!module.hot.data) {
|
|
hotAPI.createRecord("data-v-5b69e508", Component.options)
|
|
} else {
|
|
hotAPI.reload("data-v-5b69e508", Component.options)
|
|
}
|
|
module.hot.dispose(function (data) {
|
|
disposed = true
|
|
})
|
|
})()}
|
|
|
|
/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
/* 51 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
// load the styles
|
|
var content = __webpack_require__(52);
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
if(content.locals) module.exports = content.locals;
|
|
// add the styles to the DOM
|
|
var update = __webpack_require__(6)("9591fe06", content, false, {});
|
|
// Hot Module Replacement
|
|
if(false) {
|
|
// When the styles change, update the <style> tags
|
|
if(!content.locals) {
|
|
module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-5b69e508\",\"scoped\":true,\"hasInlineConfig\":false}!../node_modules/sass-loader/lib/loader.js!../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./turn_page.vue", function() {
|
|
var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-5b69e508\",\"scoped\":true,\"hasInlineConfig\":false}!../node_modules/sass-loader/lib/loader.js!../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./turn_page.vue");
|
|
if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
|
|
update(newContent);
|
|
});
|
|
}
|
|
// When the module is disposed, remove the <style> tags
|
|
module.hot.dispose(function() { update(); });
|
|
}
|
|
|
|
/***/ }),
|
|
/* 52 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
exports = module.exports = __webpack_require__(5)(true);
|
|
// imports
|
|
|
|
|
|
// module
|
|
exports.push([module.i, "\n.turn-wraper[data-v-5b69e508] {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n -webkit-transition: all ease 0.35s;\n transition: all ease 0.35s;\n}\n.turn-page-left[data-v-5b69e508] {\n position: absolute;\n top: 0;\n z-index: 5;\n width: 100%;\n height: 100%;\n overflow: visible;\n}\n.turn-page-left-clip[data-v-5b69e508] {\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n}\n.turn-page-left-content[data-v-5b69e508] {\n position: absolute;\n overflow: hidden;\n background-color: #fff;\n}\n.turn-page-left-inner[data-v-5b69e508] {\n width: 100%;\n height: 100%;\n -webkit-transform: rotateY(180deg);\n transform: rotateY(180deg);\n opacity: 0.3;\n -webkit-transition: width all ease 0.35s, height all ease 0.35s;\n transition: width all ease 0.35s, height all ease 0.35s;\n}\n.turn-page-left-gradient[data-v-5b69e508] {\n position: absolute;\n z-index: 99;\n width: 100px;\n -webkit-transform: scale3d(0, 1, 1);\n transform: scale3d(0, 1, 1);\n background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0)), color-stop(0.3, rgba(0, 0, 0, 0.2)), color-stop(0.5, rgba(0, 0, 0, 0.5)));\n}\n.turn-page-right[data-v-5b69e508] {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 4;\n overflow: hidden;\n}\n.turn-page-right-gradient[data-v-5b69e508] {\n position: absolute;\n z-index: 2;\n width: 100px;\n opacity: 1;\n -webkit-transform: scale3d(0, 1, 1);\n transform: scale3d(0, 1, 1);\n background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0)), color-stop(0.2, rgba(0, 0, 0, 0.3)), color-stop(0.2, rgba(0, 0, 0, 0.4)), color-stop(0.4, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));\n}\n.turn-page-right-clip[data-v-5b69e508] {\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n z-index: auto;\n}\n.turn-page-right-content[data-v-5b69e508] {\n position: absolute;\n overflow: hidden;\n z-index: 1;\n transition: width all ease 0.35s, height all ease 0.35s;\n}\n.manual-item[data-v-5b69e508] {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #fff;\n -webkit-transition: all ease 0.35s;\n transition: all ease 0.35s;\n}\n.page-count[data-v-5b69e508] {\n position: absolute;\n top: 0.8rem;\n left: 50%;\n z-index: 1;\n padding: 0 0.8rem;\n background: rgba(0, 0, 0, 0.8);\n border-radius: 0.5rem;\n font-size: 14px;\n color: #FFFFFF;\n text-align: center;\n line-height: 1.8;\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0);\n}\n.manual-page[data-v-5b69e508] {\n position: relative;\n width: 100%;\n height: 100%;\n display: -webkit-box;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.manual-page.loading[data-v-5b69e508] {\n /*background: url(/article-h5/static/img/loading.95eeac7.gif) no-repeat center center !important;*/\n /*background-size: 60px !important;*/\n}\n.page-photo[data-v-5b69e508] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-size: 0;\n line-height: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n -webkit-transition: opacity ease 0.2s;\n transition: opacity ease 0.2s;\n}\n.manual-page.loading .page-photo[data-v-5b69e508] {\n opacity: 0;\n}\n.page-photo[data-v-5b69e508]::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 100%;\n z-index: 2;\n pointer-events: none;\n background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), color-stop(6%, rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15)));\n background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.15) 6%, rgba(255, 255, 255, 0.15) 100%);\n}\n.page-photo img[data-v-5b69e508] {\n display: inline-block;\n max-width: 100%;\n max-height: 100%;\n}\n.page-content[data-v-5b69e508] {\n position: absolute;\n left: 0;\n bottom: 0;\n right: 0;\n height: 3rem;\n line-height: 1rem;\n text-align: left;\n padding: 0.6rem 0.2rem;\n background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.92)), to(rgba(0, 0, 0, 0)));\n background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0) 100%);\n pointer-events: none;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.page-content-type-1[data-v-5b69e508] {\n display: -webkit-box;\n display: flex;\n}\n.page-content-type-2[data-v-5b69e508] {\n text-align: center;\n}\n.page-content .desc[data-v-5b69e508] {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n width: calc(65% - 0.14rem);\n}\n.page-content .name[data-v-5b69e508] {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-family: PingFangSC-Semibold;\n font-size: 14px;\n color: #FFFFFF;\n line-height: 1;\n}\n.page-content .price[data-v-5b69e508] {\n font-family: PingFangSC-Semibold;\n font-size: 14px;\n color: #FFFFFF;\n}\n.page-content .buy-button[data-v-5b69e508] {\n width: 35%;\n text-align: right;\n}\n.page-content .buy-button button[data-v-5b69e508] {\n display: inline-block;\n height: 2rem;\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n border: none;\n padding: 0 0.16rem;\n background: #FF8D00;\n -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n border-radius: 0.02rem;\n font-family: PingFangSC-Semibold;\n font-size: 14px;\n color: #FFFFFF;\n pointer-events: auto;\n}\n.page-content .form-button[data-v-5b69e508] {\n height: 0.34rem;\n border: none;\n padding: 0 0.16rem;\n background: #FFFFFF;\n -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n border-radius: 0.02rem;\n font-family: PingFangSC-Semibold;\n font-size: 14px;\n color: #0084BF;\n pointer-events: auto;\n}\n", "", {"version":3,"sources":["D:/workspace/demo/vue-flip-page/src/turn_page.vue"],"names":[],"mappings":";AAAA;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,qBAAqB;EACrB,mCAAmC;EACnC,2BAA2B;CAAE;AAE/B;EACE,mBAAmB;EACnB,OAAO;EACP,WAAW;EACX,YAAY;EACZ,aAAa;EACb,kBAAkB;CAAE;AAEtB;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,iBAAiB;CAAE;AAErB;EACE,mBAAmB;EACnB,iBAAiB;EACjB,uBAAuB;CAAE;AAE3B;EACE,YAAY;EACZ,aAAa;EACb,mCAAmC;EACnC,2BAA2B;EAC3B,aAAa;EACb,gEAAgE;EAChE,wDAAwD;CAAE;AAE5D;EACE,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,oCAAoC;EACpC,4BAA4B;EAC5B,uJAAuJ;CAAE;AAE3J;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,WAAW;EACX,iBAAiB;CAAE;AAErB;EACE,mBAAmB;EACnB,WAAW;EACX,aAAa;EACb,WAAW;EACX,oCAAoC;EACpC,4BAA4B;EAC5B,kNAAkN;CAAE;AAEtN;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,iBAAiB;EACjB,cAAc;CAAE;AAElB;EACE,mBAAmB;EACnB,iBAAiB;EACjB,WAAW;EACX,wDAAwD;CAAE;AAE5D;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,mCAAmC;EACnC,2BAA2B;CAAE;AAE/B;EACE,mBAAmB;EACnB,YAAY;EACZ,UAAU;EACV,WAAW;EACX,kBAAkB;EAClB,+BAA+B;EAC/B,sBAAsB;EACtB,gBAAgB;EAChB,eAAe;EACf,mBAAmB;EACnB,iBAAiB;EACjB,sCAAsC;EACtC,8BAA8B;CAAE;AAElC;EACE,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,qBAAqB;EACrB,cAAc;EACd,yBAAyB;EACzB,sBAAsB;EACtB,wBAAwB;EACxB,0BAA0B;EAC1B,uBAAuB;EACvB,oBAAoB;CAAE;AAExB;EACE,mGAAmG;EACnG,qCAAqC;CAAE;AAEzC;EACE,mBAAmB;EACnB,qBAAqB;EACrB,qBAAqB;EACrB,cAAc;EACd,yBAAyB;EACzB,sBAAsB;EACtB,wBAAwB;EACxB,0BAA0B;EAC1B,uBAAuB;EACvB,oBAAoB;EACpB,aAAa;EACb,eAAe;EACf,YAAY;EACZ,aAAa;EACb,WAAW;EACX,sCAAsC;EACtC,8BAA8B;CAAE;AAElC;EACE,WAAW;CAAE;AAEf;EACE,YAAY;EACZ,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,YAAY;EACZ,WAAW;EACX,qBAAqB;EACrB,oKAAoK;EACpK,8HAA8H;CAAE;AAElI;EACE,sBAAsB;EACtB,gBAAgB;EAChB,iBAAiB;CAAE;AAErB;EACE,mBAAmB;EACnB,QAAQ;EACR,UAAU;EACV,SAAS;EACT,aAAa;EACb,kBAAkB;EAClB,iBAAiB;EACjB,uBAAuB;EACvB,mHAAmH;EACnH,uFAAuF;EACvF,qBAAqB;EACrB,YAAY;EACZ,+BAA+B;EAC/B,uBAAuB;CAAE;AAE3B;EACE,qBAAqB;EACrB,cAAc;CAAE;AAElB;EACE,mBAAmB;CAAE;AAEvB;EACE,oBAAoB;EACpB,YAAY;EACZ,QAAQ;EACR,2BAA2B;CAAE;AAE/B;EACE,iBAAiB;EACjB,oBAAoB;EACpB,wBAAwB;EACxB,iCAAiC;EACjC,gBAAgB;EAChB,eAAe;EACf,eAAe;CAAE;AAEnB;EACE,iCAAiC;EACjC,gBAAgB;EAChB,eAAe;CAAE;AAEnB;EACE,WAAW;EACX,kBAAkB;CAAE;AAEtB;EACE,sBAAsB;EACtB,aAAa;EACb,gBAAgB;EAChB,iBAAiB;EACjB,oBAAoB;EACpB,wBAAwB;EACxB,aAAa;EACb,mBAAmB;EACnB,oBAAoB;EACpB,2DAA2D;EAC3D,mDAAmD;EACnD,uBAAuB;EACvB,iCAAiC;EACjC,gBAAgB;EAChB,eAAe;EACf,qBAAqB;CAAE;AAEzB;EACE,gBAAgB;EAChB,aAAa;EACb,mBAAmB;EACnB,oBAAoB;EACpB,2DAA2D;EAC3D,mDAAmD;EACnD,uBAAuB;EACvB,iCAAiC;EACjC,gBAAgB;EAChB,eAAe;EACf,qBAAqB;CAAE","file":"turn_page.vue","sourcesContent":[".turn-wraper {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n -webkit-transition: all ease 0.35s;\n transition: all ease 0.35s; }\n\n.turn-page-left {\n position: absolute;\n top: 0;\n z-index: 5;\n width: 100%;\n height: 100%;\n overflow: visible; }\n\n.turn-page-left-clip {\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden; }\n\n.turn-page-left-content {\n position: absolute;\n overflow: hidden;\n background-color: #fff; }\n\n.turn-page-left-inner {\n width: 100%;\n height: 100%;\n -webkit-transform: rotateY(180deg);\n transform: rotateY(180deg);\n opacity: 0.3;\n -webkit-transition: width all ease 0.35s, height all ease 0.35s;\n transition: width all ease 0.35s, height all ease 0.35s; }\n\n.turn-page-left-gradient {\n position: absolute;\n z-index: 99;\n width: 100px;\n -webkit-transform: scale3d(0, 1, 1);\n transform: scale3d(0, 1, 1);\n background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0)), color-stop(0.3, rgba(0, 0, 0, 0.2)), color-stop(0.5, rgba(0, 0, 0, 0.5))); }\n\n.turn-page-right {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 4;\n overflow: hidden; }\n\n.turn-page-right-gradient {\n position: absolute;\n z-index: 2;\n width: 100px;\n opacity: 1;\n -webkit-transform: scale3d(0, 1, 1);\n transform: scale3d(0, 1, 1);\n background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0, 0, 0, 0)), color-stop(0.2, rgba(0, 0, 0, 0.3)), color-stop(0.2, rgba(0, 0, 0, 0.4)), color-stop(0.4, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0))); }\n\n.turn-page-right-clip {\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n z-index: auto; }\n\n.turn-page-right-content {\n position: absolute;\n overflow: hidden;\n z-index: 1;\n transition: width all ease 0.35s, height all ease 0.35s; }\n\n.manual-item {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #fff;\n -webkit-transition: all ease 0.35s;\n transition: all ease 0.35s; }\n\n.page-count {\n position: absolute;\n top: 0.8rem;\n left: 50%;\n z-index: 1;\n padding: 0 0.8rem;\n background: rgba(0, 0, 0, 0.8);\n border-radius: 0.5rem;\n font-size: 14px;\n color: #FFFFFF;\n text-align: center;\n line-height: 1.8;\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0); }\n\n.manual-page {\n position: relative;\n width: 100%;\n height: 100%;\n display: -webkit-box;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.manual-page.loading {\n /*background: url(/article-h5/static/img/loading.95eeac7.gif) no-repeat center center !important;*/\n /*background-size: 60px !important;*/ }\n\n.page-photo {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-size: 0;\n line-height: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n -webkit-transition: opacity ease 0.2s;\n transition: opacity ease 0.2s; }\n\n.manual-page.loading .page-photo {\n opacity: 0; }\n\n.page-photo::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 100%;\n z-index: 2;\n pointer-events: none;\n background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), color-stop(6%, rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15)));\n background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.15) 6%, rgba(255, 255, 255, 0.15) 100%); }\n\n.page-photo img {\n display: inline-block;\n max-width: 100%;\n max-height: 100%; }\n\n.page-content {\n position: absolute;\n left: 0;\n bottom: 0;\n right: 0;\n height: 3rem;\n line-height: 1rem;\n text-align: left;\n padding: 0.6rem 0.2rem;\n background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.92)), to(rgba(0, 0, 0, 0)));\n background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0) 100%);\n pointer-events: none;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.page-content-type-1 {\n display: -webkit-box;\n display: flex; }\n\n.page-content-type-2 {\n text-align: center; }\n\n.page-content .desc {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n width: calc(65% - 0.14rem); }\n\n.page-content .name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n font-family: PingFangSC-Semibold;\n font-size: 14px;\n color: #FFFFFF;\n line-height: 1; }\n\n.page-content .price {\n font-family: PingFangSC-Semibold;\n font-size: 14px;\n color: #FFFFFF; }\n\n.page-content .buy-button {\n width: 35%;\n text-align: right; }\n\n.page-content .buy-button button {\n display: inline-block;\n height: 2rem;\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n border: none;\n padding: 0 0.16rem;\n background: #FF8D00;\n -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n border-radius: 0.02rem;\n font-family: PingFangSC-Semibold;\n font-size: 14px;\n color: #FFFFFF;\n pointer-events: auto; }\n\n.page-content .form-button {\n height: 0.34rem;\n border: none;\n padding: 0 0.16rem;\n background: #FFFFFF;\n -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);\n border-radius: 0.02rem;\n font-family: PingFangSC-Semibold;\n font-size: 14px;\n color: #0084BF;\n pointer-events: auto; }\n"],"sourceRoot":""}]);
|
|
|
|
// exports
|
|
|
|
|
|
/***/ }),
|
|
/* 53 */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = {
|
|
props: {
|
|
item: Object,
|
|
index: Number,
|
|
width: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
height: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
length: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
active: { // 翻动效果生效
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
styles: {
|
|
type: Array,
|
|
default: function _default() {
|
|
return [{}, {}, {}, {}, {}, {}];
|
|
}
|
|
}
|
|
},
|
|
data: function data() {
|
|
return {};
|
|
},
|
|
mounted: function mounted() {},
|
|
|
|
computed: {
|
|
clipSize: function clipSize() {
|
|
return Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2), 2);
|
|
}
|
|
}
|
|
};
|
|
|
|
/***/ }),
|
|
/* 54 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
var render = function() {
|
|
var _vm = this
|
|
var _h = _vm.$createElement
|
|
var _c = _vm._self._c || _h
|
|
return _c(
|
|
"div",
|
|
{
|
|
staticClass: "turn-wraper",
|
|
style: {
|
|
width: _vm.width + "px",
|
|
height: _vm.height + "px",
|
|
overflow: _vm.active ? "visible" : "hidden",
|
|
zIndex: _vm.length - _vm.index
|
|
}
|
|
},
|
|
[
|
|
_c(
|
|
"div",
|
|
{
|
|
staticClass: "turn-page-left",
|
|
style: { left: "-" + _vm.width + "px" }
|
|
},
|
|
[
|
|
_c(
|
|
"div",
|
|
{
|
|
staticClass: "turn-page-left-clip",
|
|
style: Object.assign(
|
|
{},
|
|
{ width: _vm.clipSize + "px", height: _vm.clipSize + "px" },
|
|
_vm.styles[3]
|
|
)
|
|
},
|
|
[
|
|
_c(
|
|
"div",
|
|
{
|
|
staticClass: "turn-page-left-content",
|
|
style: Object.assign(
|
|
{},
|
|
{ width: _vm.width + "px", height: _vm.height + "px" },
|
|
_vm.styles[1]
|
|
)
|
|
},
|
|
[
|
|
_c("div", { staticClass: "turn-page-left-inner" }, [
|
|
_c("div", { staticClass: "manual-item" }, [
|
|
_c("div", { staticClass: "page-count" }, [
|
|
_vm._v(
|
|
_vm._s(_vm.index + 1) + " / " + _vm._s(_vm.length)
|
|
)
|
|
]),
|
|
_vm._v(" "),
|
|
_c(
|
|
"div",
|
|
{ staticClass: "manual-page" },
|
|
[
|
|
_c("div", { staticClass: "page-photo" }, [
|
|
_c("img", {
|
|
attrs: { src: _vm.item.picture_image }
|
|
})
|
|
]),
|
|
_vm._v(" "),
|
|
_vm._t("default")
|
|
],
|
|
2
|
|
)
|
|
])
|
|
]),
|
|
_vm._v(" "),
|
|
_c("div", {
|
|
staticClass: "turn-page-left-gradient",
|
|
style: Object.assign(
|
|
{},
|
|
{
|
|
top: "-" + _vm.height / 2 + "px",
|
|
height: _vm.height * 2 + "px"
|
|
},
|
|
_vm.styles[4]
|
|
)
|
|
})
|
|
]
|
|
)
|
|
]
|
|
)
|
|
]
|
|
),
|
|
_vm._v(" "),
|
|
_c(
|
|
"div",
|
|
{
|
|
staticClass: "turn-page-right",
|
|
style: { width: _vm.width + "px", height: _vm.height + "px" }
|
|
},
|
|
[
|
|
_c("div", {
|
|
staticClass: "turn-page-right-gradient",
|
|
style: Object.assign(
|
|
{},
|
|
{
|
|
top: "-" + _vm.height / 2 + "px",
|
|
height: _vm.height * 2 + "px"
|
|
},
|
|
_vm.styles[5]
|
|
)
|
|
}),
|
|
_vm._v(" "),
|
|
_c(
|
|
"div",
|
|
{
|
|
staticClass: "turn-page-right-clip",
|
|
style: Object.assign(
|
|
{},
|
|
{ width: _vm.clipSize + "px", height: _vm.clipSize + "px" },
|
|
_vm.styles[2]
|
|
)
|
|
},
|
|
[
|
|
_c(
|
|
"div",
|
|
{
|
|
staticClass: "turn-page-right-content",
|
|
style: Object.assign(
|
|
{},
|
|
{ width: _vm.width + "px", height: _vm.height + "px" },
|
|
_vm.styles[0]
|
|
)
|
|
},
|
|
[
|
|
_c("div", { staticClass: "manual-item" }, [
|
|
_c("div", { staticClass: "page-count" }, [
|
|
_vm._v(_vm._s(_vm.index + 1) + " / " + _vm._s(_vm.length))
|
|
]),
|
|
_vm._v(" "),
|
|
_c(
|
|
"div",
|
|
{ staticClass: "manual-page" },
|
|
[
|
|
_c("div", { staticClass: "page-photo" }, [
|
|
_c("img", { attrs: { src: _vm.item.picture_image } })
|
|
]),
|
|
_vm._v(" "),
|
|
_vm._t("default")
|
|
],
|
|
2
|
|
)
|
|
])
|
|
]
|
|
)
|
|
]
|
|
)
|
|
]
|
|
)
|
|
]
|
|
)
|
|
}
|
|
var staticRenderFns = []
|
|
render._withStripped = true
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ __webpack_exports__["a"] = (esExports);
|
|
if (false) {
|
|
module.hot.accept()
|
|
if (module.hot.data) {
|
|
require("vue-hot-reload-api") .rerender("data-v-5b69e508", esExports)
|
|
}
|
|
}
|
|
|
|
/***/ }),
|
|
/* 55 */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
var render = function() {
|
|
var _vm = this
|
|
var _h = _vm.$createElement
|
|
var _c = _vm._self._c || _h
|
|
return _c(
|
|
"div",
|
|
{
|
|
ref: "turn",
|
|
staticClass: "turn",
|
|
style: { width: _vm.width + "px", height: _vm.height + "px" }
|
|
},
|
|
[
|
|
_vm._l(_vm.data, function(item, index) {
|
|
return [
|
|
index == _vm.backPage || index == _vm.turnPage
|
|
? _c("turn-page", {
|
|
attrs: {
|
|
index: index,
|
|
width: _vm.width,
|
|
item: item,
|
|
height: _vm.height,
|
|
length: _vm.data.length,
|
|
active: index == _vm.turnPage && _vm.turnActive,
|
|
styles:
|
|
index === _vm.turnPage ? _vm.styles : _vm.defaultStyles
|
|
}
|
|
})
|
|
: _vm._e()
|
|
]
|
|
}),
|
|
_vm._v(" "),
|
|
_c("div", {
|
|
staticClass: "turn-right-border",
|
|
style: {
|
|
width:
|
|
(Math.min(_vm.data.length, 10) / _vm.data.length) *
|
|
(_vm.data.length - _vm.backPage) +
|
|
"px"
|
|
}
|
|
})
|
|
],
|
|
2
|
|
)
|
|
}
|
|
var staticRenderFns = []
|
|
render._withStripped = true
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ __webpack_exports__["a"] = (esExports);
|
|
if (false) {
|
|
module.hot.accept()
|
|
if (module.hot.data) {
|
|
require("vue-hot-reload-api") .rerender("data-v-7ba5bd90", esExports)
|
|
}
|
|
}
|
|
|
|
/***/ })
|
|
/******/ ]);
|
|
});
|
|
//# sourceMappingURL=flip.min.js.map
|