From 81c2b70d0c87d64ab94375341f69c029a50ea265 Mon Sep 17 00:00:00 2001
From: harriet <1317499207@qq.com>
Date: Mon, 3 Feb 2020 21:34:20 +0800
Subject: [PATCH] first commit

---
 .babelrc                    |   21 +
 .npmignore                  |    8 +
 README.md                   |   41 +
 dist/flip.min.js            | 2461 +++++++++++++++++++++++++++++++++++
 dist/flip.min.js.map        |    1 +
 package.json                |   51 +
 src/App.vue                 |  227 ++++
 src/index.js                |    2 +
 src/turn_controller.js      |  708 ++++++++++
 src/turn_page.vue           |  325 +++++
 src/turn_page_controller.js |   36 +
 webpack.config.js           |   54 +
 12 files changed, 3935 insertions(+)
 create mode 100644 .babelrc
 create mode 100644 .npmignore
 create mode 100644 README.md
 create mode 100644 dist/flip.min.js
 create mode 100644 dist/flip.min.js.map
 create mode 100644 package.json
 create mode 100644 src/App.vue
 create mode 100644 src/index.js
 create mode 100644 src/turn_controller.js
 create mode 100644 src/turn_page.vue
 create mode 100644 src/turn_page_controller.js
 create mode 100644 webpack.config.js

