index.js 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524
  1. (global["webpackJsonp"] = global["webpackJsonp"] || []).push([["pages/mine/avatar/index"],{
  2. /***/ 211:
  3. /*!**********************************************************************************************!*\
  4. !*** D:/work/work/boman/school/qs_cfschool/main.js?{"page":"pages%2Fmine%2Favatar%2Findex"} ***!
  5. \**********************************************************************************************/
  6. /*! no static exports found */
  7. /***/ (function(module, exports, __webpack_require__) {
  8. "use strict";
  9. /* WEBPACK VAR INJECTION */(function(wx, createPage) {
  10. var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 4);
  11. __webpack_require__(/*! uni-pages */ 26);
  12. __webpack_require__(/*! @dcloudio/vue-cli-plugin-uni/packages/uni-push/dist/uni-push.es.js */ 27);
  13. var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 25));
  14. var _index = _interopRequireDefault(__webpack_require__(/*! ./pages/mine/avatar/index.vue */ 212));
  15. // @ts-ignore
  16. wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;
  17. ;
  18. createPage(_index.default);
  19. /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/wx.js */ 1)["default"], __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["createPage"]))
  20. /***/ }),
  21. /***/ 212:
  22. /*!*************************************************************************!*\
  23. !*** D:/work/work/boman/school/qs_cfschool/pages/mine/avatar/index.vue ***!
  24. \*************************************************************************/
  25. /*! no static exports found */
  26. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  27. "use strict";
  28. __webpack_require__.r(__webpack_exports__);
  29. /* harmony import */ var _index_vue_vue_type_template_id_05deedaf___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.vue?vue&type=template&id=05deedaf& */ 213);
  30. /* harmony import */ var _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.vue?vue&type=script&lang=js& */ 215);
  31. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  32. /* harmony import */ var _index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.vue?vue&type=style&index=0&lang=css& */ 217);
  33. /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js */ 55);
  34. var renderjs
  35. /* normalize component */
  36. var component = Object(_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
  37. _index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
  38. _index_vue_vue_type_template_id_05deedaf___WEBPACK_IMPORTED_MODULE_0__["render"],
  39. _index_vue_vue_type_template_id_05deedaf___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
  40. false,
  41. null,
  42. null,
  43. null,
  44. false,
  45. _index_vue_vue_type_template_id_05deedaf___WEBPACK_IMPORTED_MODULE_0__["components"],
  46. renderjs
  47. )
  48. component.options.__file = "pages/mine/avatar/index.vue"
  49. /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  50. /***/ }),
  51. /***/ 213:
  52. /*!********************************************************************************************************!*\
  53. !*** D:/work/work/boman/school/qs_cfschool/pages/mine/avatar/index.vue?vue&type=template&id=05deedaf& ***!
  54. \********************************************************************************************************/
  55. /*! exports provided: render, staticRenderFns, recyclableRender, components */
  56. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  57. "use strict";
  58. __webpack_require__.r(__webpack_exports__);
  59. /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_template_id_05deedaf___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=template&id=05deedaf& */ 214);
  60. /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_template_id_05deedaf___WEBPACK_IMPORTED_MODULE_0__["render"]; });
  61. /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_template_id_05deedaf___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  62. /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_template_id_05deedaf___WEBPACK_IMPORTED_MODULE_0__["recyclableRender"]; });
  63. /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "components", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_template_id_05deedaf___WEBPACK_IMPORTED_MODULE_0__["components"]; });
  64. /***/ }),
  65. /***/ 214:
  66. /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  67. !*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/work/work/boman/school/qs_cfschool/pages/mine/avatar/index.vue?vue&type=template&id=05deedaf& ***!
  68. \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  69. /*! exports provided: render, staticRenderFns, recyclableRender, components */
  70. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  71. "use strict";
  72. __webpack_require__.r(__webpack_exports__);
  73. /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
  74. /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
  75. /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; });
  76. /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; });
  77. var components
  78. var render = function () {
  79. var _vm = this
  80. var _h = _vm.$createElement
  81. var _c = _vm._self._c || _h
  82. }
  83. var recyclableRender = false
  84. var staticRenderFns = []
  85. render._withStripped = true
  86. /***/ }),
  87. /***/ 215:
  88. /*!**************************************************************************************************!*\
  89. !*** D:/work/work/boman/school/qs_cfschool/pages/mine/avatar/index.vue?vue&type=script&lang=js& ***!
  90. \**************************************************************************************************/
  91. /*! no static exports found */
  92. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  93. "use strict";
  94. __webpack_require__.r(__webpack_exports__);
  95. /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=script&lang=js& */ 216);
  96. /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__);
  97. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  98. /* harmony default export */ __webpack_exports__["default"] = (_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default.a);
  99. /***/ }),
  100. /***/ 216:
  101. /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  102. !*** ./node_modules/babel-loader/lib!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/work/work/boman/school/qs_cfschool/pages/mine/avatar/index.vue?vue&type=script&lang=js& ***!
  103. \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  104. /*! no static exports found */
  105. /***/ (function(module, exports, __webpack_require__) {
  106. "use strict";
  107. /* WEBPACK VAR INJECTION */(function(uni) {
  108. var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 4);
  109. Object.defineProperty(exports, "__esModule", {
  110. value: true
  111. });
  112. exports.default = void 0;
  113. var _config = _interopRequireDefault(__webpack_require__(/*! @/config */ 37));
  114. var _store = _interopRequireDefault(__webpack_require__(/*! @/store */ 38));
  115. var _user = __webpack_require__(/*! @/api/system/user */ 72);
  116. //
  117. //
  118. //
  119. //
  120. //
  121. //
  122. //
  123. //
  124. //
  125. //
  126. //
  127. //
  128. //
  129. //
  130. //
  131. //
  132. //
  133. //
  134. //
  135. //
  136. //
  137. //
  138. //
  139. //
  140. //
  141. //
  142. //
  143. //
  144. //
  145. //
  146. //
  147. //
  148. //
  149. //
  150. //
  151. //
  152. //
  153. //
  154. var baseUrl = _config.default.baseUrl;
  155. var sysInfo = uni.getSystemInfoSync();
  156. var SCREEN_WIDTH = sysInfo.screenWidth;
  157. var PAGE_X,
  158. // 手按下的x位置
  159. PAGE_Y,
  160. // 手按下y的位置
  161. PR = sysInfo.pixelRatio,
  162. // dpi
  163. T_PAGE_X,
  164. // 手移动的时候x的位置
  165. T_PAGE_Y,
  166. // 手移动的时候Y的位置
  167. CUT_L,
  168. // 初始化拖拽元素的left值
  169. CUT_T,
  170. // 初始化拖拽元素的top值
  171. CUT_R,
  172. // 初始化拖拽元素的
  173. CUT_B,
  174. // 初始化拖拽元素的
  175. CUT_W,
  176. // 初始化拖拽元素的宽度
  177. CUT_H,
  178. // 初始化拖拽元素的高度
  179. IMG_RATIO,
  180. // 图片比例
  181. IMG_REAL_W,
  182. // 图片实际的宽度
  183. IMG_REAL_H,
  184. // 图片实际的高度
  185. DRAFG_MOVE_RATIO = 1,
  186. //移动时候的比例,
  187. INIT_DRAG_POSITION = 100,
  188. // 初始化屏幕宽度和裁剪区域的宽度之差,用于设置初始化裁剪的宽度
  189. DRAW_IMAGE_W = sysInfo.screenWidth; // 设置生成的图片宽度
  190. var _default = {
  191. /**
  192. * 页面的初始数据
  193. */
  194. data: function data() {
  195. return {
  196. imageurl: _store.default.getters.avatar,
  197. avatarimg: __webpack_require__(/*! @/static/images/profile.png */ 171),
  198. imageSrc: '',
  199. isShowImg: false,
  200. // 初始化的宽高
  201. cropperInitW: SCREEN_WIDTH,
  202. cropperInitH: SCREEN_WIDTH,
  203. // 动态的宽高
  204. cropperW: SCREEN_WIDTH,
  205. cropperH: SCREEN_WIDTH,
  206. // 动态的left top值
  207. cropperL: 0,
  208. cropperT: 0,
  209. transL: 0,
  210. transT: 0,
  211. // 图片缩放值
  212. scaleP: 0,
  213. imageW: 0,
  214. imageH: 0,
  215. // 裁剪框 宽高
  216. cutL: 0,
  217. cutT: 0,
  218. cutB: SCREEN_WIDTH,
  219. cutR: '100%',
  220. qualityWidth: DRAW_IMAGE_W,
  221. innerAspectRadio: DRAFG_MOVE_RATIO
  222. };
  223. },
  224. /**
  225. * 生命周期函数--监听页面初次渲染完成
  226. */
  227. onReady: function onReady() {
  228. this.loadImage();
  229. },
  230. onLoad: function onLoad() {
  231. this.imageSrc = this.imageurl ? this.imageurl : this.avatarimg;
  232. },
  233. methods: {
  234. setData: function setData(obj) {
  235. var that = this;
  236. Object.keys(obj).forEach(function (key) {
  237. that.$set(that.$data, key, obj[key]);
  238. });
  239. },
  240. getImage: function getImage() {
  241. var _this = this;
  242. uni.chooseImage({
  243. success: function success(res) {
  244. _this.setData({
  245. imageSrc: res.tempFilePaths[0]
  246. });
  247. _this.loadImage();
  248. }
  249. });
  250. },
  251. loadImage: function loadImage() {
  252. var _this = this;
  253. uni.getImageInfo({
  254. src: _this.imageSrc,
  255. success: function success(res) {
  256. IMG_RATIO = 1 / 1;
  257. if (IMG_RATIO >= 1) {
  258. IMG_REAL_W = SCREEN_WIDTH;
  259. IMG_REAL_H = SCREEN_WIDTH / IMG_RATIO;
  260. } else {
  261. IMG_REAL_W = SCREEN_WIDTH * IMG_RATIO;
  262. IMG_REAL_H = SCREEN_WIDTH;
  263. }
  264. var minRange = IMG_REAL_W > IMG_REAL_H ? IMG_REAL_W : IMG_REAL_H;
  265. INIT_DRAG_POSITION = minRange > INIT_DRAG_POSITION ? INIT_DRAG_POSITION : minRange;
  266. // 根据图片的宽高显示不同的效果 保证图片可以正常显示
  267. if (IMG_RATIO >= 1) {
  268. var cutT = Math.ceil((SCREEN_WIDTH / IMG_RATIO - (SCREEN_WIDTH / IMG_RATIO - INIT_DRAG_POSITION)) / 2);
  269. var cutB = cutT;
  270. var cutL = Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH + INIT_DRAG_POSITION) / 2);
  271. var cutR = cutL;
  272. _this.setData({
  273. cropperW: SCREEN_WIDTH,
  274. cropperH: SCREEN_WIDTH / IMG_RATIO,
  275. // 初始化left right
  276. cropperL: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH) / 2),
  277. cropperT: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH / IMG_RATIO) / 2),
  278. cutL: cutL,
  279. cutT: cutT,
  280. cutR: cutR,
  281. cutB: cutB,
  282. // 图片缩放值
  283. imageW: IMG_REAL_W,
  284. imageH: IMG_REAL_H,
  285. scaleP: IMG_REAL_W / SCREEN_WIDTH,
  286. qualityWidth: DRAW_IMAGE_W,
  287. innerAspectRadio: IMG_RATIO
  288. });
  289. } else {
  290. var _cutL = Math.ceil((SCREEN_WIDTH * IMG_RATIO - SCREEN_WIDTH * IMG_RATIO) / 2);
  291. var _cutR = _cutL;
  292. var _cutT = Math.ceil((SCREEN_WIDTH - INIT_DRAG_POSITION) / 2);
  293. var _cutB = _cutT;
  294. _this.setData({
  295. cropperW: SCREEN_WIDTH * IMG_RATIO,
  296. cropperH: SCREEN_WIDTH,
  297. // 初始化left right
  298. cropperL: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH * IMG_RATIO) / 2),
  299. cropperT: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH) / 2),
  300. cutL: _cutL,
  301. cutT: _cutT,
  302. cutR: _cutR,
  303. cutB: _cutB,
  304. // 图片缩放值
  305. imageW: IMG_REAL_W,
  306. imageH: IMG_REAL_H,
  307. scaleP: IMG_REAL_W / SCREEN_WIDTH,
  308. qualityWidth: DRAW_IMAGE_W,
  309. innerAspectRadio: IMG_RATIO
  310. });
  311. }
  312. _this.setData({
  313. isShowImg: true
  314. });
  315. uni.hideLoading();
  316. }
  317. });
  318. },
  319. // 拖动时候触发的touchStart事件
  320. contentStartMove: function contentStartMove(e) {
  321. PAGE_X = e.touches[0].pageX;
  322. PAGE_Y = e.touches[0].pageY;
  323. },
  324. // 拖动时候触发的touchMove事件
  325. contentMoveing: function contentMoveing(e) {
  326. var _this = this;
  327. var dragLengthX = (PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO;
  328. var dragLengthY = (PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO;
  329. // 左移
  330. if (dragLengthX > 0) {
  331. if (this.cutL - dragLengthX < 0) dragLengthX = this.cutL;
  332. } else {
  333. if (this.cutR + dragLengthX < 0) dragLengthX = -this.cutR;
  334. }
  335. if (dragLengthY > 0) {
  336. if (this.cutT - dragLengthY < 0) dragLengthY = this.cutT;
  337. } else {
  338. if (this.cutB + dragLengthY < 0) dragLengthY = -this.cutB;
  339. }
  340. this.setData({
  341. cutL: this.cutL - dragLengthX,
  342. cutT: this.cutT - dragLengthY,
  343. cutR: this.cutR + dragLengthX,
  344. cutB: this.cutB + dragLengthY
  345. });
  346. PAGE_X = e.touches[0].pageX;
  347. PAGE_Y = e.touches[0].pageY;
  348. },
  349. contentTouchEnd: function contentTouchEnd() {},
  350. // 获取图片
  351. getImageInfo: function getImageInfo() {
  352. var _this = this;
  353. uni.showLoading({
  354. title: '图片生成中...'
  355. });
  356. // 将图片写入画布
  357. var ctx = uni.createCanvasContext('myCanvas');
  358. ctx.drawImage(_this.imageSrc, 0, 0, IMG_REAL_W, IMG_REAL_H);
  359. ctx.draw(true, function () {
  360. // 获取画布要裁剪的位置和宽度 均为百分比 * 画布中图片的宽度 保证了在微信小程序中裁剪的图片模糊 位置不对的问题 canvasT = (_this.cutT / _this.cropperH) * (_this.imageH / pixelRatio)
  361. var canvasW = (_this.cropperW - _this.cutL - _this.cutR) / _this.cropperW * IMG_REAL_W;
  362. var canvasH = (_this.cropperH - _this.cutT - _this.cutB) / _this.cropperH * IMG_REAL_H;
  363. var canvasL = _this.cutL / _this.cropperW * IMG_REAL_W;
  364. var canvasT = _this.cutT / _this.cropperH * IMG_REAL_H;
  365. uni.canvasToTempFilePath({
  366. x: canvasL,
  367. y: canvasT,
  368. width: canvasW,
  369. height: canvasH,
  370. destWidth: canvasW,
  371. destHeight: canvasH,
  372. quality: 0.5,
  373. canvasId: 'myCanvas',
  374. success: function success(res) {
  375. uni.hideLoading();
  376. var data = {
  377. name: 'avatarfile',
  378. filePath: res.tempFilePath
  379. };
  380. (0, _user.uploadAvatar)(data).then(function (response) {
  381. _store.default.commit('SET_AVATAR', baseUrl + response.imgUrl);
  382. uni.showToast({
  383. title: "修改成功",
  384. icon: 'success'
  385. });
  386. uni.navigateBack();
  387. });
  388. }
  389. });
  390. });
  391. },
  392. // 设置大小的时候触发的touchStart事件
  393. dragStart: function dragStart(e) {
  394. T_PAGE_X = e.touches[0].pageX;
  395. T_PAGE_Y = e.touches[0].pageY;
  396. CUT_L = this.cutL;
  397. CUT_R = this.cutR;
  398. CUT_B = this.cutB;
  399. CUT_T = this.cutT;
  400. },
  401. // 设置大小的时候触发的touchMove事件
  402. dragMove: function dragMove(e) {
  403. var _this = this;
  404. var dragType = e.target.dataset.drag;
  405. switch (dragType) {
  406. case 'right':
  407. var dragLength = (T_PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO;
  408. if (CUT_R + dragLength < 0) dragLength = -CUT_R;
  409. this.setData({
  410. cutR: CUT_R + dragLength
  411. });
  412. break;
  413. case 'left':
  414. var dragLength = (T_PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO;
  415. if (CUT_L - dragLength < 0) dragLength = CUT_L;
  416. if (CUT_L - dragLength > this.cropperW - this.cutR) dragLength = CUT_L - (this.cropperW - this.cutR);
  417. this.setData({
  418. cutL: CUT_L - dragLength
  419. });
  420. break;
  421. case 'top':
  422. var dragLength = (T_PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO;
  423. if (CUT_T - dragLength < 0) dragLength = CUT_T;
  424. if (CUT_T - dragLength > this.cropperH - this.cutB) dragLength = CUT_T - (this.cropperH - this.cutB);
  425. this.setData({
  426. cutT: CUT_T - dragLength
  427. });
  428. break;
  429. case 'bottom':
  430. var dragLength = (T_PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO;
  431. if (CUT_B + dragLength < 0) dragLength = -CUT_B;
  432. this.setData({
  433. cutB: CUT_B + dragLength
  434. });
  435. break;
  436. case 'rightBottom':
  437. var dragLengthX = (T_PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO;
  438. var dragLengthY = (T_PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO;
  439. if (CUT_B + dragLengthY < 0) dragLengthY = -CUT_B;
  440. if (CUT_R + dragLengthX < 0) dragLengthX = -CUT_R;
  441. var cutB = CUT_B + dragLengthY;
  442. var cutR = CUT_R + dragLengthX;
  443. this.setData({
  444. cutB: cutB,
  445. cutR: cutR
  446. });
  447. break;
  448. default:
  449. break;
  450. }
  451. }
  452. }
  453. };
  454. exports.default = _default;
  455. /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
  456. /***/ }),
  457. /***/ 217:
  458. /*!**********************************************************************************************************!*\
  459. !*** D:/work/work/boman/school/qs_cfschool/pages/mine/avatar/index.vue?vue&type=style&index=0&lang=css& ***!
  460. \**********************************************************************************************************/
  461. /*! no static exports found */
  462. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  463. "use strict";
  464. __webpack_require__.r(__webpack_exports__);
  465. /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--6-oneOf-1-2!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src??ref--6-oneOf-1-3!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./index.vue?vue&type=style&index=0&lang=css& */ 218);
  466. /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
  467. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  468. /* harmony default export */ __webpack_exports__["default"] = (_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_6_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_index_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
  469. /***/ }),
  470. /***/ 218:
  471. /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  472. !*** ./node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--6-oneOf-1-2!./node_modules/postcss-loader/src??ref--6-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/work/work/boman/school/qs_cfschool/pages/mine/avatar/index.vue?vue&type=style&index=0&lang=css& ***!
  473. \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  474. /*! no static exports found */
  475. /***/ (function(module, exports, __webpack_require__) {
  476. // extracted by mini-css-extract-plugin
  477. if(false) { var cssReload; }
  478. /***/ })
  479. },[[211,"common/runtime","common/vendor"]]]);
  480. //# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/mine/avatar/index.js.map