| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\setting\\ticket\\content.vue?vue&type=style&index=0&id=90c701ce&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\ticket\\content.vue","mtime":1761614939063},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQo6OnYtZGVlcCAuaXZ1LWNoZWNrYm94LXdyYXBwZXIgew0KICBmb250LXNpemU6IDEycHg7DQogIG1hcmdpbi1yaWdodDogMzBweDsNCn0NCjo6di1kZWVwIC5lbC1jaGVja2JveF9faW5wdXQgew0KICBtYXJnaW4tcmlnaHQ6IDZweDsNCn0NCjo6di1kZWVwIC5lbC1jaGVja2JveF9faW5wdXQgew0KICB3aWR0aDogMTRweDsNCiAgaGVpZ2h0OiAxNHB4Ow0KICBmb250LXNpemU6IDEycHg7DQp9DQoud2FycHBlciB7DQogIG1heC13aWR0aDogMTIwMHB4Ow0KfQ0KLmZpeGVkLWNhcmQgew0KICBwb3NpdGlvbjogZml4ZWQ7DQogIHJpZ2h0OiAwOw0KICBib3R0b206IDA7DQogIGxlZnQ6IDI2NXB4Ow0KICB6LWluZGV4OiA0NTsNCiAgYm94LXNoYWRvdzogMCAtMXB4IDJweCByZ2IoMjQwLCAyNDAsIDI0MCk7DQp9DQoubGluayB7DQogIGJhY2tncm91bmQ6ICNmNmY3Zjk7DQogIGJvcmRlci1yYWRpdXM6IDJweDsNCiAgcGFkZGluZzogMTVweDsNCn0NCi5zZWxlY3QtbGluayB7DQogIGZvbnQtc2l6ZTogMTJweDsNCn0NCi5jaGFuZ2Ugew0KICBjb2xvcjogIzJkOGNmMDsNCiAgY3Vyc29yOiBwb2ludGVyOw0KfQ0KLnRpY2tldC1jb250ZW50Ojotd2Via2l0LXNjcm9sbGJhciB7DQogIGRpc3BsYXk6IG5vbmU7DQp9DQoudGlja2V0LXByZXZpZXcgew0KICBkaXNwbGF5OiBmbGV4Ow0KICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICBhbGlnbi1pdGVtczogY2VudGVyOw0KfQ0KLm91dC1saW5lIHsNCiAgd2lkdGg6IDI3MXB4Ow0KICBoZWlnaHQ6IDdweDsNCiAgYmFja2dyb3VuZDogI2VlZWVlZTsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KfQ0KDQpALXdlYmtpdC1rZXlmcmFtZXMgc2hvdyB7DQogIDAlIHsNCiAgICBtYXJnaW4tdG9wOiAtNzB2aDsNCiAgfQ0KICAxMDAlIHsNCiAgICBtYXJnaW4tdG9wOiAwOw0KICB9DQp9DQoNCkAtbW96LWtleWZyYW1lcyBzaG93IHsNCiAgMCUgew0KICAgIG1hcmdpbi10b3A6IC03MHZoOw0KICB9DQogIDEwMCUgew0KICAgIG1hcmdpbi10b3A6IDA7DQogIH0NCn0NCg0KQC1tcy1rZXlmcmFtZXMgc2hvdyB7DQogIDAlIHsNCiAgICBtYXJnaW4tdG9wOiAtNzB2aDsNCiAgfQ0KICAxMDAlIHsNCiAgICBtYXJnaW4tdG9wOiAwOw0KICB9DQp9DQoNCkAtby1rZXlmcmFtZXMgc2hvdyB7DQogIDAlIHsNCiAgICBtYXJnaW4tdG9wOiAtNzB2aDsNCiAgfQ0KICAxMDAlIHsNCiAgICBtYXJnaW4tdG9wOiAwOw0KICB9DQp9DQoNCkBrZXlmcmFtZXMgc2hvdyB7DQogIDAlIHsNCiAgICBtYXJnaW4tdG9wOiAtNzB2aDsNCiAgfQ0KICAxMDAlIHsNCiAgICBtYXJnaW4tdG9wOiAwOw0KICB9DQp9DQoudGlja2V0LXByZXZpZXcgew0KICBvdmVyZmxvdzogaGlkZGVuOw0KICBoZWlnaHQ6IDcwdmg7DQp9DQoudGlja2V0LWNvbnRlbnQgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIHRvcDogLTNweDsNCiAgYW5pbWF0aW9uOiBzaG93IDJzIGVhc2UtaW4tb3V0IGZvcndhcmRzOw0KICB3aWR0aDogMjYwcHg7DQogIG1heC1oZWlnaHQ6IDcwdmg7DQogIG92ZXJmbG93LXk6IHNjcm9sbDsNCiAgb3ZlcmZsb3cteDogaGlkZGVuOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICBwYWRkaW5nOiAyMHB4IDE1cHggMTVweCAxNXB4Ow0KICBib3gtc2hhZG93OiAwcHggNHB4IDEwcHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xKTsNCiAgYm9yZGVyLXJhZGl1czogMXB4IDFweCAxcHggMXB4Ow0KICBmb250LXNpemU6IDEycHg7DQogIGZvbnQtd2VpZ2h0OiA0MDA7DQogIGNvbG9yOiAjMzMzOw0KICBsaW5lLWhlaWdodDogMThweDsNCiAgLmZvcm0tYm94IHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIC5sYWJlbCB7DQogICAgICB3aGl0ZS1zcGFjZTogbm93cmFwOw0KICAgIH0NCiAgfQ0KICAudGlja2V0LWhlYWRlciB7DQogICAgZm9udC13ZWlnaHQ6IDUwMDsNCiAgICBmb250LXNpemU6IDE4cHg7DQogICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgIG1hcmdpbi1ib3R0b206IDIwcHg7DQogIH0NCiAgLmJ0bi1saW5lIHsNCiAgICBib3JkZXItYm90dG9tOiAxcHggZGFzaGVkICNlZWU7DQogICAgcGFkZGluZzogMTBweCAwOw0KICAgIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDsNCiAgfQ0KICAuZnctNTAwIHsNCiAgICBmb250LXdlaWdodDogNTAwOw0KICB9DQogIC5jb2RlIHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCg0KICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAjcXJjb2RlIHsNCiAgICAgIG1hcmdpbjogMjVweCAwIDBweDsNCiAgICB9DQogIH0NCn0NCi5ib3R0b20tbm90aWNlIHsNCiAgd2lkdGg6IDI2MHB4Ow0KICBtYXJnaW4tbGVmdDogMXB4Ow0KICBoZWlnaHQ6IDEzcHg7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCn0NCi5pbWFnZSB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDEwMCU7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgdG9wOiAtNnB4Ow0KfQ0KLnhpbmcgew0KICB3aWR0aDogMTAwJTsNCiAgZGlzcGxheTogZmxleDsNCiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogIG92ZXJmbG93OiBoaWRkZW47DQogIHdoaXRlLXNwYWNlOiBub3dyYXA7DQp9DQo="},{"version":3,"sources":["content.vue"],"names":[],"mappings":";AA8RA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"content.vue","sourceRoot":"src/pages/setting/ticket","sourcesContent":["<template>\r\n <div>\r\n <pages-header ref=\"pageHeader\" title=\"小票配置\" :backUrl=\"$routeProStr + '/setting/ticket'\"></pages-header>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"mt16\">\r\n <div class=\"flex justify-between warpper\">\r\n <el-form :model=\"formItem\" label-width=\"120px\">\r\n <el-form-item label=\"小票头部：\">\r\n <el-checkbox v-model=\"formItem.header\" :true-label=\"1\" :false-label=\"0\">商家名称</el-checkbox>\r\n </el-form-item>\r\n <el-form-item label=\"配送信息：\">\r\n <el-checkbox v-model=\"formItem.delivery\" :true-label=\"1\" :false-label=\"0\">配送信息</el-checkbox>\r\n </el-form-item>\r\n <el-form-item label=\"买家备注：\">\r\n <el-checkbox v-model=\"formItem.buyer_remarks\" :true-label=\"1\" :false-label=\"0\">买家备注</el-checkbox>\r\n </el-form-item>\r\n <el-form-item label=\"商品信息：\">\r\n <el-checkbox-group v-model=\"formItem.goods\">\r\n <el-checkbox :label=\"0\">商品基础信息</el-checkbox>\r\n <el-checkbox :label=\"1\">规格编码</el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item label=\"运费信息：\">\r\n <el-checkbox v-model=\"formItem.freight\" :true-label=\"1\" :false-label=\"0\">运费</el-checkbox>\r\n </el-form-item>\r\n <el-form-item label=\"优惠信息：\">\r\n <el-checkbox v-model=\"formItem.preferential\" :true-label=\"1\" :false-label=\"0\">优惠总计</el-checkbox>\r\n </el-form-item>\r\n <el-form-item label=\"支付信息：\">\r\n <el-checkbox-group v-model=\"formItem.pay\">\r\n <el-checkbox :label=\"0\">支付方式</el-checkbox>\r\n <el-checkbox :label=\"1\">实收金额</el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item label=\"其他订单信息：\">\r\n <el-checkbox-group v-model=\"formItem.order\">\r\n <el-checkbox :label=\"0\">订单编号</el-checkbox>\r\n <el-checkbox :label=\"1\">下单时间</el-checkbox>\r\n <el-checkbox :label=\"2\">支付时间</el-checkbox>\r\n <el-checkbox :label=\"3\">打印时间</el-checkbox>\r\n </el-checkbox-group>\r\n </el-form-item>\r\n <el-form-item label=\"推广二维码：\">\r\n <el-checkbox v-model=\"formItem.code\" :true-label=\"1\" :false-label=\"0\">选择系统链接</el-checkbox>\r\n <div v-if=\"formItem.code\" class=\"link\">\r\n <div class=\"select-link\">\r\n 链接：{{ formItem.code_url }}\r\n <span class=\"change\" @click=\"getLink(index)\">{{ formItem.code_url ? '修改' : '选择' }}</span>\r\n </div>\r\n </div>\r\n </el-form-item>\r\n <el-form-item label=\"底部公告：\">\r\n <el-checkbox v-model=\"formItem.show_notice\" :true-label=\"1\" :false-label=\"0\">底部公告</el-checkbox>\r\n <div v-if=\"formItem.show_notice\">\r\n <el-input\r\n v-model=\"formItem.notice_content\"\r\n maxlength=\"80\"\r\n show-word-limit\r\n type=\"textarea\"\r\n placeholder=\"请输入公告内容\"\r\n style=\"width: 500px\"\r\n />\r\n </div>\r\n </el-form-item>\r\n </el-form>\r\n <div class=\"ticket-preview\">\r\n <div class=\"out-line\"></div>\r\n <div class=\"ticket-content\">\r\n <div v-if=\"formItem.header === 1\" class=\"ticket-header\">商家名称</div>\r\n <!-- 配送方式 -->\r\n <div class=\"delivery btn-line\" v-if=\"formItem.delivery === 1\">\r\n <div class=\"form-box\">\r\n <div class=\"label\">配送方式：</div>\r\n <div class=\"content\">商家配送</div>\r\n </div>\r\n <div class=\"form-box\">\r\n <div class=\"label\">客户姓名：</div>\r\n <div class=\"content\">收货人姓名</div>\r\n </div>\r\n <div class=\"form-box\">\r\n <div class=\"label\">客户电话：</div>\r\n <div class=\"content\">13023354455</div>\r\n </div>\r\n <div class=\"form-box\">\r\n <div class=\"label\">收货地址：</div>\r\n <div class=\"content\">上海市浦东新区世界大道25号B座309室</div>\r\n </div>\r\n </div>\r\n <!-- 备注 -->\r\n <div class=\"buyer-remarks btn-line\" v-if=\"formItem.buyer_remarks === 1\">\r\n <div class=\"form-box\">\r\n <div class=\"label\">买家备注：</div>\r\n <div class=\"content\">请在收货时向商家留言，谢谢！</div>\r\n </div>\r\n </div>\r\n <!-- 商品 -->\r\n <div v-if=\"formItem.goods.includes(0)\">\r\n <div class=\"goods btn-line\">\r\n <div class=\"xing\">*************************商品***********************</div>\r\n <div class=\"flex justify-between\">\r\n <span>商品</span>\r\n <span>单价</span>\r\n <span>数量</span>\r\n <span>金额</span>\r\n </div>\r\n </div>\r\n <div class=\"goods-msg btn-line\">\r\n <div class=\"flex justify-between\">\r\n <span>商品1</span>\r\n <span>100.0</span>\r\n <span>2</span>\r\n <span>200.0</span>\r\n </div>\r\n <div class=\"flex justify-between\">\r\n <span>(规格1)</span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n </div>\r\n <div v-if=\"formItem.goods.includes(1)\" class=\"flex py-10\">\r\n <span>规格编码：</span>\r\n <span>FKXQW4567vw59</span>\r\n </div>\r\n </div>\r\n <div class=\"goods-msg pb-10 pt-10\">\r\n <div class=\"flex justify-between\">\r\n <span>商品2</span>\r\n <span>100.0</span>\r\n <span>2</span>\r\n <span>200.0</span>\r\n </div>\r\n <div class=\"flex justify-between\">\r\n <span>(规格2)</span>\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n </div>\r\n <div v-if=\"formItem.goods.includes(1)\" class=\"flex py-10\">\r\n <span>规格编码：</span>\r\n <span>FKXQW4567vw50</span>\r\n </div>\r\n </div>\r\n <div class=\"xing\">**************************************************</div>\r\n <!-- 合计 -->\r\n <div class=\"pay flex flex-col align-end btn-line\">\r\n <template>\r\n <div class=\"fw-500\">合计：400.00元</div>\r\n </template>\r\n </div>\r\n </div>\r\n <!-- 运费优惠 -->\r\n <div\r\n class=\"pay flex flex-col align-end btn-line\"\r\n v-if=\"formItem.freight === 1 || formItem.preferential === 1\"\r\n >\r\n <template>\r\n <div v-if=\"formItem.freight === 1\">运费：+30.00元</div>\r\n <div v-if=\"formItem.preferential === 1\">优惠：-80.00元</div>\r\n <div v-if=\"formItem.preferential === 1\">抵扣：-20.00元</div>\r\n </template>\r\n </div>\r\n <!-- 支付信息 -->\r\n\r\n <div class=\"pay flex flex-col align-end btn-line\" v-if=\"formItem.pay.length > 0\">\r\n <div v-if=\"formItem.pay.includes(0)\">支付方式：微信支付</div>\r\n <div v-if=\"formItem.pay.includes(1)\" class=\"fw-500\">实际支付：330.00元</div>\r\n </div>\r\n <!-- 订单信息 -->\r\n\r\n <div class=\"order pt-10 btn-line\" v-if=\"formItem.order.length > 0\">\r\n <div v-if=\"formItem.order.includes(0)\">订单编号：wx1234567890</div>\r\n <div v-if=\"formItem.order.includes(1)\">下单时间：2022/06/18 12:00:00</div>\r\n <div v-if=\"formItem.order.includes(2)\">支付时间：2022/06/18 12:00:00</div>\r\n <div v-if=\"formItem.order.includes(3)\">打印时间：2022/06/18 14:20:00</div>\r\n </div>\r\n <!-- 二维码 -->\r\n <div class=\"code\">\r\n <div v-show=\"formItem.code\" id=\"qrcode\"></div>\r\n <div class=\"mt-20\" v-if=\"formItem.show_notice\">\r\n {{ formItem.notice_content }}\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bottom-notice\">\r\n <img class=\"image\" src=\"@/assets/images/p-btn.png\" alt=\"\" />\r\n </div>\r\n </div>\r\n </div>\r\n </el-card>\r\n <el-card :bordered=\"false\" dis-hover class=\"fixed-card\">\r\n <el-button type=\"primary\" class=\"submission\" @click=\"save\">保存</el-button>\r\n </el-card>\r\n <linkaddress ref=\"linkaddres\" @linkUrl=\"linkUrl\"></linkaddress>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapMutations } from 'vuex';\r\nimport { printContent, printSaveContent } from '@/api/setting';\r\nimport linkaddress from '@/components/linkaddress';\r\nimport QRCode from 'qrcodejs2';\r\nimport Setting from '@/setting';\r\nexport default {\r\n name: 'content',\r\n components: { linkaddress },\r\n data() {\r\n return {\r\n formItem: {\r\n header: 1,\r\n delivery: 1,\r\n buyer_remarks: 1,\r\n goods: [0],\r\n freight: 1,\r\n preferential: 1,\r\n pay: [0, 1],\r\n order: [0, 1],\r\n code: 0,\r\n code_url: '',\r\n show_notice: 0,\r\n notice_content: '',\r\n },\r\n code: '',\r\n BaseURL: Setting.apiBaseURL.replace(/\\/adminapi/, ''),\r\n id: this.$route.query.id,\r\n };\r\n },\r\n computed: {\r\n ...mapState('admin/layout', ['isMobile', 'menuCollapse']),\r\n labelWidth() {\r\n return this.isMobile ? undefined : 120;\r\n },\r\n labelPosition() {\r\n return this.isMobile ? 'top' : 'right';\r\n },\r\n labelBottom() {\r\n return this.isMobile ? undefined : 15;\r\n },\r\n },\r\n created() {\r\n if (this.id) this.getPrintContent();\r\n },\r\n methods: {\r\n getPrintContent() {\r\n printContent(this.id).then((res) => {\r\n if (!Array.isArray(res.data)) this.formItem = res.data;\r\n if (res.data.code && res.data.code_url) {\r\n this.code = this.BaseURL + res.data.code_url;\r\n this.$nextTick((e) => {\r\n this.drawCode(this.code);\r\n });\r\n }\r\n });\r\n },\r\n save() {\r\n printSaveContent(this.id, this.formItem)\r\n .then((res) => {\r\n this.$message.success('保存成功');\r\n })\r\n .catch((err) => {\r\n this.$message.error('保存失败');\r\n });\r\n },\r\n getLink(index) {\r\n this.$refs.linkaddres.modals = true;\r\n },\r\n linkUrl(e) {\r\n this.formItem.code_url = e;\r\n let url = this.BaseURL + e;\r\n this.drawCode(url);\r\n },\r\n drawCode(url) {\r\n let qrcode = '';\r\n let obj = document.getElementById('qrcode');\r\n obj.innerHTML = '';\r\n qrcode = new QRCode(obj, {\r\n text: url, // 需要转换为二维码的内容\r\n width: 128,\r\n height: 128,\r\n colorDark: '#000000',\r\n colorLight: '#ffffff',\r\n correctLevel: QRCode.CorrectLevel.H,\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n::v-deep .ivu-checkbox-wrapper {\r\n font-size: 12px;\r\n margin-right: 30px;\r\n}\r\n::v-deep .el-checkbox__input {\r\n margin-right: 6px;\r\n}\r\n::v-deep .el-checkbox__input {\r\n width: 14px;\r\n height: 14px;\r\n font-size: 12px;\r\n}\r\n.warpper {\r\n max-width: 1200px;\r\n}\r\n.fixed-card {\r\n position: fixed;\r\n right: 0;\r\n bottom: 0;\r\n left: 265px;\r\n z-index: 45;\r\n box-shadow: 0 -1px 2px rgb(240, 240, 240);\r\n}\r\n.link {\r\n background: #f6f7f9;\r\n border-radius: 2px;\r\n padding: 15px;\r\n}\r\n.select-link {\r\n font-size: 12px;\r\n}\r\n.change {\r\n color: #2d8cf0;\r\n cursor: pointer;\r\n}\r\n.ticket-content::-webkit-scrollbar {\r\n display: none;\r\n}\r\n.ticket-preview {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n.out-line {\r\n width: 271px;\r\n height: 7px;\r\n background: #eeeeee;\r\n border-radius: 4px;\r\n}\r\n\r\n@-webkit-keyframes show {\r\n 0% {\r\n margin-top: -70vh;\r\n }\r\n 100% {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n@-moz-keyframes show {\r\n 0% {\r\n margin-top: -70vh;\r\n }\r\n 100% {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n@-ms-keyframes show {\r\n 0% {\r\n margin-top: -70vh;\r\n }\r\n 100% {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n@-o-keyframes show {\r\n 0% {\r\n margin-top: -70vh;\r\n }\r\n 100% {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n@keyframes show {\r\n 0% {\r\n margin-top: -70vh;\r\n }\r\n 100% {\r\n margin-top: 0;\r\n }\r\n}\r\n.ticket-preview {\r\n overflow: hidden;\r\n height: 70vh;\r\n}\r\n.ticket-content {\r\n position: relative;\r\n top: -3px;\r\n animation: show 2s ease-in-out forwards;\r\n width: 260px;\r\n max-height: 70vh;\r\n overflow-y: scroll;\r\n overflow-x: hidden;\r\n background-color: #fff;\r\n padding: 20px 15px 15px 15px;\r\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);\r\n border-radius: 1px 1px 1px 1px;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #333;\r\n line-height: 18px;\r\n .form-box {\r\n display: flex;\r\n .label {\r\n white-space: nowrap;\r\n }\r\n }\r\n .ticket-header {\r\n font-weight: 500;\r\n font-size: 18px;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n .btn-line {\r\n border-bottom: 1px dashed #eee;\r\n padding: 10px 0;\r\n word-break: break-all;\r\n }\r\n .fw-500 {\r\n font-weight: 500;\r\n }\r\n .code {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n\r\n text-align: center;\r\n #qrcode {\r\n margin: 25px 0 0px;\r\n }\r\n }\r\n}\r\n.bottom-notice {\r\n width: 260px;\r\n margin-left: 1px;\r\n height: 13px;\r\n position: relative;\r\n}\r\n.image {\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: -6px;\r\n}\r\n.xing {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n}\r\n</style>\r\n"]}]}
|