diff --git a/.babelrc b/.babelrc
new file mode 100644
index 0000000..15f1ea8
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,21 @@
+{
+  "presets": [
+    [
+      "env",
+      {
+        "modules": false,
+        "targets": {
+          "browsers": [
+            "> 1%",
+            "last 2 versions",
+            "not ie <= 8"
+          ]
+        }
+      }
+    ],
+    "stage-2"
+  ],
+  "plugins": [
+    "transform-runtime"
+  ]
+}
diff --git a/.npmignore b/.npmignore
new file mode 100644
index 0000000..e8022b6
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1,8 @@
+.*
+*.md
+*.yml
+build/
+node_modules/
+src/
+test/
+gulpfile.js
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..024c0ca
--- /dev/null
+++ b/README.md
@@ -0,0 +1,41 @@
+# vue-flip-page
+vue翻页组件
+
+方法
+change （改变页面）
+tap  （点击）
+turning  （正在翻页）
+prev  （前一页）
+next   （后一页）
+翻到指定页面：
+
+handleSwitchManual(index) {
+      if (index === this.currentIndex) return;
+      this.$refs["turn"].toPage(index);
+      this.currentIndex = index;
+      this.goods_id = this.manuals[this.currentIndex].goods_id;
+      this.show = false;
+    },
+
+传入参数：
+
+| 参数  | type |  example | describe   |
+| ------ | ---- | -------- | ---------- |
+| width  | number | 375 | 宽度 |
+| height | number | 667  | 高度   |
+| data | Array | [ { "picture_image": "https://dev8.yunzmall.com/static/upload/image/8a2b418254cf521ff3e668fa33ac07ee.png", }, { "picture_image": "https://dev8.yunzmall.com/static/upload/image/e7cf7880531ff9cbb91902630c808359.png", }] |传入的数据   |
+
+
+npm包  npm install vue-calendar-l
+
+在需要用到的页面中（注意 一个页面目前只能引入一次）
+
+import flipPage from "vue-flip-page";
+
+components: { flipPage }
+
+例子：
+
+
+效果：
+
diff --git a/dist/flip.min.js b/dist/flip.min.js
new file mode 100644
index 0000000..1e4874d
--- /dev/null
+++ b/dist/flip.min.js
@@ -0,0 +1,2461 @@
+(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.11' };
+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_13_7_3_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_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_7ba5bd90_hasScoped_true_buble_transforms_node_modules_vue_loader_13_7_3_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_13_7_3_vue_loader_lib_selector_type_script_index_0_App_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_7ba5bd90_hasScoped_true_buble_transforms_node_modules_vue_loader_13_7_3_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-loader/node_modules/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)("4edd2f67", 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@0.28.11@css-loader/index.js?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-7ba5bd90\",\"scoped\":true,\"hasInlineConfig\":false}!../node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./App.vue", function() {
+     var newContent = require("!!../node_modules/_css-loader@0.28.11@css-loader/index.js?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-7ba5bd90\",\"scoped\":true,\"hasInlineConfig\":false}!../node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!../node_modules/_vue-loader@13.7.3@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:/Desktop/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;
+
+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
+    };
+  },
+  mounted: function mounted() {},
+  activated: function activated() {
+    var _this = this;
+
+    this.$nextTick(function () {
+      _this.TouchMove();
+    });
+  },
+  deactivated: function deactivated() {
+    var _this2 = this;
+
+    this.$nextTick(function () {
+      _this2.TouchMoveOut();
+    });
+  },
+
+  methods: {
+    TouchMove: function TouchMove() {
+      if (this.fun.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 (this.fun.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);
+      }
+    },
+    handleManualTouchStart: function handleManualTouchStart(e) {
+      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 (this.fun.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) {
+      var x = "";
+      var y = "";
+      if (this.isStart) {
+        var width = this.width,
+            height = this.height;
+
+        if (this.fun.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() {
+      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 _this3 = 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 () {
+          _this3.viewIndex = _toPage;
+          _this3.turnPage = null;
+          _this3.backPage = _toPage;
+          // console.log('完成翻页，当前页', this.backPage)
+          _this3.updateTurn();
+          _this3.turnActive = false;
+          _this3.$emit("change", _this3.backPage);
+        });
+      } else {
+        if (!this.action) {
+          this.action = "backward";
+          this.turnPage = _toPage;
+          this.backPage = fromPage;
+        }
+
+        this.hideFolded(startPoint || fromPoint, function () {
+          _this3.viewIndex = _toPage;
+          _this3.turnPage = null;
+          _this3.backPage = _toPage;
+          // console.log('完成翻页，当前页', this.backPage)
+          _this3.updateTurn();
+          _this3.turnActive = false;
+          _this3.$emit("change", _this3.backPage);
+        });
+      }
+      // console.log('this.turnActive', this.turnPage, this.turnActive)
+      this.$emit("turning", this.backPage);
+    },
+    turn: function turn(fromPoint, complete) {
+      var _this4 = this;
+
+      var width = this.width,
+          height = this.height;
+
+      this.runAnimation = turnPage(fromPoint, 600, width, height, function (point) {
+        _this4.updateTurn(fold(point, width, height));
+      }, function () {
+        complete();
+        _this4.action = null;
+        _this4.turnPage = null;
+        _this4.backPage = _this4.viewIndex;
+        _this4.updateTurn();
+        _this4.runAnimation = null;
+      });
+    },
+    hideFolded: function hideFolded(fromPoint, complete) {
+      var _this5 = this;
+
+      var width = this.width,
+          height = this.height;
+
+      this.runAnimation = hideFoldedPage(fromPoint, width, height, function (point) {
+        _this5.updateTurn(fold(point, width, height));
+      }, function () {
+        complete();
+        _this5.action = null;
+        _this5.turnPage = null;
+        _this5.backPage = _this5.viewIndex;
+        _this5.updateTurn();
+        _this5.turnActive = false;
+        _this5.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: '© 2019 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_13_7_3_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_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_5b69e508_hasScoped_true_buble_transforms_node_modules_vue_loader_13_7_3_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_13_7_3_vue_loader_lib_selector_type_script_index_0_turn_page_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_5b69e508_hasScoped_true_buble_transforms_node_modules_vue_loader_13_7_3_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-loader/node_modules/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)("45ac88f7", 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@0.28.11@css-loader/index.js?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-5b69e508\",\"scoped\":true,\"hasInlineConfig\":false}!../node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./turn_page.vue", function() {
+     var newContent = require("!!../node_modules/_css-loader@0.28.11@css-loader/index.js?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-5b69e508\",\"scoped\":true,\"hasInlineConfig\":false}!../node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!../node_modules/_vue-loader@13.7.3@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:/Desktop/vue-flip-page/src/turn_page.vue"],"names":[],"mappings":"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","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(" "),
+                  _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 } })
+                      ])
+                    ])
+                  ])
+                ]
+              )
+            ]
+          )
+        ]
+      )
+    ]
+  )
+}
+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-loader/node_modules/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-loader/node_modules/vue-hot-reload-api")      .rerender("data-v-7ba5bd90", esExports)
+  }
+}
+
+/***/ })
+/******/ ]);
+});
+//# sourceMappingURL=flip.min.js.map
\ No newline at end of file
diff --git a/dist/flip.min.js.map b/dist/flip.min.js.map
new file mode 100644
index 0000000..b973d3d
--- /dev/null
+++ b/dist/flip.min.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap ed67fdf7d1810059ac2c","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_descriptors.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_global.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_core.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_is-object.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_fails.js","webpack:///./node_modules/_css-loader@0.28.11@css-loader/lib/css-base.js","webpack:///./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/addStylesClient.js","webpack:///./node_modules/_vue-loader@13.7.3@vue-loader/lib/component-normalizer.js","webpack:///src/App.vue","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_has.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_to-iobject.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_iobject.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_defined.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_to-integer.js","webpack:///src/turn_page.vue","webpack:///./src/index.js","webpack:///./src/App.vue","webpack:///./src/App.vue?2970","webpack:///./src/App.vue?0171","webpack:///./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/listToStyles.js","webpack:///./src/turn_controller.js","webpack:///./node_modules/_babel-runtime@6.26.0@babel-runtime/helpers/extends.js","webpack:///./node_modules/_babel-runtime@6.26.0@babel-runtime/core-js/object/assign.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/fn/object/assign.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/es6.object.assign.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_export.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_ctx.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_a-function.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_hide.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_object-dp.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_an-object.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_ie8-dom-define.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_dom-create.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_to-primitive.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_property-desc.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_object-assign.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_object-keys.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_object-keys-internal.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_cof.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_array-includes.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_to-length.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_to-absolute-index.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_shared-key.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_shared.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_library.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_uid.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_enum-bug-keys.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_object-gops.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_object-pie.js","webpack:///./node_modules/_core-js@2.6.11@core-js/library/modules/_to-object.js","webpack:///./src/turn_page.vue","webpack:///./src/turn_page.vue?ea90","webpack:///./src/turn_page.vue?340b","webpack:///./src/turn_page_controller.js","webpack:///./src/turn_page.vue?ab0d","webpack:///./src/App.vue?bb81"],"names":["flipPage","PI","Math","A90","bezier","p1","p2","p3","p4","t","a","b","c","point2D","round","x","y","peelingPoint","corner","_startPoint","width","height","opts","_endPoint","_translate","_rotate","degrees","_scale","_deg","radians","_transform","transform","origin","properties","fold","point","startPoint","d","e","px","gradientSize","h","far","j","k","l","m","n","q","w","mv","df","tr","B","sqrt","pow","compute","alpha","atan2","distance","cos","sin","rel","middle","gamma","abs","tan","D","E","side","G","min","sideX","sideY","endingPoint","mvW","mvH","cssA","left","top","right","bottom","aliasingFk","styles","push","z","C","max","opacity","animatef","to","length","from","diff","len","time","Date","now","frame","v","timeDiff","duration","i","easing","complete","requestAnimationFrameId","requestAnimationFrame","data","stop","cancelAnimationFrame","turnPage","np","hideFoldedPage","substr","delta","showFoldedPage","components","TurnPage","props","Array","type","Number","default","defaultStyles","relPoint","invalidTouch","action","runAnimation","viewIndex","backPage","turnActive","showLastCoverPage","touchTimeline","isStart","mounted","activated","$nextTick","TouchMove","deactivated","TouchMoveOut","methods","fun","getPhoneEnv","$refs","turn","addEventListener","handleManualTouchMove","handleManualTouchStart","handleManualTouchEnd","removeEventListener","updateTurn","clientX","window","innerWidth","clientY","innerHeight","touches","readyTurn","handleManualTaped","isSwipe","$emit","toPage","hideFolded","fromPoint","style","first","last","swipeTime","minTime","minDistance","fromPage","handleCoverTouchStart","handleCoverTouchMove","handleCoverTouchEnd","item","Object","index","active","Boolean","computed","clipSize"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;QCVA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,KAAK;QACL;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;QAEA;QACA;;;;;;;AC7DA;AACA,kBAAkB,mBAAO,CAAC,CAAU;AACpC,iCAAiC,QAAQ,mBAAmB,UAAU,EAAE,EAAE;AAC1E,CAAC;;;;;;;ACHD;AACA;AACA;AACA;AACA;AACA,yCAAyC;;;;;;;ACLzC,6BAA6B;AAC7B,uCAAuC;;;;;;;ACDvC;AACA;AACA;;;;;;;ACFA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,mCAAmC,gBAAgB;AACnD,IAAI;AACJ;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,gBAAgB,iBAAiB;AACjC;AACA;AACA;AACA;AACA,YAAY,oBAAoB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,GAAG;;AAEH;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,oDAAoD,cAAc;;AAElE;AACA;;;;;;;AC3EA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,UAAU,iBAAiB;AAC3B;AACA;;AAEA,mBAAmB,mBAAO,CAAC,EAAgB;;AAE3C;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA,mBAAmB,mBAAmB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,mBAAmB,sBAAsB;AACzC;AACA;AACA,uBAAuB,2BAA2B;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,mBAAmB;AACpC;AACA;AACA;AACA;AACA,qBAAqB,2BAA2B;AAChD;AACA;AACA,YAAY,uBAAuB;AACnC;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,qBAAqB,uBAAuB;AAC5C;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;;AAEA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;;AAEA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;;;;;;;AC7NA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;ACzFA;;AAEA,mH;;;;;;ACfA,uBAAuB;AACvB;AACA;AACA;;;;;;;ACHA;AACA,cAAc,mBAAO,CAAC,EAAY;AAClC,cAAc,mBAAO,CAAC,EAAY;AAClC;AACA;AACA;;;;;;;ACLA;AACA,UAAU,mBAAO,CAAC,EAAQ;AAC1B;AACA;AACA;AACA;;;;;;;ACLA;AACA;AACA;AACA;AACA;;;;;;;ACJA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACoDA;;AAEA,wH;;;;;;;;;;;;;AC3DA;;;;;;kBACeA,a;;;;;;;ACDf;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA,EAAE,mBAAO,CAAC,EAAiU;AAC3U;AACA,yBAAyB,mBAAO,CAAC,CAAyE;AAC1G;AACuH;AACa;AACpI;AACmR;AACnR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,iJAAc;AAChB,EAAE,+PAAgB;AAClB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,IAAI,KAAU,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;;AAEc,gFAAiB;;;;;;;AC7ChC;;AAEA;AACA,cAAc,mBAAO,CAAC,EAA4X;AAClZ,4CAA4C,QAAS;AACrD;AACA;AACA,aAAa,mBAAO,CAAC,C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KqD,GAAL,CAAS,KAAKlC,MAAd,EAAsB,CAAtB,CAApC,EAA8D,CAA9D,CAAP;AACD;AAHO;AA9BG,C;;;;;;;ACAf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB,iBAAiB,0DAA0D;AAC3E;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB,qBAAqB,qDAAqD;AAC1E;AACA;AACA,iBAAiB;AACjB;AACA,6BAA6B,sCAAsC;AACnE,+BAA+B,6BAA6B;AAC5D,iCAAiC,4BAA4B;AAC7D;AACA;AACA;AACA;AACA;AACA,iCAAiC,6BAA6B;AAC9D,mCAAmC,4BAA4B;AAC/D,qCAAqC,SAAS,8BAA8B,EAAE;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB;AACxB;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB,SAAS;AACT;AACA;AACA;AACA;AACA,gBAAgB;AAChB;AACA;AACA;AACA,eAAe;AACf;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB;AAClB,iBAAiB,0DAA0D;AAC3E;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB,qBAAqB,qDAAqD;AAC1E;AACA;AACA,iBAAiB;AACjB;AACA,6BAA6B,6BAA6B;AAC1D,+BAA+B,4BAA4B;AAC3D;AACA;AACA;AACA,+BAA+B,6BAA6B;AAC5D,iCAAiC,4BAA4B;AAC7D,mCAAmC,SAAS,8BAA8B,EAAE;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACF,kEAAS;AACxB,IAAI,KAAU;AACd;AACA;AACA;AACA;AACA,C;;;;;;;ACrJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;AACd,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACF,kEAAS;AACxB,IAAI,KAAU;AACd;AACA;AACA;AACA;AACA,C","file":"flip.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse {\n\t\tvar a = factory();\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(typeof self !== 'undefined' ? self : this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/dist/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 15);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap ed67fdf7d1810059ac2c","// Thank's IE8 for his funny defineProperty\nmodule.exports = !require('./_fails')(function () {\n  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;\n});\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_descriptors.js\n// module id = 0\n// module chunks = 0","// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nvar global = module.exports = typeof window != 'undefined' && window.Math == Math\n  ? window : typeof self != 'undefined' && self.Math == Math ? self\n  // eslint-disable-next-line no-new-func\n  : Function('return this')();\nif (typeof __g == 'number') __g = global; // eslint-disable-line no-undef\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_global.js\n// module id = 1\n// module chunks = 0","var core = module.exports = { version: '2.6.11' };\nif (typeof __e == 'number') __e = core; // eslint-disable-line no-undef\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_core.js\n// module id = 2\n// module chunks = 0","module.exports = function (it) {\n  return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_is-object.js\n// module id = 3\n// module chunks = 0","module.exports = function (exec) {\n  try {\n    return !!exec();\n  } catch (e) {\n    return true;\n  }\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_fails.js\n// module id = 4\n// module chunks = 0","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_css-loader@0.28.11@css-loader/lib/css-base.js\n// module id = 5\n// module chunks = 0","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\nvar listToStyles = require('./listToStyles')\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nmodule.exports = function (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/addStylesClient.js\n// module id = 6\n// module chunks = 0","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = injectStyles\n  }\n\n  if (hook) {\n    var functional = options.functional\n    var existing = functional\n      ? options.render\n      : options.beforeCreate\n\n    if (!functional) {\n      // inject component registration as beforeCreate hook\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    } else {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return existing(h, context)\n      }\n    }\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-loader@13.7.3@vue-loader/lib/component-normalizer.js\n// module id = 7\n// module chunks = 0","<template>\n  <div class=\"turn\" ref=\"turn\" :style=\"{width: width+'px', height: height+'px'}\">\n    <template v-for=\"(item,index) in data\">\n      <turn-page  v-if=\"index == backPage || index == turnPage\" :index=\"index\" :width=\"width\" :item=\"item\" :height=\"height\" :length=\"data.length\"\n                  :active=\"index == turnPage && turnActive\" :styles=\"index === turnPage ? styles : defaultStyles\">\n      </turn-page>\n    </template>\n\n    <div class=\"turn-right-border\" :style=\"{width: (((Math.min(data.length, 10) / data.length * (data.length - backPage))) + 'px')}\"></div>\n  </div>\n</template>\n\n<script>\n\timport turn_controller from \"./turn_controller\";\n\n\texport default turn_controller;\n</script>\n\n<style lang=\"scss\" rel=\"stylesheet/scss\" scoped>\n  .turn {\n    position: relative;\n    z-index: 0;\n    -webkit-box-shadow: 0 0 0.06rem 0 rgba(0, 0, 0, 0.60);\n    box-shadow: 0 0 0.06rem 0 rgba(0, 0, 0, 0.60);\n    -webkit-transition: all ease 0.35s;\n    transition: all ease 0.35s;\n  }\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\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\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\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\n  .manual-page.loading .page-photo {\n    opacity: 0;\n  }\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\n  .page-photo img {\n    display: inline-block;\n    max-width: 100%;\n    max-height: 100%;\n  }\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\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\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\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.00)));\n    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.00) 100%);\n    pointer-events: none;\n    width: 100%;\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n\n  .page-content-type-1 {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  .page-content-type-2 {\n    text-align: center;\n  }\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\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\n  .page-content .price {\n    font-family: PingFangSC-Semibold;\n    font-size: 0.14rem;\n    color: #FFFFFF;\n  }\n\n  .page-content .buy-button {\n    width: 35%;\n    text-align: right;\n  }\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.20);\n    box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);\n    border-radius: 0.02rem;\n    font-family: PingFangSC-Semibold;\n    font-size: 0.14rem;\n    color: #FFFFFF;\n    pointer-events: auto;\n  }\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.20);\n    box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);\n    border-radius: 0.02rem;\n    font-family: PingFangSC-Semibold;\n    font-size: 0.14rem;\n    color: #0084BF;\n    pointer-events: auto;\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/App.vue","var hasOwnProperty = {}.hasOwnProperty;\nmodule.exports = function (it, key) {\n  return hasOwnProperty.call(it, key);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_has.js\n// module id = 9\n// module chunks = 0","// to indexed object, toObject with fallback for non-array-like ES3 strings\nvar IObject = require('./_iobject');\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n  return IObject(defined(it));\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_to-iobject.js\n// module id = 10\n// module chunks = 0","// fallback for non-array-like ES3 and non-enumerable old V8 strings\nvar cof = require('./_cof');\n// eslint-disable-next-line no-prototype-builtins\nmodule.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {\n  return cof(it) == 'String' ? it.split('') : Object(it);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_iobject.js\n// module id = 11\n// module chunks = 0","// 7.2.1 RequireObjectCoercible(argument)\nmodule.exports = function (it) {\n  if (it == undefined) throw TypeError(\"Can't call method on  \" + it);\n  return it;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_defined.js\n// module id = 12\n// module chunks = 0","// 7.1.4 ToInteger\nvar ceil = Math.ceil;\nvar floor = Math.floor;\nmodule.exports = function (it) {\n  return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_to-integer.js\n// module id = 13\n// module chunks = 0","<template>\r\n  <div class=\"turn-wraper\"\r\n       :style=\"{width: width+'px', height: height+'px', overflow: active ? 'visible' : 'hidden', zIndex: length - index}\">\r\n    <div class=\"turn-page-left\" :style=\"{left: '-'+width+'px'}\">\r\n      <div class=\"turn-page-left-clip\" :style=\"(Object.assign({}, {width: clipSize+'px', height: clipSize+'px'}, styles[3]))\">\r\n        <div class=\"turn-page-left-content\"\r\n             :style=\"(Object.assign({}, {width: width+'px', height: height+'px'}, styles[1]))\">\r\n          <div class=\"turn-page-left-inner\">\r\n            <div  class=\"manual-item\">\r\n              <div  class=\"page-count\">{{index + 1}} / {{length}}</div>\r\n              <div  class=\"manual-page\">\r\n                <div  class=\"page-photo\">\r\n                  <img  :src=\"item.picture_image\">\r\n                </div>\r\n                <!--<div  class=\"page-content page-content-type-1\">-->\r\n                  <!--<div  class=\"desc\"><h4  class=\"name\">-->\r\n                    <!--小程序组件小程序组件小程序组件小程序组件小程序组件小程序组件</h4>-->\r\n                    <!--<div  class=\"price\">¥19800</div> &lt;!&ndash;&ndash;&gt; &lt;!&ndash;&ndash;&gt;</div>-->\r\n                  <!--<div  class=\"buy-button\">-->\r\n                    <!--<button  type=\"button\">查看详情</button>-->\r\n                  <!--</div>-->\r\n                <!--</div>-->\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"turn-page-left-gradient\"  :style=\"(Object.assign({}, {top: ('-' + (height / 2)+'px'), height: (height* 2)+'px'}, styles[4]))\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"turn-page-right\" :style=\"{width: width+'px', height: height+'px'}\">\r\n      <div class=\"turn-page-right-gradient\"  :style=\"(Object.assign({}, {top: ('-' + (height / 2)+'px'), height: (height* 2)+'px'}, styles[5]))\"></div>\r\n\r\n      <div class=\"turn-page-right-clip\" :style=\"(Object.assign({}, {width: clipSize+'px', height: clipSize+'px'}, styles[2]))\">\r\n        <div class=\"turn-page-right-content\"  :style=\"(Object.assign({}, {width: width+'px', height: height+'px'}, styles[0]))\">\r\n          <div  class=\"manual-item\">\r\n            <div  class=\"page-count\">{{index + 1}} / {{length}}</div>\r\n            <div  class=\"manual-page\">\r\n              <div  class=\"page-photo\">\r\n                <img  :src=\"item.picture_image\">\r\n              </div>\r\n              <!--<div  class=\"page-content page-content-type-1\">-->\r\n                <!--<div class=\"desc\"><h4  class=\"name\">-->\r\n                  <!--小程序组件小程序组件小程序组件小程序组件小程序组件小程序组件</h4>-->\r\n                  <!--<div  class=\"price\">¥19800</div> &lt;!&ndash;&ndash;&gt; &lt;!&ndash;&ndash;&gt;</div>-->\r\n                <!--<div  class=\"buy-button\">-->\r\n                  <!--<button  type=\"button\">查看详情</button>-->\r\n                <!--</div>-->\r\n              <!--</div>-->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import turn_page_controller from \"./turn_page_controller\";\r\n\r\n  export default turn_page_controller;\r\n</script>\r\n\r\n<style lang=\"scss\" rel=\"stylesheet/scss\" scoped>\r\n  .turn-wraper {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n    -webkit-transition: all ease 0.35s;\r\n    transition: all ease 0.35s;\r\n  }\r\n\r\n  .turn-page-left {\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 5;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: visible;\r\n  }\r\n\r\n  .turn-page-left-clip {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .turn-page-left-content {\r\n    position: absolute;\r\n    overflow: hidden;\r\n    background-color: #fff;\r\n  }\r\n\r\n  .turn-page-left-inner {\r\n    width: 100%;\r\n    height: 100%;\r\n    -webkit-transform: rotateY(180deg);\r\n    transform: rotateY(180deg);\r\n    opacity: 0.3;\r\n    -webkit-transition: width all ease 0.35s, height all ease 0.35s;\r\n    transition: width all ease 0.35s, height all ease 0.35s;\r\n  }\r\n\r\n  .turn-page-left-gradient {\r\n    position: absolute;\r\n    z-index: 99;\r\n    width: 100px;\r\n    -webkit-transform: scale3d(0, 1, 1);\r\n    transform: scale3d(0, 1, 1);\r\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)));\r\n  }\r\n\r\n  .turn-page-right {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 4;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .turn-page-right-gradient {\r\n    position: absolute;\r\n    z-index: 2;\r\n    width: 100px;\r\n    opacity: 1;\r\n    -webkit-transform: scale3d(0, 1, 1);\r\n    transform: scale3d(0, 1, 1);\r\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)));\r\n  }\r\n\r\n  .turn-page-right-clip {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    overflow: hidden;\r\n    z-index: auto;\r\n  }\r\n\r\n  .turn-page-right-content {\r\n    position: absolute;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n    transition: width all ease 0.35s, height all ease 0.35s;\r\n  }\r\n\r\n  .manual-item {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #fff;\r\n    -webkit-transition: all ease 0.35s;\r\n    transition: all ease 0.35s;\r\n  }\r\n\r\n  .page-count {\r\n    position: absolute;\r\n    top: 0.8rem;\r\n    left: 50%;\r\n    z-index: 1;\r\n    padding: 0 0.8rem;\r\n    background: rgba(0, 0, 0, 0.8);\r\n    border-radius: 0.5rem;\r\n    font-size: 14px;\r\n    color: #FFFFFF;\r\n    text-align: center;\r\n    line-height: 1.8;\r\n    -webkit-transform: translate(-50%, 0);\r\n    transform: translate(-50%, 0);\r\n  }\r\n\r\n  .manual-page {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: -webkit-box;\r\n    display: flex;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    -webkit-box-align: center;\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .manual-page.loading {\r\n    /*background: url(/article-h5/static/img/loading.95eeac7.gif) no-repeat center center !important;*/\r\n    /*background-size: 60px !important;*/\r\n  }\r\n\r\n  .page-photo {\r\n    position: relative;\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    -webkit-box-align: center;\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n    font-size: 0;\r\n    line-height: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 1;\r\n    -webkit-transition: opacity ease 0.2s;\r\n    transition: opacity ease 0.2s;\r\n  }\r\n\r\n  .manual-page.loading .page-photo {\r\n    opacity: 0;\r\n  }\r\n\r\n  .page-photo::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    z-index: 2;\r\n    pointer-events: none;\r\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)));\r\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%);\r\n  }\r\n\r\n  .page-photo img {\r\n    display: inline-block;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n  }\r\n\r\n  .page-content {\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    height: 3rem;\r\n    line-height: 1rem;\r\n    text-align: left;\r\n    padding: 0.6rem 0.2rem;\r\n    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.92)), to(rgba(0, 0, 0, 0.00)));\r\n    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.00) 100%);\r\n    pointer-events: none;\r\n    width: 100%;\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .page-content-type-1 {\r\n    display: -webkit-box;\r\n    display: flex;\r\n  }\r\n\r\n  .page-content-type-2 {\r\n    text-align: center;\r\n  }\r\n\r\n  .page-content .desc {\r\n    -webkit-box-flex: 1;\r\n    -ms-flex: 1;\r\n    flex: 1;\r\n    width: calc(65% - 0.14rem);\r\n  }\r\n\r\n  .page-content .name {\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    font-family: PingFangSC-Semibold;\r\n    font-size: 14px;\r\n    color: #FFFFFF;\r\n    line-height: 1;\r\n  }\r\n\r\n  .page-content .price {\r\n    font-family: PingFangSC-Semibold;\r\n    font-size: 14px;\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  .page-content .buy-button {\r\n    width: 35%;\r\n    text-align: right;\r\n  }\r\n\r\n  .page-content .buy-button button {\r\n    display: inline-block;\r\n    height: 2rem;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    border: none;\r\n    padding: 0 0.16rem;\r\n    background: #FF8D00;\r\n    -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);\r\n    box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);\r\n    border-radius: 0.02rem;\r\n    font-family: PingFangSC-Semibold;\r\n    font-size: 14px;\r\n    color: #FFFFFF;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .page-content .form-button {\r\n    height: 0.34rem;\r\n    border: none;\r\n    padding: 0 0.16rem;\r\n    background: #FFFFFF;\r\n    -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);\r\n    box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);\r\n    border-radius: 0.02rem;\r\n    font-family: PingFangSC-Semibold;\r\n    font-size: 14px;\r\n    color: #0084BF;\r\n    pointer-events: auto;\r\n  }\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/turn_page.vue","import flipPage from './App.vue'\nexport default flipPage;\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.js","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-loader/node_modules/vue-style-loader!css-loader?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7ba5bd90\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/_vue-loader@13.7.3@vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=script&index=0!./App.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7ba5bd90\\\",\\\"hasScoped\\\":true,\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-7ba5bd90\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/App.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-loader/node_modules/vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-7ba5bd90\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-7ba5bd90\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = 16\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../node_modules/_css-loader@0.28.11@css-loader/index.js?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7ba5bd90\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./App.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/addStylesClient.js\")(\"4edd2f67\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../node_modules/_css-loader@0.28.11@css-loader/index.js?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7ba5bd90\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./App.vue\", function() {\n     var newContent = require(\"!!../node_modules/_css-loader@0.28.11@css-loader/index.js?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7ba5bd90\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./App.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-style-loader@3.1.2@vue-style-loader!./node_modules/_css-loader@0.28.11@css-loader?sourceMap!./node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-7ba5bd90\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue\n// module id = 17\n// module chunks = 0","exports = module.exports = require(\"../node_modules/_css-loader@0.28.11@css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\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:/Desktop/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\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_css-loader@0.28.11@css-loader?sourceMap!./node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-7ba5bd90\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue\n// module id = 18\n// module chunks = 0","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nmodule.exports = function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/listToStyles.js\n// module id = 19\n// module chunks = 0","import TurnPage from \"./turn_page.vue\";\r\n\r\nconst PI = Math.PI;\r\nconst A90 = PI / 2;\r\n\r\nfunction bezier(p1, p2, p3, p4, t) {\r\n  const a = 1 - t;\r\n  const b = a * a * a;\r\n  const c = t * t * t;\r\n  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));\r\n}\r\n\r\nfunction point2D(x, y) {\r\n  return { x, y };\r\n}\r\n\r\nfunction peelingPoint(a, b, c) {\r\n  return {\r\n    corner: a,\r\n    x: b,\r\n    y: c\r\n  };\r\n}\r\n\r\nfunction _startPoint(corner, width, height, opts) {\r\n  opts = opts || 0;\r\n\r\n  switch (corner) {\r\n    case \"tl\":\r\n      return point2D(opts, opts);\r\n    case \"tr\":\r\n      return point2D(width - opts, opts);\r\n    case \"bl\":\r\n      return point2D(opts, height - opts);\r\n    case \"br\":\r\n      return point2D(width - opts, height - opts);\r\n    case \"l\":\r\n      return point2D(opts, 0);\r\n    case \"r\":\r\n      return point2D(width - opts, 0);\r\n  }\r\n}\r\n\r\nfunction _endPoint(corner, width, height) {\r\n  switch (corner) {\r\n    case \"tl\":\r\n      return point2D(width * 2, 0);\r\n    case \"tr\":\r\n      return point2D(-width, 0);\r\n    case \"bl\":\r\n      return point2D(width * 2, height);\r\n    case \"br\":\r\n      return point2D(-width, height);\r\n    case \"l\":\r\n      return point2D(width * 2, 0);\r\n    case \"r\":\r\n      return point2D(-width, 0);\r\n  }\r\n}\r\n\r\nfunction _translate(x, y) {\r\n  return \" translate3d(\" + x + \"px,\" + y + \"px, 0px) \";\r\n}\r\n\r\nfunction _rotate(degrees) {\r\n  return \" rotate(\" + degrees + \"deg) \";\r\n}\r\n\r\nfunction _scale(a, b) {\r\n  return \" scale3d(\" + a + \",\" + b + \", 1) \";\r\n}\r\n\r\nfunction _deg(radians) {\r\n  return radians / PI * 180;\r\n}\r\n\r\nfunction _transform(transform, origin) {\r\n  const properties = {};\r\n\r\n  if (origin) properties[\"transform-origin\"] = origin;\r\n\r\n  properties[\"transform\"] = transform;\r\n\r\n  return properties;\r\n}\r\n\r\nfunction fold(point, width, height, startPoint) {\r\n  let c, d, e, px, gradientSize, h, far, j, k, l, m, n, q;\r\n  let w = 0;\r\n  let mv = point2D(0, 0);\r\n  let df = point2D(0, 0);\r\n  let tr = point2D(0, 0);\r\n  const B = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2), 2);\r\n  const compute = function() {\r\n    c = _startPoint(point.corner, width, height);\r\n    const k = width - c.x - point.x;\r\n    const l = c.y - point.y;\r\n    let alpha = Math.atan2(l, k);\r\n    let distance = Math.sqrt(k * k + l * l);\r\n    const q = point2D(width - c.x - Math.cos(alpha) * width, c.y - Math.sin(alpha) * width);\r\n    if (distance > width) {\r\n      point.x = q.x;\r\n      point.y = q.y;\r\n    }\r\n\r\n    const rel = point2D(0, 0);\r\n    const middle = point2D(0, 0);\r\n\r\n    rel.x = c.x ? c.x - point.x : point.x;\r\n    rel.y = c.y ? c.y - point.y : point.y;\r\n\r\n    middle.x = e ? width - rel.x / 2 : point.x + rel.x / 2;\r\n    middle.y = rel.y / 2;\r\n\r\n    alpha = A90 - Math.atan2(rel.y, rel.x);\r\n    const gamma = alpha - Math.atan2(middle.y, middle.x);\r\n    distance = Math.sin(gamma) * Math.sqrt(middle.x * middle.x + middle.y * middle.y);\r\n\r\n    tr = point2D(distance * Math.sin(alpha), distance * Math.cos(alpha));\r\n\r\n    if (alpha > A90) {\r\n      tr.x = tr.x + Math.abs(tr.y * rel.y / rel.x);\r\n      tr.y = 0;\r\n      if (Math.round(tr.x * Math.tan(PI - alpha)) < height) {\r\n        point.y = Math.sqrt(Math.pow(height, 2) + 2 * middle.x * rel.x);\r\n        if (d) point.y = height - point.y;\r\n        return compute();\r\n      }\r\n      const D = PI - alpha;\r\n      const E = B - height / Math.sin(D);\r\n      mv = point2D(Math.round(E * Math.cos(D)), Math.round(E * Math.sin(D)));\r\n      if (e) mv.x = -mv.x;\r\n      if (d) mv.y = -mv.y;\r\n    }\r\n    w = Math.round(100 * _deg(alpha)) / 100;\r\n    px = Math.round(tr.y / Math.tan(alpha) + tr.x);\r\n    const side = width - px;\r\n    let G = Math.min(height, side * Math.tan(alpha));\r\n    if (G < 0) G = height;\r\n    const sideX = side * Math.cos(2 * alpha);\r\n    const sideY = side * Math.sin(2 * alpha);\r\n    df = point2D(Math.round(e ? side - sideX : px + sideX), Math.round(d ? sideY : height - sideY));\r\n    const endingPoint = _endPoint(point.corner, width, height);\r\n    far = Math.sqrt(Math.pow(endingPoint.x - point.x, 2) + Math.pow(endingPoint.y - point.y, 2)) / width;\r\n    gradientSize = Math.min(100, side * Math.sin(alpha));\r\n    h = 1.3 * Math.min(side, G);\r\n    tr.x = Math.round(tr.x);\r\n    tr.y = Math.round(tr.y);\r\n    return true;\r\n  };\r\n  const transform = function(tr, c, x, a) {\r\n    const l = [\"0\", \"auto\"];\r\n    const mvW = (width - B) * x[0] / 100;\r\n    const mvH = (height - B) * x[1] / 100;\r\n    const cssA = {\r\n      left: l[c[0]],\r\n      top: l[c[1]],\r\n      right: l[c[2]],\r\n      bottom: l[c[3]]\r\n    };\r\n    const aliasingFk = a !== 90 && a !== -90 ? e ? -1 : 1 : 0;\r\n    const origin = x[0] + \"% \" + x[1] + \"%\";\r\n    const styles = [];\r\n\r\n    styles.push({ ...cssA, ..._transform(_rotate(a) + _translate(tr.x + aliasingFk, tr.y), origin) });\r\n    styles.push({ ...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) });\r\n    styles.push(_transform(_translate(-tr.x + mvW - aliasingFk, -tr.y + mvH) + _rotate(-a), origin));\r\n    styles.push(_transform(_translate(width - tr.x + mv.x + mvW, -tr.y + mv.y + mvH) + _rotate(-a), origin));\r\n\r\n    let z, C, D;\r\n    if (d) {\r\n      if (e) {\r\n        C = a - 90;\r\n        D = px - 50;\r\n        gradientSize = -gradientSize;\r\n        z = \"50% 25%\";\r\n      } else {\r\n        C = a - 270;\r\n        D = width - px - 50;\r\n        z = \"50% 25%\";\r\n      }\r\n    } else {\r\n      if (e) {\r\n        D = px - 50;\r\n        C = a - 270;\r\n        gradientSize = -gradientSize;\r\n        z = \"50% 75%\";\r\n      } else {\r\n        D = width - px - 50;\r\n        C = a - 90;\r\n        z = \"50% 75%\";\r\n      }\r\n    }\r\n    let E = Math.max(0.5, 2 - far);\r\n    if (E > 1) E = E >= 1.7 ? (2 - E) / 0.3 : 1;\r\n    styles.push({ opacity: Math.round(100 * E) / 100, ..._transform(_translate(D, 0) + _rotate(C) + _scale(gradientSize / 100, 1), z) });\r\n    if (d) {\r\n      if (e) {\r\n        C = -270 - a;\r\n        h = -h;\r\n        D = width - px - 20;\r\n        z = \"20% 25%\";\r\n      } else {\r\n        C = -90 - a;\r\n        D = px - 20;\r\n        z = \"20% 25%\";\r\n      }\r\n    } else {\r\n      if (e) {\r\n        C = -90 - a;\r\n        D = width - px - 20;\r\n        h = -h;\r\n        z = \"20% 75%\";\r\n      } else {\r\n        C = 90 - a;\r\n        D = px - 20;\r\n        z = \"20% 75%\";\r\n      }\r\n    }\r\n    E = far < 0.3 ? far / 0.3 : 1;\r\n    styles.push({ opacity: Math.round(100 * E) / 100, ..._transform(_translate(D, 0) + _rotate(C) + _scale(-h / 100, 1), z) });\r\n    return styles;\r\n  };\r\n\r\n  switch (point.corner) {\r\n    case \"l\":\r\n      m = point.y - startPoint.y;\r\n      n = point.x;\r\n      q = Math.atan2(m, n);\r\n      if (q > 0) {\r\n        j = startPoint.y;\r\n        k = Math.sqrt(n * n + m * m);\r\n        l = 2 * j * Math.sin(q) + k;\r\n        point.x = l * Math.cos(q);\r\n        point.y = l * Math.sin(q);\r\n        point.corner = \"tl\";\r\n        e = true;\r\n        d = true;\r\n        compute();\r\n        return transform(tr, [1, 0, 0, 1], [100, 0], w);\r\n      } else {\r\n        q = -q;\r\n        j = height - startPoint.y;\r\n        k = Math.sqrt(n * n + m * m);\r\n        l = 2 * j * Math.cos(A90 - q) + k;\r\n        point.x = l * Math.cos(q);\r\n        point.y = height - l * Math.sin(q);\r\n        point.corner = \"bl\";\r\n        e = true;\r\n        compute();\r\n        return transform(point2D(tr.x, -tr.y), [1, 1, 0, 0], [100, 100], -w);\r\n      }\r\n    case \"r\":\r\n      m = startPoint.y - point.y;\r\n      n = width - point.x;\r\n      q = Math.atan2(m, n);\r\n      if (q < 0) {\r\n        j = startPoint.y;\r\n        q = -q;\r\n        k = Math.sqrt(n * n + m * m);\r\n        l = 2 * j * Math.sin(q) + k;\r\n        point.x = width - l * Math.cos(q);\r\n        point.y = l * Math.sin(q);\r\n        point.corner = \"tr\";\r\n        d = true;\r\n        compute();\r\n        return transform(point2D(-tr.x, tr.y), [0, 0, 0, 1], [0, 0], -w);\r\n      } else {\r\n        j = height - startPoint.y;\r\n        k = Math.sqrt(n * n + m * m);\r\n        l = 2 * j * Math.cos(A90 - q) + k;\r\n        point.x = width - l * Math.cos(q);\r\n        point.y = height - l * Math.sin(q);\r\n        point.corner = \"br\";\r\n        compute();\r\n        return transform(point2D(-tr.x, -tr.y), [0, 1, 1, 0], [0, 100], w);\r\n      }\r\n    case \"tl\":\r\n      d = true;\r\n      e = true;\r\n      point.x = Math.max(point.x, 1);\r\n      c = _startPoint(\"tl\", width, height);\r\n      compute();\r\n      return transform(tr, [1, 0, 0, 1], [100, 0], w);\r\n    case \"tr\":\r\n      d = true;\r\n      point.x = Math.min(point.x, width - 1);\r\n      compute();\r\n      return transform(point2D(-tr.x, tr.y), [0, 0, 0, 1], [0, 0], -w);\r\n    case \"bl\":\r\n      e = true;\r\n      point.x = Math.max(point.x, 1);\r\n      compute();\r\n      return transform(point2D(tr.x, -tr.y), [1, 1, 0, 0], [100, 100], -w);\r\n    case \"br\":\r\n      point.x = Math.min(point.x, width - 1);\r\n      compute();\r\n      return transform(point2D(-tr.x, -tr.y), [0, 1, 1, 0], [0, 100], w);\r\n  }\r\n}\r\n\r\nfunction animatef(point) {\r\n  if (!point.to.length) point.to = [point.to];\r\n  if (!point.from.length) point.from = [point.from];\r\n\r\n  const diff = [];\r\n  const len = point.to.length;\r\n  const time = Date.now();\r\n\r\n  const frame = function() {\r\n    const v = [];\r\n    const timeDiff = Math.min(point.duration, Date.now() - time);\r\n\r\n    for (let i = 0; i < len; i++) v.push(easing(1, timeDiff, point.from[i], diff[i], point.duration));\r\n\r\n    point.frame(len === 1 ? v[0] : v);\r\n\r\n    if (timeDiff === point.duration) {\r\n      if (point.complete) point.complete();\r\n    } else {\r\n      requestAnimationFrameId = requestAnimationFrame(frame);\r\n    }\r\n  };\r\n\r\n  for (let i = 0; i < len; i++) diff.push(point.to[i] - point.from[i]);\r\n\r\n  const easing = function(x, t, b, c, data) {\r\n    return c * Math.sqrt(1 - (t = t / data - 1) * t) + b;\r\n  };\r\n\r\n  let requestAnimationFrameId;\r\n\r\n  frame();\r\n\r\n  return {\r\n    stop() {\r\n      if (point.complete) point.complete();\r\n      cancelAnimationFrame(requestAnimationFrameId);\r\n    }\r\n  };\r\n}\r\n\r\nfunction turnPage(p1, duration, width, height, frame, complete) {\r\n  const p4 = _endPoint(p1.corner, width, height);\r\n  return animatef({\r\n    from: 0,\r\n    to: 1,\r\n    frame: function(v) {\r\n      const np = bezier(p1, p1, p4, p4, v);\r\n      frame({ x: np.x, y: np.y, corner: p1.corner });\r\n    },\r\n    complete: function() {\r\n      complete();\r\n    },\r\n    duration: duration\r\n  });\r\n}\r\n\r\nfunction hideFoldedPage(p1, width, height, frame, complete) {\r\n  const p4 = _startPoint(p1.corner, width, height);\r\n  const top = p1.corner.substr(0, 1) === \"t\";\r\n  const delta = top ? Math.min(0, p1.y - p4.y) / 2 : Math.max(0, p1.y - p4.y) / 2;\r\n  const p2 = point2D(p1.x, p1.y + delta);\r\n  const p3 = point2D(p4.x, p4.y - delta);\r\n  return animatef({\r\n    from: 0,\r\n    to: 1,\r\n    frame: function(v) {\r\n      const np = bezier(p1, p2, p3, p4, v);\r\n      frame({ x: np.x, y: np.y, corner: p1.corner });\r\n    },\r\n    complete: function() {\r\n      complete();\r\n    },\r\n    duration: 600\r\n  });\r\n}\r\n\r\nfunction showFoldedPage(to, width, height, frame, complete) {\r\n  const point = _startPoint(to.corner, width, height, 1);\r\n\r\n  return animatef({\r\n    from: [point.x, point.y],\r\n    to: [to.x, to.y],\r\n    duration: 300,\r\n    frame: function(v) {\r\n      const x = Math.round(v[0]);\r\n      const y = Math.round(v[1]);\r\n      frame({ x, y, corner: to.corner });\r\n    },\r\n    complete: function() {\r\n      complete();\r\n    }\r\n  });\r\n}\r\n\r\nexport default {\r\n  components: { TurnPage },\r\n  props: {\r\n    data: Array,\r\n    width: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    height: {\r\n      type: Number,\r\n      default: 0\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      defaultStyles: [{}, {}, {}, {}, {}, {}],\r\n      startPoint: null,\r\n      relPoint: null,\r\n      invalidTouch: false,\r\n      action: null,\r\n      runAnimation: null,\r\n      viewIndex: 0,\r\n      turnPage: null,\r\n      backPage: 0,\r\n      turnActive: false,\r\n      showLastCoverPage: false,\r\n      touchTimeline: [],\r\n      styles: [{}, {}, {}, {}, {}, {}],\r\n      isStart: false\r\n    };\r\n  },\r\n  mounted() {\r\n  },\r\n  activated() {\r\n    this.$nextTick(() => {\r\n      this.TouchMove();\r\n    });\r\n  },\r\n  deactivated() {\r\n    this.$nextTick(() => {\r\n      this.TouchMoveOut();\r\n    });\r\n  },\r\n  methods: {\r\n    TouchMove() {\r\n      if (this.fun.getPhoneEnv() == 3) {\r\n        this.$refs.turn.addEventListener(\"mousemove\", this.handleManualTouchMove, false);\r\n        this.$refs.turn.addEventListener(\"mousedown\", this.handleManualTouchStart, false);\r\n        this.$refs.turn.addEventListener(\"mouseup\", this.handleManualTouchEnd, false);\r\n      } else {\r\n        this.$refs.turn.addEventListener(\"touchmove\", this.handleManualTouchMove, false);\r\n        this.$refs.turn.addEventListener(\"touchstart\", this.handleManualTouchStart, false);\r\n        this.$refs.turn.addEventListener(\"touchend\", this.handleManualTouchEnd, false);\r\n      }\r\n    },\r\n    TouchMoveOut() {\r\n      if (this.fun.getPhoneEnv() == 3) {\r\n        this.$refs.turn.removeEventListener(\"mousemove\", this.handleManualTouchMove, false);\r\n        this.$refs.turn.removeEventListener(\"mousedown\", this.handleManualTouchStart, false);\r\n        this.$refs.turn.removeEventListener(\"mouseup\", this.handleManualTouchEnd, false);\r\n      } else {\r\n        this.$refs.turn.removeEventListener(\"touchmove\", this.handleManualTouchMove, false);\r\n        this.$refs.turn.removeEventListener(\"touchstart\", this.handleManualTouchStart, false);\r\n        this.$refs.turn.removeEventListener(\"touchend\", this.handleManualTouchEnd, false);\r\n      }\r\n    },\r\n    handleManualTouchStart(e) {\r\n      this.isStart = true;\r\n      let x = \"\";\r\n      let y = \"\";\r\n      if (this.runAnimation) {\r\n        this.runAnimation.stop();\r\n        this.updateTurn();\r\n      }\r\n\r\n      const { width, height, viewIndex } = this;\r\n      if (this.fun.getPhoneEnv() == 3) {\r\n        x = e.clientX - (window.innerWidth - width) / 2;\r\n        y = e.clientY - (window.innerHeight - height) / 2;\r\n      } else {\r\n        x = e.touches[0].clientX - (window.innerWidth - width) / 2;\r\n        y = e.touches[0].clientY - (window.innerHeight - height) / 2;\r\n      }\r\n\r\n      this.startPoint = peelingPoint(\"r\", x, y);\r\n      this.touchTimeline = [{ t: Date.now(), x }];\r\n\r\n      if (x < width / 2) {\r\n        this.action = \"backward\";\r\n        if (viewIndex <= 0) {\r\n          this.invalidTouch = true;\r\n          return;\r\n        }\r\n        this.turnPage = viewIndex - 1;\r\n        this.backPage = viewIndex;\r\n      } else {\r\n        this.action = \"forward\";\r\n        if (viewIndex >= this.data.length - 1) {\r\n          this.invalidTouch = true;\r\n          return;\r\n        }\r\n        this.turnPage = viewIndex;\r\n        this.backPage = viewIndex + 1;\r\n      }\r\n      // console.log(x,this.touchTimeline)\r\n      this.readyTurn();\r\n    },\r\n    handleManualTouchMove(e) {\r\n      let x = \"\";\r\n      let y = \"\";\r\n      if (this.isStart) {\r\n        const { width, height } = this;\r\n        if (this.fun.getPhoneEnv() == 3) {\r\n          x = e.clientX - (window.innerWidth - width) / 2;\r\n          y = e.clientY - (window.innerHeight - height) / 2;\r\n        } else {\r\n          x = e.touches[0].clientX - (window.innerWidth - width) / 2;\r\n          y = e.touches[0].clientY - (window.innerHeight - height) / 2;\r\n        }\r\n\r\n        const corner = this.startPoint.corner;\r\n        if (this.action === \"forward\" && this.startPoint.x < x) return;\r\n        if (this.action === \"backward\" && this.startPoint.x > x) return;\r\n\r\n        this.touchTimeline.push({ t: Date.now(), x });\r\n        const point = peelingPoint(corner, x, y);\r\n\r\n        if (this.invalidTouch) return;\r\n\r\n        this.updateTurn(fold(point, width, height, this.startPoint));\r\n        this.relPoint = point;\r\n        this.turnActive = true;\r\n      }\r\n\r\n    },\r\n    handleManualTouchEnd() {\r\n      this.isStart = false;\r\n      const action = this.action;\r\n\r\n      if (this.touchTimeline.length < 2) {\r\n        if (this.touchTimeline.length) {\r\n          this.handleManualTaped();\r\n        } else {\r\n          this.turnPage = null;\r\n          this.backPage = this.viewIndex;\r\n        }\r\n\r\n        this.invalidTouch = false;\r\n        this.touchTimeline = [];\r\n        return;\r\n      }\r\n\r\n      if (this.invalidTouch) {\r\n        if (action === \"forward\" && this.isSwipe(action)) {\r\n          // this.showLastCoverPage = true\r\n          this.$emit(\"next\", { to: this.viewIndex + 1, from: this.viewIndex });\r\n        }\r\n\r\n        if (action === \"backward\" && this.isSwipe(action)) {\r\n          this.$emit(\"prev\", { to: this.viewIndex - 1, from: this.viewIndex });\r\n        }\r\n      } else {\r\n        if (action === \"forward\") {\r\n          if (this.isSwipe(action)) {\r\n            this.toPage(this.viewIndex + 1, this.relPoint);\r\n          } else {\r\n            this.hideFolded(this.relPoint, () => {\r\n            });\r\n          }\r\n        }\r\n\r\n        if (action === \"backward\") {\r\n          if (this.isSwipe(action)) {\r\n            this.toPage(this.viewIndex - 1, this.relPoint);\r\n          } else {\r\n            this.turn(this.relPoint, () => {\r\n            });\r\n          }\r\n        }\r\n      }\r\n\r\n      this.invalidTouch = false;\r\n      this.touchTimeline = [];\r\n    },\r\n    handleManualTaped() {\r\n      const { width } = this;\r\n      const x = this.touchTimeline[0].x;\r\n\r\n      this.action = null;\r\n      if (x < width / 4) return this.toPage(this.viewIndex - 1);\r\n      if (x > width / 4 * 3) return this.toPage(this.viewIndex + 1);\r\n\r\n      this.$emit(\"tap\");\r\n    },\r\n    readyTurn() {\r\n      const { width, height } = this;\r\n      const point = this.action === \"forward\" ? { x: width, y: 0 } : { x: -width, y: 0 };\r\n      const fromPoint = peelingPoint(\"tr\", point.x, point.y);\r\n      // console.log(fromPoint,\"fromPoint\");\r\n      this.updateTurn(fold(fromPoint, width, height));\r\n    },\r\n    updateTurn(style = [{}, {}, {}, {}, {}, {}]) {\r\n      this.styles = style;\r\n    },\r\n    isSwipe(action) {\r\n      const first = this.touchTimeline[0];\r\n      const last = this.touchTimeline[this.touchTimeline.length - 1];\r\n      const swipeTime = Date.now() - first.t;\r\n      const minTime = 200;\r\n      const minDistance = 20;\r\n\r\n      if (action === \"forward\") return first.x - last.x > 50 || (first.x - last.x > minDistance && swipeTime < minTime);\r\n      if (action === \"backward\") return last.x - first.x > 50 || (last.x - first.x > minDistance && swipeTime < minTime);\r\n      return false;\r\n    },\r\n    toPage(toPage, startPoint) {\r\n      const fromPage = this.viewIndex;\r\n\r\n      if (toPage > fromPage) this.$emit(\"next\", { to: toPage, from: fromPage });\r\n      if (toPage < fromPage) this.$emit(\"prev\", { to: toPage, from: fromPage });\r\n\r\n      if (toPage === fromPage || toPage < 0 || toPage > this.data.length - 1) return;\r\n\r\n      if (this.runAnimation) {\r\n        this.runAnimation.stop();\r\n      }\r\n\r\n      const { width, height } = this;\r\n      const point = toPage > fromPage ? { x: width, y: height - 45 } : { x: -width, y: 45 };\r\n      const fromPoint = peelingPoint(\"br\", point.x, point.y);\r\n\r\n      if (toPage > fromPage) {\r\n        if (!this.action) {\r\n          this.action = \"forward\";\r\n          this.turnPage = fromPage;\r\n          this.backPage = toPage;\r\n          this.turnActive = true;\r\n        }\r\n\r\n        this.turn(startPoint || fromPoint, () => {\r\n          this.viewIndex = toPage;\r\n          this.turnPage = null;\r\n          this.backPage = toPage;\r\n          // console.log('完成翻页，当前页', this.backPage)\r\n          this.updateTurn();\r\n          this.turnActive = false;\r\n          this.$emit(\"change\", this.backPage);\r\n        });\r\n      } else {\r\n        if (!this.action) {\r\n          this.action = \"backward\";\r\n          this.turnPage = toPage;\r\n          this.backPage = fromPage;\r\n        }\r\n\r\n        this.hideFolded(startPoint || fromPoint, () => {\r\n          this.viewIndex = toPage;\r\n          this.turnPage = null;\r\n          this.backPage = toPage;\r\n          // console.log('完成翻页，当前页', this.backPage)\r\n          this.updateTurn();\r\n          this.turnActive = false;\r\n          this.$emit(\"change\", this.backPage);\r\n        });\r\n      }\r\n      // console.log('this.turnActive', this.turnPage, this.turnActive)\r\n      this.$emit(\"turning\", this.backPage);\r\n    },\r\n    turn(fromPoint, complete) {\r\n      const { width, height } = this;\r\n      this.runAnimation = turnPage(fromPoint, 600, width, height, point => {\r\n        this.updateTurn(fold(point, width, height));\r\n      }, () => {\r\n        complete();\r\n        this.action = null;\r\n        this.turnPage = null;\r\n        this.backPage = this.viewIndex;\r\n        this.updateTurn();\r\n        this.runAnimation = null;\r\n      });\r\n    },\r\n    hideFolded(fromPoint, complete) {\r\n      const { width, height } = this;\r\n      this.runAnimation = hideFoldedPage(fromPoint, width, height, point => {\r\n        this.updateTurn(fold(point, width, height));\r\n      }, () => {\r\n        complete();\r\n        this.action = null;\r\n        this.turnPage = null;\r\n        this.backPage = this.viewIndex;\r\n        this.updateTurn();\r\n        this.turnActive = false;\r\n        this.runAnimation = null;\r\n      });\r\n    },\r\n    handleCoverTouchStart(e) {\r\n      const x = e.touches[0].clientX;\r\n      this.touchTimeline = [{ t: Date.now(), x }];\r\n    },\r\n    handleCoverTouchMove(e) {\r\n      const x = e.touches[0].clientX;\r\n      this.touchTimeline.push({ t: Date.now(), x });\r\n    },\r\n    handleCoverTouchEnd(e) {\r\n      const first = this.touchTimeline[0];\r\n      const last = this.touchTimeline[this.touchTimeline.length - 1];\r\n      if (last.x - first.x > 20 && last.t - first.t < 200) {\r\n        this.showLastCoverPage = false;\r\n      }\r\n    }\r\n  }\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/turn_controller.js","\"use strict\";\n\nexports.__esModule = true;\n\nvar _assign = require(\"../core-js/object/assign\");\n\nvar _assign2 = _interopRequireDefault(_assign);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _assign2.default || function (target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i];\n\n    for (var key in source) {\n      if (Object.prototype.hasOwnProperty.call(source, key)) {\n        target[key] = source[key];\n      }\n    }\n  }\n\n  return target;\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_babel-runtime@6.26.0@babel-runtime/helpers/extends.js\n// module id = 21\n// module chunks = 0","module.exports = { \"default\": require(\"core-js/library/fn/object/assign\"), __esModule: true };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_babel-runtime@6.26.0@babel-runtime/core-js/object/assign.js\n// module id = 22\n// module chunks = 0","require('../../modules/es6.object.assign');\nmodule.exports = require('../../modules/_core').Object.assign;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/fn/object/assign.js\n// module id = 23\n// module chunks = 0","// 19.1.3.1 Object.assign(target, source)\nvar $export = require('./_export');\n\n$export($export.S + $export.F, 'Object', { assign: require('./_object-assign') });\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/es6.object.assign.js\n// module id = 24\n// module chunks = 0","var global = require('./_global');\nvar core = require('./_core');\nvar ctx = require('./_ctx');\nvar hide = require('./_hide');\nvar has = require('./_has');\nvar PROTOTYPE = 'prototype';\n\nvar $export = function (type, name, source) {\n  var IS_FORCED = type & $export.F;\n  var IS_GLOBAL = type & $export.G;\n  var IS_STATIC = type & $export.S;\n  var IS_PROTO = type & $export.P;\n  var IS_BIND = type & $export.B;\n  var IS_WRAP = type & $export.W;\n  var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});\n  var expProto = exports[PROTOTYPE];\n  var target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE];\n  var key, own, out;\n  if (IS_GLOBAL) source = name;\n  for (key in source) {\n    // contains in native\n    own = !IS_FORCED && target && target[key] !== undefined;\n    if (own && has(exports, key)) continue;\n    // export native or passed\n    out = own ? target[key] : source[key];\n    // prevent global pollution for namespaces\n    exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]\n    // bind timers to global for call from export context\n    : IS_BIND && own ? ctx(out, global)\n    // wrap global constructors for prevent change them in library\n    : IS_WRAP && target[key] == out ? (function (C) {\n      var F = function (a, b, c) {\n        if (this instanceof C) {\n          switch (arguments.length) {\n            case 0: return new C();\n            case 1: return new C(a);\n            case 2: return new C(a, b);\n          } return new C(a, b, c);\n        } return C.apply(this, arguments);\n      };\n      F[PROTOTYPE] = C[PROTOTYPE];\n      return F;\n    // make static versions for prototype methods\n    })(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;\n    // export proto methods to core.%CONSTRUCTOR%.methods.%NAME%\n    if (IS_PROTO) {\n      (exports.virtual || (exports.virtual = {}))[key] = out;\n      // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME%\n      if (type & $export.R && expProto && !expProto[key]) hide(expProto, key, out);\n    }\n  }\n};\n// type bitmap\n$export.F = 1;   // forced\n$export.G = 2;   // global\n$export.S = 4;   // static\n$export.P = 8;   // proto\n$export.B = 16;  // bind\n$export.W = 32;  // wrap\n$export.U = 64;  // safe\n$export.R = 128; // real proto method for `library`\nmodule.exports = $export;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_export.js\n// module id = 25\n// module chunks = 0","// optional / simple context binding\nvar aFunction = require('./_a-function');\nmodule.exports = function (fn, that, length) {\n  aFunction(fn);\n  if (that === undefined) return fn;\n  switch (length) {\n    case 1: return function (a) {\n      return fn.call(that, a);\n    };\n    case 2: return function (a, b) {\n      return fn.call(that, a, b);\n    };\n    case 3: return function (a, b, c) {\n      return fn.call(that, a, b, c);\n    };\n  }\n  return function (/* ...args */) {\n    return fn.apply(that, arguments);\n  };\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_ctx.js\n// module id = 26\n// module chunks = 0","module.exports = function (it) {\n  if (typeof it != 'function') throw TypeError(it + ' is not a function!');\n  return it;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_a-function.js\n// module id = 27\n// module chunks = 0","var dP = require('./_object-dp');\nvar createDesc = require('./_property-desc');\nmodule.exports = require('./_descriptors') ? function (object, key, value) {\n  return dP.f(object, key, createDesc(1, value));\n} : function (object, key, value) {\n  object[key] = value;\n  return object;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_hide.js\n// module id = 28\n// module chunks = 0","var anObject = require('./_an-object');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar toPrimitive = require('./_to-primitive');\nvar dP = Object.defineProperty;\n\nexports.f = require('./_descriptors') ? Object.defineProperty : function defineProperty(O, P, Attributes) {\n  anObject(O);\n  P = toPrimitive(P, true);\n  anObject(Attributes);\n  if (IE8_DOM_DEFINE) try {\n    return dP(O, P, Attributes);\n  } catch (e) { /* empty */ }\n  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');\n  if ('value' in Attributes) O[P] = Attributes.value;\n  return O;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_object-dp.js\n// module id = 29\n// module chunks = 0","var isObject = require('./_is-object');\nmodule.exports = function (it) {\n  if (!isObject(it)) throw TypeError(it + ' is not an object!');\n  return it;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_an-object.js\n// module id = 30\n// module chunks = 0","module.exports = !require('./_descriptors') && !require('./_fails')(function () {\n  return Object.defineProperty(require('./_dom-create')('div'), 'a', { get: function () { return 7; } }).a != 7;\n});\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_ie8-dom-define.js\n// module id = 31\n// module chunks = 0","var isObject = require('./_is-object');\nvar document = require('./_global').document;\n// typeof document.createElement is 'object' in old IE\nvar is = isObject(document) && isObject(document.createElement);\nmodule.exports = function (it) {\n  return is ? document.createElement(it) : {};\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_dom-create.js\n// module id = 32\n// module chunks = 0","// 7.1.1 ToPrimitive(input [, PreferredType])\nvar isObject = require('./_is-object');\n// instead of the ES6 spec version, we didn't implement @@toPrimitive case\n// and the second argument - flag - preferred type is a string\nmodule.exports = function (it, S) {\n  if (!isObject(it)) return it;\n  var fn, val;\n  if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n  if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;\n  if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n  throw TypeError(\"Can't convert object to primitive value\");\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_to-primitive.js\n// module id = 33\n// module chunks = 0","module.exports = function (bitmap, value) {\n  return {\n    enumerable: !(bitmap & 1),\n    configurable: !(bitmap & 2),\n    writable: !(bitmap & 4),\n    value: value\n  };\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_property-desc.js\n// module id = 34\n// module chunks = 0","'use strict';\n// 19.1.2.1 Object.assign(target, source, ...)\nvar DESCRIPTORS = require('./_descriptors');\nvar getKeys = require('./_object-keys');\nvar gOPS = require('./_object-gops');\nvar pIE = require('./_object-pie');\nvar toObject = require('./_to-object');\nvar IObject = require('./_iobject');\nvar $assign = Object.assign;\n\n// should work with symbols and should have deterministic property order (V8 bug)\nmodule.exports = !$assign || require('./_fails')(function () {\n  var A = {};\n  var B = {};\n  // eslint-disable-next-line no-undef\n  var S = Symbol();\n  var K = 'abcdefghijklmnopqrst';\n  A[S] = 7;\n  K.split('').forEach(function (k) { B[k] = k; });\n  return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;\n}) ? function assign(target, source) { // eslint-disable-line no-unused-vars\n  var T = toObject(target);\n  var aLen = arguments.length;\n  var index = 1;\n  var getSymbols = gOPS.f;\n  var isEnum = pIE.f;\n  while (aLen > index) {\n    var S = IObject(arguments[index++]);\n    var keys = getSymbols ? getKeys(S).concat(getSymbols(S)) : getKeys(S);\n    var length = keys.length;\n    var j = 0;\n    var key;\n    while (length > j) {\n      key = keys[j++];\n      if (!DESCRIPTORS || isEnum.call(S, key)) T[key] = S[key];\n    }\n  } return T;\n} : $assign;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_object-assign.js\n// module id = 35\n// module chunks = 0","// 19.1.2.14 / 15.2.3.14 Object.keys(O)\nvar $keys = require('./_object-keys-internal');\nvar enumBugKeys = require('./_enum-bug-keys');\n\nmodule.exports = Object.keys || function keys(O) {\n  return $keys(O, enumBugKeys);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_object-keys.js\n// module id = 36\n// module chunks = 0","var has = require('./_has');\nvar toIObject = require('./_to-iobject');\nvar arrayIndexOf = require('./_array-includes')(false);\nvar IE_PROTO = require('./_shared-key')('IE_PROTO');\n\nmodule.exports = function (object, names) {\n  var O = toIObject(object);\n  var i = 0;\n  var result = [];\n  var key;\n  for (key in O) if (key != IE_PROTO) has(O, key) && result.push(key);\n  // Don't enum bug & hidden keys\n  while (names.length > i) if (has(O, key = names[i++])) {\n    ~arrayIndexOf(result, key) || result.push(key);\n  }\n  return result;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_object-keys-internal.js\n// module id = 37\n// module chunks = 0","var toString = {}.toString;\n\nmodule.exports = function (it) {\n  return toString.call(it).slice(8, -1);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_cof.js\n// module id = 38\n// module chunks = 0","// false -> Array#indexOf\n// true  -> Array#includes\nvar toIObject = require('./_to-iobject');\nvar toLength = require('./_to-length');\nvar toAbsoluteIndex = require('./_to-absolute-index');\nmodule.exports = function (IS_INCLUDES) {\n  return function ($this, el, fromIndex) {\n    var O = toIObject($this);\n    var length = toLength(O.length);\n    var index = toAbsoluteIndex(fromIndex, length);\n    var value;\n    // Array#includes uses SameValueZero equality algorithm\n    // eslint-disable-next-line no-self-compare\n    if (IS_INCLUDES && el != el) while (length > index) {\n      value = O[index++];\n      // eslint-disable-next-line no-self-compare\n      if (value != value) return true;\n    // Array#indexOf ignores holes, Array#includes - not\n    } else for (;length > index; index++) if (IS_INCLUDES || index in O) {\n      if (O[index] === el) return IS_INCLUDES || index || 0;\n    } return !IS_INCLUDES && -1;\n  };\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_array-includes.js\n// module id = 39\n// module chunks = 0","// 7.1.15 ToLength\nvar toInteger = require('./_to-integer');\nvar min = Math.min;\nmodule.exports = function (it) {\n  return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_to-length.js\n// module id = 40\n// module chunks = 0","var toInteger = require('./_to-integer');\nvar max = Math.max;\nvar min = Math.min;\nmodule.exports = function (index, length) {\n  index = toInteger(index);\n  return index < 0 ? max(index + length, 0) : min(index, length);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_to-absolute-index.js\n// module id = 41\n// module chunks = 0","var shared = require('./_shared')('keys');\nvar uid = require('./_uid');\nmodule.exports = function (key) {\n  return shared[key] || (shared[key] = uid(key));\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_shared-key.js\n// module id = 42\n// module chunks = 0","var core = require('./_core');\nvar global = require('./_global');\nvar SHARED = '__core-js_shared__';\nvar store = global[SHARED] || (global[SHARED] = {});\n\n(module.exports = function (key, value) {\n  return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n  version: core.version,\n  mode: require('./_library') ? 'pure' : 'global',\n  copyright: '© 2019 Denis Pushkarev (zloirock.ru)'\n});\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_shared.js\n// module id = 43\n// module chunks = 0","module.exports = true;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_library.js\n// module id = 44\n// module chunks = 0","var id = 0;\nvar px = Math.random();\nmodule.exports = function (key) {\n  return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_uid.js\n// module id = 45\n// module chunks = 0","// IE 8- don't enum bug keys\nmodule.exports = (\n  'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'\n).split(',');\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_enum-bug-keys.js\n// module id = 46\n// module chunks = 0","exports.f = Object.getOwnPropertySymbols;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_object-gops.js\n// module id = 47\n// module chunks = 0","exports.f = {}.propertyIsEnumerable;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_object-pie.js\n// module id = 48\n// module chunks = 0","// 7.1.13 ToObject(argument)\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n  return Object(defined(it));\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_core-js@2.6.11@core-js/library/modules/_to-object.js\n// module id = 49\n// module chunks = 0","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-loader/node_modules/vue-style-loader!css-loader?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5b69e508\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=styles&index=0!./turn_page.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/_vue-loader@13.7.3@vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=script&index=0!./turn_page.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=script&index=0!./turn_page.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-5b69e508\\\",\\\"hasScoped\\\":true,\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=template&index=0!./turn_page.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-5b69e508\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/turn_page.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-loader/node_modules/vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-5b69e508\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-5b69e508\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/turn_page.vue\n// module id = 50\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../node_modules/_css-loader@0.28.11@css-loader/index.js?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5b69e508\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./turn_page.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/addStylesClient.js\")(\"45ac88f7\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../node_modules/_css-loader@0.28.11@css-loader/index.js?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5b69e508\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./turn_page.vue\", function() {\n     var newContent = require(\"!!../node_modules/_css-loader@0.28.11@css-loader/index.js?sourceMap!../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5b69e508\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./turn_page.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-style-loader@3.1.2@vue-style-loader!./node_modules/_css-loader@0.28.11@css-loader?sourceMap!./node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-5b69e508\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/turn_page.vue\n// module id = 51\n// module chunks = 0","exports = module.exports = require(\"../node_modules/_css-loader@0.28.11@css-loader/lib/css-base.js\")(true);\n// imports\n\n\n// module\nexports.push([module.id, \"\\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:/Desktop/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\":\"\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_css-loader@0.28.11@css-loader?sourceMap!./node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-5b69e508\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/_sass-loader@6.0.7@sass-loader/lib/loader.js!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/turn_page.vue\n// module id = 52\n// module chunks = 0","export default {\r\n  props: {\r\n    item: Object,\r\n    index: Number,\r\n    width: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    height: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    length: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    active: { // 翻动效果生效\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    styles: {\r\n      type: Array,\r\n      default: () => [{}, {}, {}, {}, {}, {}]\r\n    }\r\n  },\r\n  data() {\r\n    return {};\r\n  },\r\n  mounted() {\r\n  },\r\n  computed: {\r\n    clipSize() {\r\n      return Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2), 2);\r\n    }\r\n  }\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/turn_page_controller.js","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"turn-wraper\",\n      style: {\n        width: _vm.width + \"px\",\n        height: _vm.height + \"px\",\n        overflow: _vm.active ? \"visible\" : \"hidden\",\n        zIndex: _vm.length - _vm.index\n      }\n    },\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"turn-page-left\",\n          style: { left: \"-\" + _vm.width + \"px\" }\n        },\n        [\n          _c(\n            \"div\",\n            {\n              staticClass: \"turn-page-left-clip\",\n              style: Object.assign(\n                {},\n                { width: _vm.clipSize + \"px\", height: _vm.clipSize + \"px\" },\n                _vm.styles[3]\n              )\n            },\n            [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"turn-page-left-content\",\n                  style: Object.assign(\n                    {},\n                    { width: _vm.width + \"px\", height: _vm.height + \"px\" },\n                    _vm.styles[1]\n                  )\n                },\n                [\n                  _c(\"div\", { staticClass: \"turn-page-left-inner\" }, [\n                    _c(\"div\", { staticClass: \"manual-item\" }, [\n                      _c(\"div\", { staticClass: \"page-count\" }, [\n                        _vm._v(\n                          _vm._s(_vm.index + 1) + \" / \" + _vm._s(_vm.length)\n                        )\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"div\", { staticClass: \"manual-page\" }, [\n                        _c(\"div\", { staticClass: \"page-photo\" }, [\n                          _c(\"img\", { attrs: { src: _vm.item.picture_image } })\n                        ])\n                      ])\n                    ])\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"div\", {\n                    staticClass: \"turn-page-left-gradient\",\n                    style: Object.assign(\n                      {},\n                      {\n                        top: \"-\" + _vm.height / 2 + \"px\",\n                        height: _vm.height * 2 + \"px\"\n                      },\n                      _vm.styles[4]\n                    )\n                  })\n                ]\n              )\n            ]\n          )\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        {\n          staticClass: \"turn-page-right\",\n          style: { width: _vm.width + \"px\", height: _vm.height + \"px\" }\n        },\n        [\n          _c(\"div\", {\n            staticClass: \"turn-page-right-gradient\",\n            style: Object.assign(\n              {},\n              {\n                top: \"-\" + _vm.height / 2 + \"px\",\n                height: _vm.height * 2 + \"px\"\n              },\n              _vm.styles[5]\n            )\n          }),\n          _vm._v(\" \"),\n          _c(\n            \"div\",\n            {\n              staticClass: \"turn-page-right-clip\",\n              style: Object.assign(\n                {},\n                { width: _vm.clipSize + \"px\", height: _vm.clipSize + \"px\" },\n                _vm.styles[2]\n              )\n            },\n            [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"turn-page-right-content\",\n                  style: Object.assign(\n                    {},\n                    { width: _vm.width + \"px\", height: _vm.height + \"px\" },\n                    _vm.styles[0]\n                  )\n                },\n                [\n                  _c(\"div\", { staticClass: \"manual-item\" }, [\n                    _c(\"div\", { staticClass: \"page-count\" }, [\n                      _vm._v(_vm._s(_vm.index + 1) + \" / \" + _vm._s(_vm.length))\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\"div\", { staticClass: \"manual-page\" }, [\n                      _c(\"div\", { staticClass: \"page-photo\" }, [\n                        _c(\"img\", { attrs: { src: _vm.item.picture_image } })\n                      ])\n                    ])\n                  ])\n                ]\n              )\n            ]\n          )\n        ]\n      )\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-loader/node_modules/vue-hot-reload-api\")      .rerender(\"data-v-5b69e508\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler?{\"id\":\"data-v-5b69e508\",\"hasScoped\":true,\"buble\":{\"transforms\":{}}}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=template&index=0!./src/turn_page.vue\n// module id = 54\n// module chunks = 0","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      ref: \"turn\",\n      staticClass: \"turn\",\n      style: { width: _vm.width + \"px\", height: _vm.height + \"px\" }\n    },\n    [\n      _vm._l(_vm.data, function(item, index) {\n        return [\n          index == _vm.backPage || index == _vm.turnPage\n            ? _c(\"turn-page\", {\n                attrs: {\n                  index: index,\n                  width: _vm.width,\n                  item: item,\n                  height: _vm.height,\n                  length: _vm.data.length,\n                  active: index == _vm.turnPage && _vm.turnActive,\n                  styles:\n                    index === _vm.turnPage ? _vm.styles : _vm.defaultStyles\n                }\n              })\n            : _vm._e()\n        ]\n      }),\n      _vm._v(\" \"),\n      _c(\"div\", {\n        staticClass: \"turn-right-border\",\n        style: {\n          width:\n            (Math.min(_vm.data.length, 10) / _vm.data.length) *\n              (_vm.data.length - _vm.backPage) +\n            \"px\"\n        }\n      })\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-loader/node_modules/vue-hot-reload-api\")      .rerender(\"data-v-7ba5bd90\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler?{\"id\":\"data-v-7ba5bd90\",\"hasScoped\":true,\"buble\":{\"transforms\":{}}}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = 55\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..ff4ca6a
--- /dev/null
+++ b/package.json
@@ -0,0 +1,51 @@
+{
+  "name": "vue-flip-page",
+  "version": "1.0.1",
+  "description": "vue翻页效果插件",
+  "main": "dist/flip.min.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "start": "webpack-dev-server --hot --inline",
+    "build": "webpack --display-error-details --config webpack.config.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/harrietjia/vue-flip-page.git"
+  },
+  "keywords": [
+    "vue",
+    "flip-page",
+    "vue-flip-page"
+  ],
+  "author": "harrietjia",
+  "Email": "1317499207@qq.com",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/harrietjia/vue-flip-page/issues"
+  },
+  "homepage": "https://github.com/harrietjia/vue-flip-page#readme",
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.2",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-polyfill": "^6.26.0",
+    "babel-preset-es2015": "^6.24.1",
+    "css-loader": "^0.28.7",
+    "es6-promise": "^4.1.1",
+    "node-sass": "^4.11.0",
+    "sass-loader": "^6.0.7",
+    "style-loader": "^0.19.0",
+    "url-loader": "^0.6.2",
+    "vue": "^2.5.9",
+    "vue-hot-reload-api": "^2.2.4",
+    "vue-html-loader": "^1.2.4",
+    "vue-loader": "^13.5.0",
+    "vue-router": "^3.0.1",
+    "vue-style-loader": "^3.0.3",
+    "vue-template-compiler": "^2.5.9",
+    "vuex": "^3.0.1",
+    "webpack": "^3.9.1",
+    "webpack-dev-server": "^2.9.5"
+  }
+}
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..65de92b
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,227 @@
+<template>
+  <div class="turn" ref="turn" :style="{width: width+'px', height: height+'px'}">
+    <template v-for="(item,index) in data">
+      <turn-page  v-if="index == backPage || index == turnPage" :index="index" :width="width" :item="item" :height="height" :length="data.length"
+                  :active="index == turnPage && turnActive" :styles="index === turnPage ? styles : defaultStyles">
+      </turn-page>
+    </template>
+
+    <div class="turn-right-border" :style="{width: (((Math.min(data.length, 10) / data.length * (data.length - backPage))) + 'px')}"></div>
+  </div>
+</template>
+
+<script>
+	import turn_controller from "./turn_controller";
+
+	export default turn_controller;
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+  .turn {
+    position: relative;
+    z-index: 0;
+    -webkit-box-shadow: 0 0 0.06rem 0 rgba(0, 0, 0, 0.60);
+    box-shadow: 0 0 0.06rem 0 rgba(0, 0, 0, 0.60);
+    -webkit-transition: all ease 0.35s;
+    transition: all ease 0.35s;
+  }
+
+  .manual-item {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    -webkit-transition: all ease 0.35s;
+    transition: all ease 0.35s;
+  }
+
+  .manual-page {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+
+  .manual-page.loading {
+    background: url(/article-h5/static/img/loading.95eeac7.gif) no-repeat center center !important;
+    background-size: 60px !important;
+  }
+
+  .page-photo {
+    position: relative;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    font-size: 0;
+    line-height: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 1;
+    -webkit-transition: opacity ease 0.2s;
+    transition: opacity ease 0.2s;
+  }
+
+  .manual-page.loading .page-photo {
+    opacity: 0;
+  }
+
+  .page-photo::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    z-index: 2;
+    pointer-events: none;
+    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)));
+    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%);
+  }
+
+  .page-photo img {
+    display: inline-block;
+    max-width: 100%;
+    max-height: 100%;
+  }
+
+  .turn-right-border {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;;
+    -webkit-transform: translate(100%);;
+    transform: translate(100%);
+    width: 10px;
+    -webkit-perspective: 500px;
+    perspective: 500px;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+  }
+
+  .turn-right-border::after {
+    position: relative;
+    content: '';
+    display: block;
+    width: 100%;
+    height: 100%;
+    background: #fff url(/article-h5/static/img/book-border.3ca9453.png) repeat-y center center;
+    -webkit-transform: rotateY(35deg);
+    transform: rotateY(35deg);
+    -webkit-transform-origin: left center;
+    transform-origin: left center;
+  }
+
+  .preload {
+    position: fixed;
+    z-index: -999;
+    left: 0;
+    top: 0;
+    opacity: 0;
+    width: 0;
+    height: 0;
+    overflow: hidden;
+  }
+
+  .page-content {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 0.96rem;
+    padding: 0.46rem 0.14rem 0;
+    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.92)), to(rgba(0, 0, 0, 0.00)));
+    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.00) 100%);
+    pointer-events: none;
+    width: 100%;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+
+  .page-content-type-1 {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+  }
+
+  .page-content-type-2 {
+    text-align: center;
+  }
+
+  .page-content .desc {
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    width: calc(65% - 0.14rem);
+  }
+
+  .page-content .name {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-family: PingFangSC-Semibold;
+    font-size: 0.16rem;
+    color: #FFFFFF;
+    line-height: 1;
+  }
+
+  .page-content .price {
+    font-family: PingFangSC-Semibold;
+    font-size: 0.14rem;
+    color: #FFFFFF;
+  }
+
+  .page-content .buy-button {
+    width: 35%;
+    text-align: right;
+  }
+
+  .page-content .buy-button button {
+    display: inline-block;
+    height: 0.34rem;
+    max-width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    border: none;
+    padding: 0 0.16rem;
+    background: #FF8D00;
+    -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);
+    box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);
+    border-radius: 0.02rem;
+    font-family: PingFangSC-Semibold;
+    font-size: 0.14rem;
+    color: #FFFFFF;
+    pointer-events: auto;
+  }
+
+  .page-content .form-button {
+    height: 0.34rem;
+    border: none;
+    padding: 0 0.16rem;
+    background: #FFFFFF;
+    -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);
+    box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);
+    border-radius: 0.02rem;
+    font-family: PingFangSC-Semibold;
+    font-size: 0.14rem;
+    color: #0084BF;
+    pointer-events: auto;
+  }
+</style>
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..7fd9b58
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,2 @@
+import flipPage from './App.vue'
+export default flipPage;
diff --git a/src/turn_controller.js b/src/turn_controller.js
new file mode 100644
index 0000000..26e83f6
--- /dev/null
+++ b/src/turn_controller.js
@@ -0,0 +1,708 @@
+import TurnPage from "./turn_page.vue";
+
+const PI = Math.PI;
+const A90 = PI / 2;
+
+function bezier(p1, p2, p3, p4, t) {
+  const a = 1 - t;
+  const b = a * a * a;
+  const 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, 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) {
+  const properties = {};
+
+  if (origin) properties["transform-origin"] = origin;
+
+  properties["transform"] = transform;
+
+  return properties;
+}
+
+function fold(point, width, height, startPoint) {
+  let c, d, e, px, gradientSize, h, far, j, k, l, m, n, q;
+  let w = 0;
+  let mv = point2D(0, 0);
+  let df = point2D(0, 0);
+  let tr = point2D(0, 0);
+  const B = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2), 2);
+  const compute = function() {
+    c = _startPoint(point.corner, width, height);
+    const k = width - c.x - point.x;
+    const l = c.y - point.y;
+    let alpha = Math.atan2(l, k);
+    let distance = Math.sqrt(k * k + l * l);
+    const 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;
+    }
+
+    const rel = point2D(0, 0);
+    const 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);
+    const 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();
+      }
+      const D = PI - alpha;
+      const 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);
+    const side = width - px;
+    let G = Math.min(height, side * Math.tan(alpha));
+    if (G < 0) G = height;
+    const sideX = side * Math.cos(2 * alpha);
+    const sideY = side * Math.sin(2 * alpha);
+    df = point2D(Math.round(e ? side - sideX : px + sideX), Math.round(d ? sideY : height - sideY));
+    const 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;
+  };
+  const transform = function(tr, c, x, a) {
+    const l = ["0", "auto"];
+    const mvW = (width - B) * x[0] / 100;
+    const mvH = (height - B) * x[1] / 100;
+    const cssA = {
+      left: l[c[0]],
+      top: l[c[1]],
+      right: l[c[2]],
+      bottom: l[c[3]]
+    };
+    const aliasingFk = a !== 90 && a !== -90 ? e ? -1 : 1 : 0;
+    const origin = x[0] + "% " + x[1] + "%";
+    const styles = [];
+
+    styles.push({ ...cssA, ..._transform(_rotate(a) + _translate(tr.x + aliasingFk, tr.y), origin) });
+    styles.push({ ...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));
+
+    let z, C, D;
+    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%";
+      }
+    }
+    let E = Math.max(0.5, 2 - far);
+    if (E > 1) E = E >= 1.7 ? (2 - E) / 0.3 : 1;
+    styles.push({ 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({ 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];
+
+  const diff = [];
+  const len = point.to.length;
+  const time = Date.now();
+
+  const frame = function() {
+    const v = [];
+    const timeDiff = Math.min(point.duration, Date.now() - time);
+
+    for (let 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 (let i = 0; i < len; i++) diff.push(point.to[i] - point.from[i]);
+
+  const easing = function(x, t, b, c, data) {
+    return c * Math.sqrt(1 - (t = t / data - 1) * t) + b;
+  };
+
+  let requestAnimationFrameId;
+
+  frame();
+
+  return {
+    stop() {
+      if (point.complete) point.complete();
+      cancelAnimationFrame(requestAnimationFrameId);
+    }
+  };
+}
+
+function turnPage(p1, duration, width, height, frame, complete) {
+  const p4 = _endPoint(p1.corner, width, height);
+  return animatef({
+    from: 0,
+    to: 1,
+    frame: function(v) {
+      const np = bezier(p1, p1, p4, p4, v);
+      frame({ x: np.x, y: np.y, corner: p1.corner });
+    },
+    complete: function() {
+      complete();
+    },
+    duration: duration
+  });
+}
+
+function hideFoldedPage(p1, width, height, frame, complete) {
+  const p4 = _startPoint(p1.corner, width, height);
+  const top = p1.corner.substr(0, 1) === "t";
+  const delta = top ? Math.min(0, p1.y - p4.y) / 2 : Math.max(0, p1.y - p4.y) / 2;
+  const p2 = point2D(p1.x, p1.y + delta);
+  const p3 = point2D(p4.x, p4.y - delta);
+  return animatef({
+    from: 0,
+    to: 1,
+    frame: function(v) {
+      const np = bezier(p1, p2, p3, p4, v);
+      frame({ x: np.x, y: np.y, corner: p1.corner });
+    },
+    complete: function() {
+      complete();
+    },
+    duration: 600
+  });
+}
+
+function showFoldedPage(to, width, height, frame, complete) {
+  const point = _startPoint(to.corner, width, height, 1);
+
+  return animatef({
+    from: [point.x, point.y],
+    to: [to.x, to.y],
+    duration: 300,
+    frame: function(v) {
+      const x = Math.round(v[0]);
+      const y = Math.round(v[1]);
+      frame({ x, y, corner: to.corner });
+    },
+    complete: function() {
+      complete();
+    }
+  });
+}
+
+export default {
+  components: { TurnPage },
+  props: {
+    data: Array,
+    width: {
+      type: Number,
+      default: 0
+    },
+    height: {
+      type: Number,
+      default: 0
+    }
+  },
+  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
+    };
+  },
+  mounted() {
+  },
+  activated() {
+    this.$nextTick(() => {
+      this.TouchMove();
+    });
+  },
+  deactivated() {
+    this.$nextTick(() => {
+      this.TouchMoveOut();
+    });
+  },
+  methods: {
+    TouchMove() {
+      if (this.fun.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() {
+      if (this.fun.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);
+      }
+    },
+    handleManualTouchStart(e) {
+      this.isStart = true;
+      let x = "";
+      let y = "";
+      if (this.runAnimation) {
+        this.runAnimation.stop();
+        this.updateTurn();
+      }
+
+      const { width, height, viewIndex } = this;
+      if (this.fun.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 }];
+
+      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(e) {
+      let x = "";
+      let y = "";
+      if (this.isStart) {
+        const { width, height } = this;
+        if (this.fun.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;
+        }
+
+        const 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 });
+        const point = peelingPoint(corner, x, y);
+
+        if (this.invalidTouch) return;
+
+        this.updateTurn(fold(point, width, height, this.startPoint));
+        this.relPoint = point;
+        this.turnActive = true;
+      }
+
+    },
+    handleManualTouchEnd() {
+      this.isStart = false;
+      const 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, () => {
+            });
+          }
+        }
+
+        if (action === "backward") {
+          if (this.isSwipe(action)) {
+            this.toPage(this.viewIndex - 1, this.relPoint);
+          } else {
+            this.turn(this.relPoint, () => {
+            });
+          }
+        }
+      }
+
+      this.invalidTouch = false;
+      this.touchTimeline = [];
+    },
+    handleManualTaped() {
+      const { width } = this;
+      const 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() {
+      const { width, height } = this;
+      const point = this.action === "forward" ? { x: width, y: 0 } : { x: -width, y: 0 };
+      const fromPoint = peelingPoint("tr", point.x, point.y);
+      // console.log(fromPoint,"fromPoint");
+      this.updateTurn(fold(fromPoint, width, height));
+    },
+    updateTurn(style = [{}, {}, {}, {}, {}, {}]) {
+      this.styles = style;
+    },
+    isSwipe(action) {
+      const first = this.touchTimeline[0];
+      const last = this.touchTimeline[this.touchTimeline.length - 1];
+      const swipeTime = Date.now() - first.t;
+      const minTime = 200;
+      const 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(toPage, startPoint) {
+      const 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();
+      }
+
+      const { width, height } = this;
+      const point = toPage > fromPage ? { x: width, y: height - 45 } : { x: -width, y: 45 };
+      const 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, () => {
+          this.viewIndex = toPage;
+          this.turnPage = null;
+          this.backPage = toPage;
+          // console.log('完成翻页，当前页', this.backPage)
+          this.updateTurn();
+          this.turnActive = false;
+          this.$emit("change", this.backPage);
+        });
+      } else {
+        if (!this.action) {
+          this.action = "backward";
+          this.turnPage = toPage;
+          this.backPage = fromPage;
+        }
+
+        this.hideFolded(startPoint || fromPoint, () => {
+          this.viewIndex = toPage;
+          this.turnPage = null;
+          this.backPage = toPage;
+          // console.log('完成翻页，当前页', this.backPage)
+          this.updateTurn();
+          this.turnActive = false;
+          this.$emit("change", this.backPage);
+        });
+      }
+      // console.log('this.turnActive', this.turnPage, this.turnActive)
+      this.$emit("turning", this.backPage);
+    },
+    turn(fromPoint, complete) {
+      const { width, height } = this;
+      this.runAnimation = turnPage(fromPoint, 600, width, height, point => {
+        this.updateTurn(fold(point, width, height));
+      }, () => {
+        complete();
+        this.action = null;
+        this.turnPage = null;
+        this.backPage = this.viewIndex;
+        this.updateTurn();
+        this.runAnimation = null;
+      });
+    },
+    hideFolded(fromPoint, complete) {
+      const { width, height } = this;
+      this.runAnimation = hideFoldedPage(fromPoint, width, height, point => {
+        this.updateTurn(fold(point, width, height));
+      }, () => {
+        complete();
+        this.action = null;
+        this.turnPage = null;
+        this.backPage = this.viewIndex;
+        this.updateTurn();
+        this.turnActive = false;
+        this.runAnimation = null;
+      });
+    },
+    handleCoverTouchStart(e) {
+      const x = e.touches[0].clientX;
+      this.touchTimeline = [{ t: Date.now(), x }];
+    },
+    handleCoverTouchMove(e) {
+      const x = e.touches[0].clientX;
+      this.touchTimeline.push({ t: Date.now(), x });
+    },
+    handleCoverTouchEnd(e) {
+      const first = this.touchTimeline[0];
+      const last = this.touchTimeline[this.touchTimeline.length - 1];
+      if (last.x - first.x > 20 && last.t - first.t < 200) {
+        this.showLastCoverPage = false;
+      }
+    }
+  }
+};
diff --git a/src/turn_page.vue b/src/turn_page.vue
new file mode 100644
index 0000000..5b05718
--- /dev/null
+++ b/src/turn_page.vue
@@ -0,0 +1,325 @@
+<template>
+  <div class="turn-wraper"
+       :style="{width: width+'px', height: height+'px', overflow: active ? 'visible' : 'hidden', zIndex: length - index}">
+    <div class="turn-page-left" :style="{left: '-'+width+'px'}">
+      <div class="turn-page-left-clip" :style="(Object.assign({}, {width: clipSize+'px', height: clipSize+'px'}, styles[3]))">
+        <div class="turn-page-left-content"
+             :style="(Object.assign({}, {width: width+'px', height: height+'px'}, styles[1]))">
+          <div class="turn-page-left-inner">
+            <div  class="manual-item">
+              <div  class="page-count">{{index + 1}} / {{length}}</div>
+              <div  class="manual-page">
+                <div  class="page-photo">
+                  <img  :src="item.picture_image">
+                </div>
+                <!--<div  class="page-content page-content-type-1">-->
+                  <!--<div  class="desc"><h4  class="name">-->
+                    <!--小程序组件小程序组件小程序组件小程序组件小程序组件小程序组件</h4>-->
+                    <!--<div  class="price">¥19800</div> &lt;!&ndash;&ndash;&gt; &lt;!&ndash;&ndash;&gt;</div>-->
+                  <!--<div  class="buy-button">-->
+                    <!--<button  type="button">查看详情</button>-->
+                  <!--</div>-->
+                <!--</div>-->
+              </div>
+            </div>
+          </div>
+          <div class="turn-page-left-gradient"  :style="(Object.assign({}, {top: ('-' + (height / 2)+'px'), height: (height* 2)+'px'}, styles[4]))"></div>
+        </div>
+      </div>
+    </div>
+    <div class="turn-page-right" :style="{width: width+'px', height: height+'px'}">
+      <div class="turn-page-right-gradient"  :style="(Object.assign({}, {top: ('-' + (height / 2)+'px'), height: (height* 2)+'px'}, styles[5]))"></div>
+
+      <div class="turn-page-right-clip" :style="(Object.assign({}, {width: clipSize+'px', height: clipSize+'px'}, styles[2]))">
+        <div class="turn-page-right-content"  :style="(Object.assign({}, {width: width+'px', height: height+'px'}, styles[0]))">
+          <div  class="manual-item">
+            <div  class="page-count">{{index + 1}} / {{length}}</div>
+            <div  class="manual-page">
+              <div  class="page-photo">
+                <img  :src="item.picture_image">
+              </div>
+              <!--<div  class="page-content page-content-type-1">-->
+                <!--<div class="desc"><h4  class="name">-->
+                  <!--小程序组件小程序组件小程序组件小程序组件小程序组件小程序组件</h4>-->
+                  <!--<div  class="price">¥19800</div> &lt;!&ndash;&ndash;&gt; &lt;!&ndash;&ndash;&gt;</div>-->
+                <!--<div  class="buy-button">-->
+                  <!--<button  type="button">查看详情</button>-->
+                <!--</div>-->
+              <!--</div>-->
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import turn_page_controller from "./turn_page_controller";
+
+  export default turn_page_controller;
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+  .turn-wraper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    pointer-events: none;
+    -webkit-transition: all ease 0.35s;
+    transition: all ease 0.35s;
+  }
+
+  .turn-page-left {
+    position: absolute;
+    top: 0;
+    z-index: 5;
+    width: 100%;
+    height: 100%;
+    overflow: visible;
+  }
+
+  .turn-page-left-clip {
+    position: absolute;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+  }
+
+  .turn-page-left-content {
+    position: absolute;
+    overflow: hidden;
+    background-color: #fff;
+  }
+
+  .turn-page-left-inner {
+    width: 100%;
+    height: 100%;
+    -webkit-transform: rotateY(180deg);
+    transform: rotateY(180deg);
+    opacity: 0.3;
+    -webkit-transition: width all ease 0.35s, height all ease 0.35s;
+    transition: width all ease 0.35s, height all ease 0.35s;
+  }
+
+  .turn-page-left-gradient {
+    position: absolute;
+    z-index: 99;
+    width: 100px;
+    -webkit-transform: scale3d(0, 1, 1);
+    transform: scale3d(0, 1, 1);
+    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)));
+  }
+
+  .turn-page-right {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 4;
+    overflow: hidden;
+  }
+
+  .turn-page-right-gradient {
+    position: absolute;
+    z-index: 2;
+    width: 100px;
+    opacity: 1;
+    -webkit-transform: scale3d(0, 1, 1);
+    transform: scale3d(0, 1, 1);
+    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)));
+  }
+
+  .turn-page-right-clip {
+    position: absolute;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    z-index: auto;
+  }
+
+  .turn-page-right-content {
+    position: absolute;
+    overflow: hidden;
+    z-index: 1;
+    transition: width all ease 0.35s, height all ease 0.35s;
+  }
+
+  .manual-item {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    -webkit-transition: all ease 0.35s;
+    transition: all ease 0.35s;
+  }
+
+  .page-count {
+    position: absolute;
+    top: 0.8rem;
+    left: 50%;
+    z-index: 1;
+    padding: 0 0.8rem;
+    background: rgba(0, 0, 0, 0.8);
+    border-radius: 0.5rem;
+    font-size: 14px;
+    color: #FFFFFF;
+    text-align: center;
+    line-height: 1.8;
+    -webkit-transform: translate(-50%, 0);
+    transform: translate(-50%, 0);
+  }
+
+  .manual-page {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+
+  .manual-page.loading {
+    /*background: url(/article-h5/static/img/loading.95eeac7.gif) no-repeat center center !important;*/
+    /*background-size: 60px !important;*/
+  }
+
+  .page-photo {
+    position: relative;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    font-size: 0;
+    line-height: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 1;
+    -webkit-transition: opacity ease 0.2s;
+    transition: opacity ease 0.2s;
+  }
+
+  .manual-page.loading .page-photo {
+    opacity: 0;
+  }
+
+  .page-photo::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    z-index: 2;
+    pointer-events: none;
+    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)));
+    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%);
+  }
+
+  .page-photo img {
+    display: inline-block;
+    max-width: 100%;
+    max-height: 100%;
+  }
+
+  .page-content {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 3rem;
+    line-height: 1rem;
+    text-align: left;
+    padding: 0.6rem 0.2rem;
+    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.92)), to(rgba(0, 0, 0, 0.00)));
+    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.00) 100%);
+    pointer-events: none;
+    width: 100%;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+
+  .page-content-type-1 {
+    display: -webkit-box;
+    display: flex;
+  }
+
+  .page-content-type-2 {
+    text-align: center;
+  }
+
+  .page-content .desc {
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    width: calc(65% - 0.14rem);
+  }
+
+  .page-content .name {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-family: PingFangSC-Semibold;
+    font-size: 14px;
+    color: #FFFFFF;
+    line-height: 1;
+  }
+
+  .page-content .price {
+    font-family: PingFangSC-Semibold;
+    font-size: 14px;
+    color: #FFFFFF;
+  }
+
+  .page-content .buy-button {
+    width: 35%;
+    text-align: right;
+  }
+
+  .page-content .buy-button button {
+    display: inline-block;
+    height: 2rem;
+    max-width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    border: none;
+    padding: 0 0.16rem;
+    background: #FF8D00;
+    -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);
+    box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);
+    border-radius: 0.02rem;
+    font-family: PingFangSC-Semibold;
+    font-size: 14px;
+    color: #FFFFFF;
+    pointer-events: auto;
+  }
+
+  .page-content .form-button {
+    height: 0.34rem;
+    border: none;
+    padding: 0 0.16rem;
+    background: #FFFFFF;
+    -webkit-box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);
+    box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.20);
+    border-radius: 0.02rem;
+    font-family: PingFangSC-Semibold;
+    font-size: 14px;
+    color: #0084BF;
+    pointer-events: auto;
+  }
+</style>
diff --git a/src/turn_page_controller.js b/src/turn_page_controller.js
new file mode 100644
index 0000000..0c415bb
--- /dev/null
+++ b/src/turn_page_controller.js
@@ -0,0 +1,36 @@
+export 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: () => [{}, {}, {}, {}, {}, {}]
+    }
+  },
+  data() {
+    return {};
+  },
+  mounted() {
+  },
+  computed: {
+    clipSize() {
+      return Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2), 2);
+    }
+  }
+};
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..1ffc9e8
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,54 @@
+const path = require("path");
+const webpack = require("webpack");
+const uglify = require("uglifyjs-webpack-plugin");
+
+module.exports = {
+	devtool: 'source-map',
+	entry: "./src/index.js",//入口文件，就是上步骤的src目录下的index.js文件，
+	output: {
+		path: path.resolve(__dirname, './dist'),//输出路径，就是上步骤中新建的dist目录，
+		publicPath: '/dist/',
+		filename: 'flip.min.js',
+		libraryTarget: 'umd',
+		umdNamedDefine: true
+	},
+	module: {
+		rules: [
+			{
+				test: /\.vue$/,
+				loader: 'vue-loader'
+			},
+			{
+				test: /\.scss/,
+				use: [
+					{loader: "style-loader"},
+					{loader: "css-loader"},
+					{loader: "sass-loader"}
+				]
+			},
+			{
+				test: /\.js$/,
+				exclude: /node_modules/,
+				options:{
+					presets:["es2015"]
+				},
+				loader: 'babel-loader'
+			},
+			{
+				test: /\.(png|jpg|gif|ttf|svg|woff|eot)$/,
+				loader: 'url-loader',
+				query: {
+					limit: 30000,
+					name: '[name].[ext]?[hash]'
+				}
+			}
+		]
+	},
+	plugins: [
+		new webpack.DefinePlugin({
+			"process.env": {
+				NODE_ENV: JSON.stringify("production")
+			}
+		})
+	]
+};