| 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=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\ticket\\content.vue","mtime":1761614939063},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"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:DQppbXBvcnQgeyBtYXBTdGF0ZSwgbWFwTXV0YXRpb25zIH0gZnJvbSAndnVleCc7DQppbXBvcnQgeyBwcmludENvbnRlbnQsIHByaW50U2F2ZUNvbnRlbnQgfSBmcm9tICdAL2FwaS9zZXR0aW5nJzsNCmltcG9ydCBsaW5rYWRkcmVzcyBmcm9tICdAL2NvbXBvbmVudHMvbGlua2FkZHJlc3MnOw0KaW1wb3J0IFFSQ29kZSBmcm9tICdxcmNvZGVqczInOw0KaW1wb3J0IFNldHRpbmcgZnJvbSAnQC9zZXR0aW5nJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2NvbnRlbnQnLA0KICBjb21wb25lbnRzOiB7IGxpbmthZGRyZXNzIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGZvcm1JdGVtOiB7DQogICAgICAgIGhlYWRlcjogMSwNCiAgICAgICAgZGVsaXZlcnk6IDEsDQogICAgICAgIGJ1eWVyX3JlbWFya3M6IDEsDQogICAgICAgIGdvb2RzOiBbMF0sDQogICAgICAgIGZyZWlnaHQ6IDEsDQogICAgICAgIHByZWZlcmVudGlhbDogMSwNCiAgICAgICAgcGF5OiBbMCwgMV0sDQogICAgICAgIG9yZGVyOiBbMCwgMV0sDQogICAgICAgIGNvZGU6IDAsDQogICAgICAgIGNvZGVfdXJsOiAnJywNCiAgICAgICAgc2hvd19ub3RpY2U6IDAsDQogICAgICAgIG5vdGljZV9jb250ZW50OiAnJywNCiAgICAgIH0sDQogICAgICBjb2RlOiAnJywNCiAgICAgIEJhc2VVUkw6IFNldHRpbmcuYXBpQmFzZVVSTC5yZXBsYWNlKC9cL2FkbWluYXBpLywgJycpLA0KICAgICAgaWQ6IHRoaXMuJHJvdXRlLnF1ZXJ5LmlkLA0KICAgIH07DQogIH0sDQogIGNvbXB1dGVkOiB7DQogICAgLi4ubWFwU3RhdGUoJ2FkbWluL2xheW91dCcsIFsnaXNNb2JpbGUnLCAnbWVudUNvbGxhcHNlJ10pLA0KICAgIGxhYmVsV2lkdGgoKSB7DQogICAgICByZXR1cm4gdGhpcy5pc01vYmlsZSA/IHVuZGVmaW5lZCA6IDEyMDsNCiAgICB9LA0KICAgIGxhYmVsUG9zaXRpb24oKSB7DQogICAgICByZXR1cm4gdGhpcy5pc01vYmlsZSA/ICd0b3AnIDogJ3JpZ2h0JzsNCiAgICB9LA0KICAgIGxhYmVsQm90dG9tKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyB1bmRlZmluZWQgOiAxNTsNCiAgICB9LA0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIGlmICh0aGlzLmlkKSB0aGlzLmdldFByaW50Q29udGVudCgpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgZ2V0UHJpbnRDb250ZW50KCkgew0KICAgICAgcHJpbnRDb250ZW50KHRoaXMuaWQpLnRoZW4oKHJlcykgPT4gew0KICAgICAgICBpZiAoIUFycmF5LmlzQXJyYXkocmVzLmRhdGEpKSB0aGlzLmZvcm1JdGVtID0gcmVzLmRhdGE7DQogICAgICAgIGlmIChyZXMuZGF0YS5jb2RlICYmIHJlcy5kYXRhLmNvZGVfdXJsKSB7DQogICAgICAgICAgdGhpcy5jb2RlID0gdGhpcy5CYXNlVVJMICsgcmVzLmRhdGEuY29kZV91cmw7DQogICAgICAgICAgdGhpcy4kbmV4dFRpY2soKGUpID0+IHsNCiAgICAgICAgICAgIHRoaXMuZHJhd0NvZGUodGhpcy5jb2RlKTsNCiAgICAgICAgICB9KTsNCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgfSwNCiAgICBzYXZlKCkgew0KICAgICAgcHJpbnRTYXZlQ29udGVudCh0aGlzLmlkLCB0aGlzLmZvcm1JdGVtKQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCfkv53lrZjmiJDlip8nKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChlcnIpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKCfkv53lrZjlpLHotKUnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICBnZXRMaW5rKGluZGV4KSB7DQogICAgICB0aGlzLiRyZWZzLmxpbmthZGRyZXMubW9kYWxzID0gdHJ1ZTsNCiAgICB9LA0KICAgIGxpbmtVcmwoZSkgew0KICAgICAgdGhpcy5mb3JtSXRlbS5jb2RlX3VybCA9IGU7DQogICAgICBsZXQgdXJsID0gdGhpcy5CYXNlVVJMICsgZTsNCiAgICAgIHRoaXMuZHJhd0NvZGUodXJsKTsNCiAgICB9LA0KICAgIGRyYXdDb2RlKHVybCkgew0KICAgICAgbGV0IHFyY29kZSA9ICcnOw0KICAgICAgbGV0IG9iaiA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdxcmNvZGUnKTsNCiAgICAgIG9iai5pbm5lckhUTUwgPSAnJzsNCiAgICAgIHFyY29kZSA9IG5ldyBRUkNvZGUob2JqLCB7DQogICAgICAgIHRleHQ6IHVybCwgLy8g6ZyA6KaB6L2s5o2i5Li65LqM57u056CB55qE5YaF5a65DQogICAgICAgIHdpZHRoOiAxMjgsDQogICAgICAgIGhlaWdodDogMTI4LA0KICAgICAgICBjb2xvckRhcms6ICcjMDAwMDAwJywNCiAgICAgICAgY29sb3JMaWdodDogJyNmZmZmZmYnLA0KICAgICAgICBjb3JyZWN0TGV2ZWw6IFFSQ29kZS5Db3JyZWN0TGV2ZWwuSCwNCiAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["content.vue"],"names":[],"mappings":";AAoMA;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;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","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"]}]}
|
