diff --git a/pages/instrument/Spread.vue b/pages/instrument/Spread.vue
index 5d5b48e..79b6d0b 100644
--- a/pages/instrument/Spread.vue
+++ b/pages/instrument/Spread.vue
@@ -1,237 +1,325 @@
-
-
-
-
-
-
- {{companyInfo.name}}
-
-
- 邀请你 加入链商星球
-
-
-
-
-
-
-
-
- 长按二维码，进行保存
-
-
-
-
-
+
+
+
+
+
+ {{companyInfo.name}}
+ 邀请你 加入链商星球
+
+
+
+
+ 点击二维码，进行保存
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存图片至相册
+ 取消
+
+
+
+
diff --git a/unpackage/dist/dev/app-plus/app-service.js b/unpackage/dist/dev/app-plus/app-service.js
index bfcac37..b669564 100644
--- a/unpackage/dist/dev/app-plus/app-service.js
+++ b/unpackage/dist/dev/app-plus/app-service.js
@@ -43708,62 +43708,132 @@ var render = function() {
var _c = _vm._self._c || _h
return _c(
"view",
- { staticClass: _vm._$s(0, "sc", "content"), attrs: { _i: 0 } },
+ { staticClass: _vm._$s(0, "sc", "shareContent"), attrs: { _i: 0 } },
[
- _c(
- "view",
- { staticClass: _vm._$s(1, "sc", "codeContent"), attrs: { _i: 1 } },
- [
- _c(
+ _vm._$s(1, "i", !_vm.posterShow)
+ ? _c(
"view",
- { staticClass: _vm._$s(2, "sc", "codeTop"), attrs: { _i: 2 } },
+ {
+ staticClass: _vm._$s(1, "sc", "codeContent"),
+ attrs: { _i: 1 },
+ on: { click: _vm.coverCode }
+ },
[
- _c("image", {
- staticClass: _vm._$s(3, "sc", "codeTop-cover"),
- attrs: {
- src: _vm._$s(3, "a-src", _vm.companyInfo.cover),
- _i: 3
- }
- }),
_c(
"view",
- {
- staticClass: _vm._$s(4, "sc", "codeTop-title"),
- attrs: { _i: 4 }
- },
+ { staticClass: _vm._$s(2, "sc", "codeTop"), attrs: { _i: 2 } },
[
+ _c("image", {
+ staticClass: _vm._$s(3, "sc", "codeTop-cover"),
+ attrs: {
+ src: _vm._$s(3, "a-src", _vm.companyInfo.cover),
+ _i: 3
+ }
+ }),
_c(
"view",
{
- staticClass: _vm._$s(5, "sc", "codeTop-name"),
- attrs: { _i: 5 }
+ staticClass: _vm._$s(4, "sc", "codeTop-title"),
+ attrs: { _i: 4 }
},
- [_vm._v(_vm._$s(5, "t0-0", _vm._s(_vm.companyInfo.name)))]
- ),
+ [
+ _c(
+ "view",
+ {
+ staticClass: _vm._$s(5, "sc", "codeTop-name"),
+ attrs: { _i: 5 }
+ },
+ [
+ _vm._v(
+ _vm._$s(5, "t0-0", _vm._s(_vm.companyInfo.name))
+ )
+ ]
+ ),
+ _c("view", {
+ staticClass: _vm._$s(6, "sc", "codeTop-tips"),
+ attrs: { _i: 6 }
+ })
+ ]
+ )
+ ]
+ ),
+ _c(
+ "view",
+ { staticClass: _vm._$s(7, "sc", "codeCode"), attrs: { _i: 7 } },
+ [
+ _c("image", {
+ staticClass: _vm._$s(8, "sc", "codeImg-code"),
+ attrs: {
+ src: _vm._$s(8, "a-src", _vm.companyInfo.code),
+ _i: 8
+ }
+ }),
_c("view", {
- staticClass: _vm._$s(6, "sc", "codeTop-tips"),
- attrs: { _i: 6 }
+ staticClass: _vm._$s(9, "sc", "codeImg-text"),
+ attrs: { _i: 9 }
})
]
)
]
- ),
- _c(
- "view",
- { staticClass: _vm._$s(7, "sc", "codeCode"), attrs: { _i: 7 } },
- [
- _c("image", {
- staticClass: _vm._$s(8, "sc", "codeImg-code"),
- attrs: { src: _vm._$s(8, "a-src", _vm.companyInfo.code), _i: 8 }
- }),
- _c("view", {
- staticClass: _vm._$s(9, "sc", "codeImg-text"),
- attrs: { _i: 9 }
- })
- ]
)
- ]
- )
+ : _vm._e(),
+ _c("canvas", {
+ staticClass: _vm._$s(10, "sc", "my-canvas"),
+ attrs: { id: "myCanvass", _i: 10 }
+ }),
+ _vm._$s(11, "i", _vm.posterShow)
+ ? _c("view", [
+ _c("view", {
+ staticClass: _vm._$s(12, "sc", "posterBack"),
+ attrs: { _i: 12 }
+ }),
+ _c(
+ "view",
+ { staticClass: _vm._$s(13, "sc", "poster"), attrs: { _i: 13 } },
+ [
+ _c(
+ "view",
+ {
+ staticClass: _vm._$s(14, "sc", "poster-img"),
+ attrs: { _i: 14 }
+ },
+ [
+ _c("image", {
+ staticClass: _vm._$s(15, "sc", "img"),
+ attrs: {
+ src: _vm._$s(15, "a-src", _vm.posterImg),
+ _i: 15
+ }
+ })
+ ]
+ ),
+ _c(
+ "view",
+ {
+ staticClass: _vm._$s(16, "sc", "poster-btn"),
+ attrs: { _i: 16 }
+ },
+ [
+ _c("view", {
+ staticClass: _vm._$s(17, "sc", "operate operate-cancel"),
+ attrs: { _i: 17 },
+ on: { click: _vm.saveImage }
+ }),
+ _c("view", {
+ staticClass: _vm._$s(18, "sc", "operate"),
+ attrs: { _i: 18 },
+ on: {
+ click: function($event) {
+ _vm.posterShow = false
+ }
+ }
+ })
+ ]
+ )
+ ]
+ )
+ ])
+ : _vm._e()
]
)
}
@@ -43797,7 +43867,7 @@ __webpack_require__.r(__webpack_exports__);
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-/* WEBPACK VAR INJECTION */(function(__f__) {Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;
+Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _regenerator = _interopRequireDefault(__webpack_require__(/*! ./node_modules/@babel/runtime/regenerator */ 38));
@@ -43825,120 +43895,135 @@ __webpack_require__.r(__webpack_exports__);
-var _store = __webpack_require__(/*! @/apis/interfaces/store */ 375); //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-var _default = { data: function data() {return { companyInfo: '' };}, created: function created() {var _this = this;(0, _store.companiesCode)().then(function (res) {__f__("log", res.code, " at pages/instrument/Spread.vue:38");_this.companyInfo = res;});}, methods: { // 绘制图片
- shareCanvas: function shareCanvas(e) {var _this2 = this;uni.showLoading({ title: '加载中' }); // 下载头像
- var avatarImg = new Promise(function (_success) {uni.getImageInfo({ src: _this2.companyInfo.cover, success: function success(res) {_success(res.path);} });});
- // 下载二维码
- var codeImg = new Promise(function (_success2) {
- uni.getImageInfo({
- src: _this2.companyInfo.code,
- success: function success(res) {
- _success2(res.path);
- } });
- });
- Promise.all([avatarImg, codeImg]).then(function (res) {
- // 绘制海报
- var ctx = uni.createCanvasContext('qrcodeCard');
- ctx.save();
- // 绘制背景图片
- ctx.drawImage('../../static/icons/store_downBack', 0, 0, 375, 603);
- // 绘制头像
- ctx.drawImage(res[0], 0, 0, 60, 60);
- // 绘制二维码
- ctx.drawImage(res[1], 140, 250, 110, 110);
- // 文字
- ctx.setFontSize(16);
- ctx.fillText(_this2.companyInfo.name, 194, 180, 270);
+var _store = __webpack_require__(/*! @/apis/interfaces/store */ 375);
- ctx.setFontSize(16);
- ctx.fillText('邀请你加入易货平台', 194, 180, 270);
- ctx.save();
- ctx.beginPath(); //开始绘制
- ctx.arc(50 / 2 + 170, 50 / 2 + 110, 50 / 2, 0, Math.PI * 2, false);
- ctx.clip();
+var _util = __webpack_require__(/*! @/uni_modules/sakura-canvas/js_sdk/util */ 64);
- // 保存图片
- ctx.draw(true, function () {
- uni.hideLoading();
- uni.canvasToTempFilePath({
- canvasId: 'qrcodeCard',
- x: 0,
- y: 0,
- success: function success(res) {
- uni.saveImageToPhotosAlbum({
- filePath: res.tempFilePath,
- success: function success(res) {
- if (res.errMsg == "saveImageToPhotosAlbum:ok") {
- uni.showToast({
- title: '分享海报已保存至相册',
- icon: 'none' });
- } else {
- uni.hideLoading();
- }
- },
- fail: function fail(err) {
- if (err.errMsg == "saveImageToPhotosAlbum:fail auth deny") {
- uni.showModal({
- title: '提示',
- content: '暂未授权小程序写入您的相册，无法存储二维码海报',
- confirmColor: '#d82526',
- confirmText: '去设置',
- success: function success(res) {
- if (res.confirm) {
- uni.openSetting();
- }
- } });
- }
- } });
- } });
+var _draw = _interopRequireDefault(__webpack_require__(/*! @/uni_modules/sakura-canvas/js_sdk/draw */ 66));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {try {var info = gen[key](arg);var value = info.value;} catch (error) {reject(error);return;}if (info.done) {resolve(value);} else {Promise.resolve(value).then(_next, _throw);}}function _asyncToGenerator(fn) {return function () {var self = this,args = arguments;return new Promise(function (resolve, reject) {var gen = fn.apply(self, args);function _next(value) {asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);}function _throw(err) {asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);}_next(undefined);});};}
+var draw = null;var _default =
- });
+{
+ data: function data() {
+ return {
+ companyInfo: {},
+ posterShow: false // 是否显示下载弹窗页面
+ };
+ },
+ onShow: function onShow() {var _this = this;
+ (0, _store.companiesCode)().then(function (res) {
+ _this.companyInfo = res;
+ });
+ },
+ methods: {
+ // 生成海报
+ coverCode: function coverCode() {var _this2 = this;return _asyncToGenerator( /*#__PURE__*/_regenerator.default.mark(function _callee() {var img, name, avatar, res;return _regenerator.default.wrap(function _callee$(_context) {while (1) {switch (_context.prev = _context.next) {case 0:
+ img = _this2.companyInfo.code;
+ name = _this2.companyInfo.name;
+ avatar = _this2.companyInfo.cover;
- }).catch(function (err) {
- uni.showToast({
- title: '海报下载，请检查网络',
- icon: 'none' });
+ draw = new _draw.default({
+ width: 375,
+ height: 460,
+ canvasId: 'myCanvass',
+ _this: _this2,
+ background: {
+ type: 'color',
+ color: 'white',
+ w: 375,
+ h: 460 } });_context.next = 6;return (
- });
+
+ draw.createdSharePoster(function (_ref)
+
+ {var bgObj = _ref.bgObj;var
+
+ width =
+
+ bgObj.width,height = bgObj.height;
+ _this2.Popinvite = bgObj;
+ // 绘制内容
+ return [
+ // 用户昵称
+ {
+ type: 'text',
+ x: 120,
+ y: 80,
+ zIndex: 99,
+ w: width - 20 * 2,
+ text: name,
+ color: '#333',
+ font: {
+ size: 20 } },
+
+
+
+ // 描述
+ {
+ type: 'text',
+ x: 120,
+ y: 110,
+ zIndex: 99,
+ w: width - 20 * 2,
+ text: '邀请你 加入链商星球',
+ color: '#999',
+ font: {
+ size: 16 } },
+
+
+
+ // 用户头像
+ {
+ type: 'image',
+ x: 24,
+ y: 60,
+ src: avatar,
+ w: 80,
+ h: 80,
+ drawType: 'arc',
+ zIndex: 99,
+ borderWidth: 5, // 图片边框大小 默认0
+ borderColor: '#cacaca' // 图片边框颜色 默认无颜色
+ },
+
+ // 二维码
+ {
+ type: 'image',
+ x: 80,
+ y: 190,
+ w: 200,
+ h: 200,
+ zIndex: 99,
+ src: img,
+ borderWidth: 5, // 图片边框大小 默认0
+ borderColor: '#cacaca' // 图片边框颜色 默认无颜色
+ }];
+
+ }));case 6:res = _context.sent;if (
+ res.success) {_context.next = 9;break;}return _context.abrupt("return");case 9:
+ _this2.posterImg = res.data;
+ _this2.posterShow = true;case 11:case "end":return _context.stop();}}}, _callee);}))();
+ },
+
+ // 保存图片
+ saveImage: function saveImage() {var _this3 = this;return _asyncToGenerator( /*#__PURE__*/_regenerator.default.mark(function _callee2() {var posterImg, res;return _regenerator.default.wrap(function _callee2$(_context2) {while (1) {switch (_context2.prev = _context2.next) {case 0:
+
+ posterImg =
+ _this3.posterImg;_context2.next = 3;return (
+ (0, _util.saveImageToPhotosAlbum)(posterImg));case 3:res = _context2.sent;if (
+ res.success) {_context2.next = 6;break;}return _context2.abrupt("return");case 6:
+ (0, _util.showToast)('保存成功,去相册分享给朋友吧');
+ _this3.posterShow = false;case 8:case "end":return _context2.stop();}}}, _callee2);}))();
} } };exports.default = _default;
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/vue-cli-plugin-uni/lib/format-log.js */ 24)["default"]))
/***/ }),
/* 375 */
diff --git a/unpackage/dist/dev/app-plus/app-view.js b/unpackage/dist/dev/app-plus/app-view.js
index eb05a83..869e7b2 100644
--- a/unpackage/dist/dev/app-plus/app-view.js
+++ b/unpackage/dist/dev/app-plus/app-view.js
@@ -24581,57 +24581,147 @@ var render = function() {
"v-uni-view",
{ staticClass: _vm._$g(0, "sc"), attrs: { _i: 0 } },
[
- _c(
- "v-uni-view",
- { staticClass: _vm._$g(1, "sc"), attrs: { _i: 1 } },
- [
- _c(
+ _vm._$g(1, "i")
+ ? _c(
"v-uni-view",
- { staticClass: _vm._$g(2, "sc"), attrs: { _i: 2 } },
+ {
+ staticClass: _vm._$g(1, "sc"),
+ attrs: { _i: 1 },
+ on: {
+ click: function($event) {
+ return _vm.$handleViewEvent($event)
+ }
+ }
+ },
[
- _c("v-uni-image", {
- staticClass: _vm._$g(3, "sc"),
- attrs: { src: _vm._$g(3, "a-src"), mode: "aspectFill", _i: 3 }
- }),
_c(
"v-uni-view",
- { staticClass: _vm._$g(4, "sc"), attrs: { _i: 4 } },
+ { staticClass: _vm._$g(2, "sc"), attrs: { _i: 2 } },
[
+ _c("v-uni-image", {
+ staticClass: _vm._$g(3, "sc"),
+ attrs: {
+ src: _vm._$g(3, "a-src"),
+ mode: "aspectFill",
+ _i: 3
+ }
+ }),
_c(
"v-uni-view",
- { staticClass: _vm._$g(5, "sc"), attrs: { _i: 5 } },
- [_vm._v(_vm._$g(5, "t0-0"))]
- ),
+ { staticClass: _vm._$g(4, "sc"), attrs: { _i: 4 } },
+ [
+ _c(
+ "v-uni-view",
+ { staticClass: _vm._$g(5, "sc"), attrs: { _i: 5 } },
+ [_vm._v(_vm._$g(5, "t0-0"))]
+ ),
+ _c(
+ "v-uni-view",
+ { staticClass: _vm._$g(6, "sc"), attrs: { _i: 6 } },
+ [_vm._v("邀请你 加入链商星球")]
+ )
+ ],
+ 1
+ )
+ ],
+ 1
+ ),
+ _c(
+ "v-uni-view",
+ { staticClass: _vm._$g(7, "sc"), attrs: { _i: 7 } },
+ [
+ _c("v-uni-image", {
+ staticClass: _vm._$g(8, "sc"),
+ attrs: {
+ src: _vm._$g(8, "a-src"),
+ mode: "aspectFill",
+ _i: 8
+ }
+ }),
_c(
"v-uni-view",
- { staticClass: _vm._$g(6, "sc"), attrs: { _i: 6 } },
- [_vm._v("邀请你 加入链商星球")]
+ { staticClass: _vm._$g(9, "sc"), attrs: { _i: 9 } },
+ [_vm._v("点击二维码，进行保存")]
)
],
1
)
],
1
- ),
- _c(
+ )
+ : _vm._e(),
+ _c("v-uni-canvas", {
+ staticClass: _vm._$g(10, "sc"),
+ attrs: { "canvas-id": "myCanvass", id: "myCanvass", _i: 10 }
+ }),
+ _vm._$g(11, "i")
+ ? _c(
"v-uni-view",
- { staticClass: _vm._$g(7, "sc"), attrs: { _i: 7 } },
+ { attrs: { _i: 11 } },
[
- _c("v-uni-image", {
- staticClass: _vm._$g(8, "sc"),
- attrs: { src: _vm._$g(8, "a-src"), mode: "aspectFill", _i: 8 }
+ _c("v-uni-view", {
+ staticClass: _vm._$g(12, "sc"),
+ attrs: { _i: 12 }
}),
_c(
"v-uni-view",
- { staticClass: _vm._$g(9, "sc"), attrs: { _i: 9 } },
- [_vm._v("长按二维码，进行保存")]
+ { staticClass: _vm._$g(13, "sc"), attrs: { _i: 13 } },
+ [
+ _c(
+ "v-uni-view",
+ { staticClass: _vm._$g(14, "sc"), attrs: { _i: 14 } },
+ [
+ _c("v-uni-image", {
+ staticClass: _vm._$g(15, "sc"),
+ attrs: {
+ src: _vm._$g(15, "a-src"),
+ mode: "widthFix",
+ _i: 15
+ }
+ })
+ ],
+ 1
+ ),
+ _c(
+ "v-uni-view",
+ { staticClass: _vm._$g(16, "sc"), attrs: { _i: 16 } },
+ [
+ _c(
+ "v-uni-view",
+ {
+ staticClass: _vm._$g(17, "sc"),
+ attrs: { _i: 17 },
+ on: {
+ click: function($event) {
+ return _vm.$handleViewEvent($event)
+ }
+ }
+ },
+ [_vm._v("保存图片至相册")]
+ ),
+ _c(
+ "v-uni-view",
+ {
+ staticClass: _vm._$g(18, "sc"),
+ attrs: { _i: 18 },
+ on: {
+ click: function($event) {
+ return _vm.$handleViewEvent($event)
+ }
+ }
+ },
+ [_vm._v("取消")]
+ )
+ ],
+ 1
+ )
+ ],
+ 1
)
],
1
)
- ],
- 1
- )
+ : _vm._e()
],
1
)
@@ -24724,7 +24814,7 @@ if(false) {}
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ./node_modules/css-loader/dist/runtime/api.js */ 13);
exports = ___CSS_LOADER_API_IMPORT___(false);
// Module
-exports.push([module.i, "@charset \"UTF-8\";\r\n/**\r\n * 这里是uni-app内置的常用样式变量\r\n *\r\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\r\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\r\n *\r\n */\r\n/**\r\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\r\n *\r\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\r\n */\r\n/**\r\n * Web唐明明\r\n * 匆匆数载恍如梦，岁月迢迢华发增。\r\n * 碌碌无为枉半生，一朝惊醒万事空。\r\n */\n.ios-bottom[data-v-f047eb3c] {\r\n padding-bottom: env(safe-area-inset-bottom);\r\n padding-bottom: constant(safe-area-inset-bottom);\n}\n.ios-left[data-v-f047eb3c] {\r\n padding-left: env(safe-area-inset-left);\r\n padding-left: constant(safe-area-inset-left);\n}\n.ios-right[data-v-f047eb3c] {\r\n padding-right: env(safe-area-inset-right);\r\n padding-right: constant(safe-area-inset-right);\n}\n.ios-top[data-v-f047eb3c] {\r\n padding-top: var(--status-bar-height);\n}\n.vertical[data-v-f047eb3c] {\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-pack: center;\n}\n.nowrap[data-v-f047eb3c] {\r\n max-width: 100%;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\n}\n.ellipsis[data-v-f047eb3c] {\r\n max-width: 100%;\r\n display: -webkit-box;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 2;\n}\n.ellipsis-1[data-v-f047eb3c] {\r\n max-width: 100%;\r\n display: -webkit-box;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 1;\n}\n.ellipsis-3[data-v-f047eb3c] {\r\n display: -webkit-box;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\n}\n.ellipsis-4[data-v-f047eb3c] {\r\n display: -webkit-box;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 4;\n}\n.ellipsis-5[data-v-f047eb3c] {\r\n display: -webkit-box;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 5;\n}\r\n/* 颜色变量 */\r\n/* 行为相关颜色 */\r\n/* 文字基本颜色 */\r\n/* 背景颜色 */\r\n/* 边框颜色 */\r\n/* 尺寸变量 */\r\n/* 文字尺寸 */\r\n/* 图片尺寸 */\r\n/* Border Radius */\r\n/* 水平间距 */\r\n/* 垂直间距 */\r\n/* 透明度 */\r\n/* 文章场景相关 */\n.content[data-v-f047eb3c] {\r\n background: #7c52fc;\r\n height: 100vh;\r\n width: 100vw;\n}\n.codeContent[data-v-f047eb3c] {\r\n position: relative;\r\n left: 0;\r\n right: 0;\r\n top: 0;\n}\n.codeContent .codeTop[data-v-f047eb3c] {\r\n position: absolute;\r\n left: 5%;\r\n top: 240rpx;\r\n width: 90%;\r\n background-color: #FFFFFF;\r\n border-radius: 30rpx;\r\n padding: 0 50rpx;\r\n box-sizing: border-box;\r\n box-shadow: 0 0 40rpx rgba(94, 59, 201, 0.5);\r\n z-index: 2;\r\n display: flex;\r\n height: 200rpx;\n}\n.codeContent .codeTop .codeTop-cover[data-v-f047eb3c] {\r\n width: 120rpx;\r\n height: 120rpx;\r\n border-radius: 50%;\r\n margin: 40rpx 30rpx 0 0;\r\n border: 4rpx solid #FFFFFF;\r\n box-shadow: 0 5rpx 10rpx rgba(94, 59, 201, 0.3);\n}\n.codeContent .codeTop .codeTop-title[data-v-f047eb3c] {\r\n padding-top: 50rpx;\n}\n.codeContent .codeTop .codeTop-title .codeTop-name[data-v-f047eb3c] {\r\n font-weight: 600;\r\n font-size: 36rpx;\r\n margin-bottom: 10rpx;\n}\n.codeContent .codeTop .codeTop-title .codeTop-tips[data-v-f047eb3c] {\r\n color: #999;\n}\n.codeContent .codeCode[data-v-f047eb3c] {\r\n background-color: #FFFFFF;\r\n box-shadow: 0 0 40rpx rgba(27, 0, 111, 0.4);\r\n position: absolute;\r\n padding: 400rpx 0 200rpx;\r\n left: 10%;\r\n top: 160rpx;\r\n width: 80%;\r\n border-radius: 30rpx;\r\n z-index: 1;\r\n text-align: center;\n}\n.codeContent .codeCode .codeImg-code[data-v-f047eb3c] {\r\n width: 360rpx;\r\n height: 360rpx;\r\n margin: 0 0 20rpx;\r\n border: 2px solid #f3f3f3;\r\n padding: 30rpx;\r\n box-sizing: border-box;\n}\n.codeContent .codeCode .codeImg-text[data-v-f047eb3c] {\r\n font-size: 32rpx;\r\n color: #333;\n}\n.codeBnt[data-v-f047eb3c] {\r\n background-color: #7c52fc;\r\n text-align: center;\r\n border-radius: 10rpx;\r\n line-height: 90rpx;\r\n font-weight: 600;\r\n font-size: 32rpx;\r\n color: #FFFFFF;\r\n box-shadow: 2px 0 5px #7c52fc;\r\n position: relative;\n}\r\n/* canvas */\n.codeImg[data-v-f047eb3c] {\r\n position: absolute;\r\n left: -1000%;\r\n height: 603px;\r\n width: 375px;\r\n background: white;\n}\r\n", ""]);
+exports.push([module.i, "@charset \"UTF-8\";\r\n/**\r\n * 这里是uni-app内置的常用样式变量\r\n *\r\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\r\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\r\n *\r\n */\r\n/**\r\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\r\n *\r\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\r\n */\r\n/**\r\n * Web唐明明\r\n * 匆匆数载恍如梦，岁月迢迢华发增。\r\n * 碌碌无为枉半生，一朝惊醒万事空。\r\n */\n.ios-bottom[data-v-f047eb3c] {\r\n padding-bottom: env(safe-area-inset-bottom);\r\n padding-bottom: constant(safe-area-inset-bottom);\n}\n.ios-left[data-v-f047eb3c] {\r\n padding-left: env(safe-area-inset-left);\r\n padding-left: constant(safe-area-inset-left);\n}\n.ios-right[data-v-f047eb3c] {\r\n padding-right: env(safe-area-inset-right);\r\n padding-right: constant(safe-area-inset-right);\n}\n.ios-top[data-v-f047eb3c] {\r\n padding-top: var(--status-bar-height);\n}\n.vertical[data-v-f047eb3c] {\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-pack: center;\n}\n.nowrap[data-v-f047eb3c] {\r\n max-width: 100%;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\n}\n.ellipsis[data-v-f047eb3c] {\r\n max-width: 100%;\r\n display: -webkit-box;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 2;\n}\n.ellipsis-1[data-v-f047eb3c] {\r\n max-width: 100%;\r\n display: -webkit-box;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 1;\n}\n.ellipsis-3[data-v-f047eb3c] {\r\n display: -webkit-box;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\n}\n.ellipsis-4[data-v-f047eb3c] {\r\n display: -webkit-box;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 4;\n}\n.ellipsis-5[data-v-f047eb3c] {\r\n display: -webkit-box;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 5;\n}\r\n/* 颜色变量 */\r\n/* 行为相关颜色 */\r\n/* 文字基本颜色 */\r\n/* 背景颜色 */\r\n/* 边框颜色 */\r\n/* 尺寸变量 */\r\n/* 文字尺寸 */\r\n/* 图片尺寸 */\r\n/* Border Radius */\r\n/* 水平间距 */\r\n/* 垂直间距 */\r\n/* 透明度 */\r\n/* 文章场景相关 */\n.shareContent[data-v-f047eb3c] {\r\n background: #7c52fc;\r\n height: 100vh;\r\n width: 100vw;\n}\n.codeContent[data-v-f047eb3c] {\r\n position: relative;\r\n left: 0;\r\n right: 0;\r\n top: 0;\n}\n.codeContent .codeTop[data-v-f047eb3c] {\r\n position: absolute;\r\n left: 5%;\r\n top: 240rpx;\r\n width: 90%;\r\n background-color: #FFFFFF;\r\n border-radius: 30rpx;\r\n padding: 0 50rpx;\r\n box-sizing: border-box;\r\n box-shadow: 0 0 40rpx rgba(94, 59, 201, 0.5);\r\n z-index: 2;\r\n display: flex;\r\n height: 200rpx;\n}\n.codeContent .codeTop .codeTop-cover[data-v-f047eb3c] {\r\n width: 120rpx;\r\n height: 120rpx;\r\n border-radius: 50%;\r\n margin: 40rpx 30rpx 0 0;\r\n border: 4rpx solid #FFFFFF;\r\n box-shadow: 0 5rpx 10rpx rgba(94, 59, 201, 0.3);\n}\n.codeContent .codeTop .codeTop-title[data-v-f047eb3c] {\r\n padding-top: 50rpx;\n}\n.codeContent .codeTop .codeTop-title .codeTop-name[data-v-f047eb3c] {\r\n font-weight: 600;\r\n font-size: 36rpx;\r\n margin-bottom: 10rpx;\n}\n.codeContent .codeTop .codeTop-title .codeTop-tips[data-v-f047eb3c] {\r\n color: #999;\n}\n.codeContent .codeCode[data-v-f047eb3c] {\r\n background-color: #FFFFFF;\r\n box-shadow: 0 0 40rpx rgba(27, 0, 111, 0.4);\r\n position: absolute;\r\n padding: 400rpx 0 200rpx;\r\n left: 10%;\r\n top: 160rpx;\r\n width: 80%;\r\n border-radius: 30rpx;\r\n z-index: 1;\r\n text-align: center;\n}\n.codeContent .codeCode .codeImg-code[data-v-f047eb3c] {\r\n width: 360rpx;\r\n height: 360rpx;\r\n margin: 0 0 20rpx;\r\n border: 2px solid #f3f3f3;\r\n padding: 30rpx;\r\n box-sizing: border-box;\n}\n.codeContent .codeCode .codeImg-text[data-v-f047eb3c] {\r\n font-size: 32rpx;\r\n color: #333;\r\n position: relative;\r\n z-index: 1;\n}\n.codeBnt[data-v-f047eb3c] {\r\n background-color: #7c52fc;\r\n text-align: center;\r\n border-radius: 10rpx;\r\n line-height: 90rpx;\r\n font-weight: 600;\r\n font-size: 32rpx;\r\n color: #FFFFFF;\r\n box-shadow: 2px 0 5px #7c52fc;\r\n position: relative;\n}\r\n/* canvas */\n.codeImg[data-v-f047eb3c] {\r\n position: absolute;\r\n left: -1000%;\r\n height: 603px;\r\n width: 375px;\r\n background: white;\n}\n.my-canvas[data-v-f047eb3c] {\r\n width: 375px;\r\n height: 667px;\r\n position: fixed;\r\n top: -99999999999rpx;\r\n left: -99999999999rpx;\r\n z-index: -99999999999;\r\n opacity: 0;\n}\n.posterBack[data-v-f047eb3c] {\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n left: 0;\r\n top: 0;\n}\n.poster[data-v-f047eb3c] {\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n flex-flow: column nowrap;\r\n justify-content: center;\r\n overflow: hidden;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 999999999999;\n}\n.poster-img[data-v-f047eb3c] {\r\n width: 580rpx;\r\n position: relative;\r\n margin: 70rpx auto 20rpx;\n}\n.poster-img .img[data-v-f047eb3c] {\r\n width: 100%;\n}\n.poster-btn[data-v-f047eb3c] {\r\n padding: 0 60rpx;\n}\n.poster-btn .operate[data-v-f047eb3c] {\r\n width: 80%;\r\n margin-bottom: 20rpx;\r\n height: 80rpx;\r\n line-height: 80rpx;\r\n border-radius: 40rpx;\r\n margin-left: 10%;\r\n display: inline-block;\r\n text-align: center;\r\n color: #fff;\n}\n.poster-btn .operate-cancel[data-v-f047eb3c] {\r\n background-color: #8b64fd;\n}\r\n", ""]);
// Exports
module.exports = exports;