poster.js.map 22.3 KB
{"version":3,"sources":["uni-app:///main.js",null,"webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/poster.vue?059d","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/poster.vue?e2b9","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/poster.vue?1ebc","uni-app:///pages/index/poster.vue","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/poster.vue?1e3b","webpack:///D:/vue/kaoshi3-fangweishangcheng/pages/index/poster.vue?ca5f"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":"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","file":"pages/index/poster.js","sourcesContent":["import 'uni-pages';wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/poster.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./poster.vue?vue&type=template&id=0e3af523&\"\nvar renderjs\nimport script from \"./poster.vue?vue&type=script&lang=js&\"\nexport * from \"./poster.vue?vue&type=script&lang=js&\"\nimport style0 from \"./poster.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"pages/index/poster.vue\"\nexport default component.exports","export * from \"-!../../../../高级前台制作/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!./poster.vue?vue&type=template&id=0e3af523&\"","var components\ntry {\n  components = {\n    uPopup: function() {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-popup/u-popup\" */ \"uview-ui/components/u-popup/u-popup.vue\"\n      )\n    },\n    rCanvas: function() {\n      return import(\n        /* webpackChunkName: \"components/r-canvas/r-canvas\" */ \"@/components/r-canvas/r-canvas.vue\"\n      )\n    }\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范,文档:https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范,需手动引入,并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  if (!_vm._isMounted) {\n    _vm.e0 = function($event) {\n      _vm.showFen = true\n    }\n\n    _vm.e1 = function($event) {\n      _vm.showFen = false\n    }\n\n    _vm.e2 = function($event) {\n      _vm.showPoster = false\n    }\n\n    _vm.e3 = function($event) {\n      $event.stopPropagation()\n      return (function() {\n        return\n      })($event)\n    }\n  }\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../高级前台制作/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!./poster.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../高级前台制作/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!./poster.vue?vue&type=script&lang=js&\"","<template>\r\n  <view>\r\n    <view @click=\"showFen = true\">分享海报</view>\r\n    <u-popup :show=\"showFen\" :round=\"10\" mode=\"bottom\" @close=\"close\" @open=\"open\">\r\n      <view class=\"topText flexC\">立即分享给好友</view>\r\n      <view class=\"centerBox flexJ\">\r\n        <view class=\"item flexA\">\r\n          <button open-type=\"share\"></button>\r\n          <image src=\"/static/WeChat.png\" mode=\"scaleToFill\" />\r\n          <view>微信好友</view>\r\n        </view>\r\n        <view class=\"item flexA\" @click=\"showHandler\">\r\n          <image src=\"/static/posterFen.png\" mode=\"scaleToFill\" />\r\n          <view>分享海报</view>\r\n        </view>\r\n      </view>\r\n      <view class=\"lineBox\"></view>\r\n      <view class=\"bottom flexC\" @click=\"showFen = false\">取消</view>\r\n    </u-popup>\r\n    <view style=\"margin-top: -9999rpx\">\r\n      <r-canvas ref=\"rCanvas\"></r-canvas>\r\n    </view>\r\n\r\n    <view v-if=\"showPoster\" class=\"maskBox flexA\" @click=\"showPoster = false\">\r\n      <image @click.stop=\"() => {return}\" class=\"posterImg flexC\" :src=\"tempFilePath\" mode=\"scaleToFill\" />\r\n      <view class=\"whiteBtnBox flexC\" @click.stop=\"saveQrCodeHandler\">\r\n        <image\r\n          src=\"/static/downLoad.png\"\r\n          mode=\"scaleToFill\"\r\n        />\r\n      </view>\r\n      <view class=\"text flexC\" @click.stop=\"saveQrCodeHandler\">保存图片</view>\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script>\r\nimport rCanvas from '@/components/r-canvas/r-canvas.vue'\r\nexport default {\r\n  components: { rCanvas },\r\n  data() {\r\n    return {\r\n      showFen: false,\r\n      tempFilePath: '',\r\n      showPoster: false,\r\n    }\r\n  },\r\n  onReady() {\r\n    this.draw()\r\n  },\r\n  onLoad(options) {\r\n    wx.showShareMenu({\r\n      withShareTicket: true,\r\n      //设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点击\r\n      menus: ['shareAppMessage', 'shareTimeline'],\r\n    })\r\n  },\r\n  methods: {\r\n    open() {\r\n      // console.log('open');\r\n    },\r\n    close() {\r\n      this.showFen = false\r\n      // console.log('close');\r\n    },\r\n    draw() {\r\n      this.$nextTick(async () => {\r\n        // 初始化\r\n        await this.$refs.rCanvas.init({\r\n          canvas_id: 'rCanvas',\r\n          canvas_height: 456,\r\n          canvas_width: 343,\r\n          background_color: '#ffffff',\r\n        })\r\n\r\n        // 顶部大图\r\n        await this.$refs.rCanvas\r\n          .drawImage({\r\n            url: '/static/posterTop.png',\r\n            x: 0,\r\n            y: 0,\r\n            w: 343,\r\n            h: 214,\r\n          })\r\n          .catch(err_msg => {\r\n            uni.showToast({\r\n              title: err_msg,\r\n              icon: 'none',\r\n            })\r\n          })\r\n\r\n        // 标题\r\n        await this.$refs.rCanvas\r\n          .drawText({\r\n            text: '少儿美术培训班',\r\n            x: 116,\r\n            y: 238,\r\n            font_color: '#000000',\r\n            font_size: 16,\r\n            font_weight: 700,\r\n          })\r\n          .catch(err_msg => {\r\n            uni.showToast({\r\n              title: err_msg,\r\n              icon: 'none',\r\n            })\r\n          })\r\n\r\n        // 价格\r\n        await this.$refs.rCanvas\r\n          .drawText({\r\n            text: '¥234',\r\n            x: 149,\r\n            y: 264,\r\n            font_color: '#000000',\r\n            font_size: 18,\r\n            font_weight: 700,\r\n          })\r\n          .catch(err_msg => {\r\n            uni.showToast({\r\n              title: err_msg,\r\n              icon: 'none',\r\n            })\r\n          })\r\n\r\n        // 时间图标\r\n        await this.$refs.rCanvas\r\n          .drawImage({\r\n            url: '/static/time.png',\r\n            x: 91,\r\n            y: 300,\r\n            w: 16,\r\n            h: 16,\r\n          })\r\n          .catch(err_msg => {\r\n            uni.showToast({\r\n              title: err_msg,\r\n              icon: 'none',\r\n            })\r\n          })\r\n        // 时间\r\n        await this.$refs.rCanvas\r\n          .drawText({\r\n            text: '2021-08-09 10:00-12:00',\r\n            x: 116,\r\n            y: 312,\r\n            font_color: '#646566',\r\n            font_size: 12,\r\n            font_weight: 400,\r\n          })\r\n          .catch(err_msg => {\r\n            uni.showToast({\r\n              title: err_msg,\r\n              icon: 'none',\r\n            })\r\n          })\r\n        // 地点\r\n        await this.$refs.rCanvas\r\n          .drawText({\r\n            text: '塘沽学校-生态城校区',\r\n            x: 116,\r\n            y: 344,\r\n            font_color: '#646566',\r\n            font_size: 12,\r\n            font_weight: 400,\r\n          })\r\n          .catch(err_msg => {\r\n            uni.showToast({\r\n              title: err_msg,\r\n              icon: 'none',\r\n            })\r\n          })\r\n        // 地点图标\r\n        await this.$refs.rCanvas\r\n          .drawImage({\r\n            url: '/static/aabb.png',\r\n            x: 91,\r\n            y: 330,\r\n            w: 16,\r\n            h: 16,\r\n          })\r\n          .catch(err_msg => {\r\n            uni.showToast({\r\n              title: err_msg,\r\n              icon: 'none',\r\n            })\r\n          })\r\n        // 头像\r\n        await this.$refs.rCanvas\r\n          .drawImage({\r\n            url: '/static/headImg.jpg',\r\n            x: 18,\r\n            y: 384,\r\n            w: 44,\r\n            h: 44,\r\n            border_radius: 22,\r\n          })\r\n          .catch(err_msg => {\r\n            uni.showToast({\r\n              title: err_msg,\r\n              icon: 'none',\r\n            })\r\n          })\r\n\r\n        // 名字\r\n        await this.$refs.rCanvas\r\n          .drawText({\r\n            text: '张美丽',\r\n            x: 74,\r\n            y: 400,\r\n            font_color: '#000000',\r\n            font_size: 14,\r\n            font_weight: 400,\r\n          })\r\n          .catch(err_msg => {\r\n            uni.showToast({\r\n              title: err_msg,\r\n              icon: 'none',\r\n            })\r\n          })\r\n        // 推销文字\r\n        await this.$refs.rCanvas\r\n          .drawText({\r\n            text: '长按识别二维码去看好课程',\r\n            x: 74,\r\n            y: 421,\r\n            font_color: '#969799',\r\n            font_size: 12,\r\n            font_weight: 400,\r\n          })\r\n          .catch(err_msg => {\r\n            uni.showToast({\r\n              title: err_msg,\r\n              icon: 'none',\r\n            })\r\n          })\r\n\r\n        // 二维码\r\n        await this.$refs.rCanvas\r\n          .drawImage({\r\n            url: '/static/qrCode.png',\r\n            x: 245,\r\n            y: 358,\r\n            w: 80,\r\n            h: 80,\r\n          })\r\n          .catch(err_msg => {\r\n            uni.showToast({\r\n              title: err_msg,\r\n              icon: 'none',\r\n            })\r\n          })\r\n\r\n        // 生成海报\r\n        await this.$refs.rCanvas.draw(res => {\r\n          //res.tempFilePath:生成成功,返回base64图片\r\n          // 保存图片\r\n          this.tempFilePath = res.tempFilePath\r\n          // this.$refs.rCanvas.saveImage(res.tempFilePath)\r\n        })\r\n      })\r\n    },\r\n    saveQrCodeHandler() {\r\n      this.$nextTick(async () => {\r\n        uni.showLoading({\r\n          title: '生成中',\r\n          mask: true,\r\n        })\r\n\r\n        // 生成海报\r\n        uni.hideLoading()\r\n        uni\r\n          .showModal({\r\n            title: '提示',\r\n            content: '是否下载当前生成的海报?',\r\n            success: res => {\r\n              if (res.confirm) {\r\n                // 保存图片\r\n                this.$refs.rCanvas\r\n                  .saveImage(this.tempFilePath)\r\n                  .then(() => {\r\n                    uni.showToast({\r\n                      title: '保存成功',\r\n                      icon: 'success',\r\n                    })\r\n                  })\r\n                  .catch(err => {\r\n                    // this.error(err)\r\n                    console.log(err)\r\n                  })\r\n              }\r\n            },\r\n          })\r\n          .catch(err => {\r\n            this.error(err)\r\n          })\r\n      })\r\n    },\r\n    // 分享微信好友\r\n    onShareAppMessage() {\r\n      // 此处的distSource为分享者的部分信息,需要传递给其他人\r\n      let distSource = 'jiejiejie'\r\n      if (distSource) {\r\n        return {\r\n          title: '欢迎使用xxx商城',\r\n          type: 0,\r\n          path: '/pages/index/poster?id=' + distSource,\r\n          summary: '',\r\n          imageUrl: this.tempFilePath,\r\n        }\r\n      }\r\n    },\r\n    showHandler() {\r\n      this.showFen = false\r\n      this.showPoster = true\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\npage {\r\n  background: #fff;\r\n}\r\n.topText {\r\n  margin: 40rpx 0;\r\n  color: rgba(49.98, 50.35, 51, 1);\r\n  font-size: 28rpx;\r\n}\r\n.centerBox {\r\n  padding: 0 190rpx;\r\n  box-sizing: border-box;\r\n  > .item {\r\n    flex-direction: column;\r\n    color: rgba(100, 101, 102, 1);\r\n    font-size: 24rpx;\r\n  }\r\n  image {\r\n    width: 96rpx;\r\n    height: 96rpx;\r\n    border-radius: 50%;\r\n    margin-bottom: 16rpx;\r\n  }\r\n}\r\n.lineBox {\r\n  width: 100%;\r\n  height: 16rpx;\r\n  background: rgba(247, 248, 250, 1);\r\n  margin-top: 32rpx;\r\n}\r\n.bottom {\r\n  padding: 26rpx 0 0 0;\r\n  box-sizing: border-box;\r\n  color: rgba(99.96, 100.71, 102, 1);\r\n  font-size: 32rpx;\r\n}\r\n.posterImg {\r\n  margin: 60rpx auto 40rpx;\r\n  width: 686rpx;\r\n  height: 912rpx;\r\n  border-radius: 32rpx;\r\n}\r\n.maskBox {\r\n  width: 100%;\r\n  height: 100vh;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  flex-direction: column;\r\n}\r\nbutton {\r\n  background: transparent;\r\n  width: 96rpx;\r\n  height: 96rpx;\r\n  border-radius: 50%;\r\n\r\n  position: absolute;\r\n  /* top: 0; */\r\n}\r\n.whiteBtnBox{\r\n  width: 112rpx;\r\n  height: 112rpx;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n  image{\r\n    width: 74rpx;\r\n    height: 82rpx;\r\n  }\r\n}\r\n.text{\r\n  color: rgba(255,255,255,1);\r\nfont-size: 28rpx;\r\nfont-weight: 700;\r\nmargin-top: 16rpx;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-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--8-oneOf-1-2!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../高级前台制作/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!./poster.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-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--8-oneOf-1-2!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../高级前台制作/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!./poster.vue?vue&type=style&index=0&lang=scss&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1670383321113\n      var cssReload = require(\"D:/高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}