| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\setting\\devisePage\\links.vue?vue&type=style&index=0&id=8d3f6efc&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\devisePage\\links.vue","mtime":1761614939054},{"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:DQoucmlnaHQtYm94IHsNCiAgd2lkdGg6IDQwMHB4Ow0KICBtYXJnaW4tbGVmdDogNTBweDsNCiAgYm9yZGVyOiAxcHggc29saWQgI2RkZDsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBoZWlnaHQ6IDcwMHB4Ow0KICBvdmVyZmxvdy15OiBzY3JvbGw7DQogIHBhZGRpbmc6IDAgMTBweDsNCiAgJjo6LXdlYmtpdC1zY3JvbGxiYXIgew0KICAgIC8qIOa7muWKqOadoeaVtOS9k+agt+W8jyAqLw0KICAgIHdpZHRoOiA0cHg7IC8qIOmrmOWuveWIhuWIq+WvueW6lOaoquerlua7muWKqOadoeeahOWwuuWvuCAqLw0KICAgIGhlaWdodDogMXB4Ow0KICB9DQogICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHsNCiAgICAvKiDmu5rliqjmnaHph4zpnaLlsI/mlrnlnZcgKi8NCiAgICBib3JkZXItcmFkaXVzOiA0cHg7DQogICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDVweCByZ2JhKDAsIDAsIDAsIDAuMik7DQogICAgYmFja2dyb3VuZDogIzUzNTM1MzsNCiAgfQ0KICAmOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7DQogICAgLyog5rua5Yqo5p2h6YeM6Z2i6L2o6YGTICovDQogICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDVweCAjZmZmOw0KICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICBiYWNrZ3JvdW5kOiAjZmZmOw0KICB9DQogIC5saW5rLWl0ZW0gew0KICAgIHBhZGRpbmc6IDEwcHggMDsNCiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2Y1ZjVmNTsNCiAgICAudGl0bGUgew0KICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgY29sb3I6ICMyZDhjZjA7DQogICAgfQ0KICAgIC50eHQgew0KICAgICAgbWFyZ2luOiA1cHggMDsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCg0KICAgICAgc3BhbiB7DQogICAgICAgIGNvbG9yOiAjMzMzOw0KICAgICAgfQ0KDQogICAgICBwIHsNCiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICAgICAgICBjb2xvcjogIzE5YmU2YjsNCiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KDQogICAgICAgIHNwYW4gew0KICAgICAgICAgIGNvbG9yOiAjMzMzOw0KICAgICAgICB9DQogICAgICAgICYucmVkIHsNCiAgICAgICAgICBjb2xvcjogI2YwMDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgICAudGlwcyB7DQogICAgICBmb250LXNpemU6IDEycHg7DQogICAgICBjb2xvcjogIzk5OTsNCiAgICAgIC5jb3B5IHsNCiAgICAgICAgcGFkZGluZzogM3B4IDVweDsNCiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2NjY2NjYzsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4Ow0KICAgICAgICBjb2xvcjogIzMzMzsNCiAgICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgICAgICBtYXJnaW4tbGVmdDogNXB4Ow0KICAgICAgICAmOmhvdmVyIHsNCiAgICAgICAgICBib3JkZXItY29sb3I6ICMyZDhjZjA7DQogICAgICAgICAgY29sb3I6ICMyZDhjZjA7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["links.vue"],"names":[],"mappings":";AAgFA;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;;AAEA;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":"links.vue","sourceRoot":"src/pages/setting/devisePage","sourcesContent":["<template>\r\n <div class=\"right-box\">\r\n <div class=\"link-item\" v-for=\"(item, index) in list\" :key=\"index\">\r\n <div class=\"title\">{{ item.name }}</div>\r\n <div class=\"txt\"><span>地址：</span>{{ item.url }}</div>\r\n <div class=\"txt\" v-if=\"item.parameter\">\r\n <p><span>参数：</span></p>\r\n <span>{{ item.parameter }}</span>\r\n <!--<span v-for=\"(val, key, index) in item.parameter\">{{key+\"=\"+val}}<i style=\"font-style: normal\">&</i></span>-->\r\n </div>\r\n <div class=\"tips\">\r\n 例如：{{ item.example }}\r\n <!--<el-button size=\"small\" style=\"margin-left: 10px\" v-clipboard:copy=\"item.example\"-->\r\n <!--v-clipboard:success=\"onCopy\"-->\r\n <!--v-clipboard:error=\"onError\">复制</el-button>-->\r\n <span class=\"copy copy-data\" v-db-click @click=\"onCopy(item.example)\">复制</span>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport ClipboardJS from 'clipboard';\r\nimport { getUrl } from '@/api/diy';\r\nexport default {\r\n name: 'links',\r\n data() {\r\n return {\r\n list: [\r\n {\r\n name: '商城首页',\r\n url: '/pages/goods/order_list/index',\r\n parameter: [{}],\r\n example: '/pages/activity/bargain/index',\r\n },\r\n {\r\n name: '商城首页',\r\n url: '/pages/goods/order_list/index',\r\n parameter: [{}],\r\n example: '/pages/activity/bargain/index',\r\n },\r\n ],\r\n clipboard: undefined,\r\n };\r\n },\r\n created() {\r\n getUrl().then((res) => {\r\n this.list = res.data.url;\r\n });\r\n },\r\n mounted: function () {\r\n this.$nextTick(function () {\r\n this.clipboard = new ClipboardJS('.copy-data');\r\n this.clipboard.on('success', () => {\r\n this.$message.success('复制成功');\r\n });\r\n });\r\n },\r\n destroyed() {\r\n // 销毁Clipboard实例，避免在其它页面或组件中实例化Clipboard后造成再次监听，产生重复回调\r\n this.clipboard.destroy();\r\n },\r\n methods: {\r\n onCopy(copyData) {\r\n this.$copyText(copyData)\r\n .then((message) => {\r\n this.$message.success('复制成功');\r\n })\r\n .catch((err) => {\r\n this.$message.error('复制失败');\r\n });\r\n },\r\n // onError () {\r\n // this.$message.error('复制成功');\r\n // }\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.right-box {\r\n width: 400px;\r\n margin-left: 50px;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n height: 700px;\r\n overflow-y: scroll;\r\n padding: 0 10px;\r\n &::-webkit-scrollbar {\r\n /* 滚动条整体样式 */\r\n width: 4px; /* 高宽分别对应横竖滚动条的尺寸 */\r\n height: 1px;\r\n }\r\n &::-webkit-scrollbar-thumb {\r\n /* 滚动条里面小方块 */\r\n border-radius: 4px;\r\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\r\n background: #535353;\r\n }\r\n &::-webkit-scrollbar-track {\r\n /* 滚动条里面轨道 */\r\n box-shadow: inset 0 0 5px #fff;\r\n border-radius: 4px;\r\n background: #fff;\r\n }\r\n .link-item {\r\n padding: 10px 0;\r\n border-bottom: 1px solid #f5f5f5;\r\n .title {\r\n font-size: 14px;\r\n color: #2d8cf0;\r\n }\r\n .txt {\r\n margin: 5px 0;\r\n font-size: 12px;\r\n\r\n span {\r\n color: #333;\r\n }\r\n\r\n p {\r\n display: inline-block;\r\n color: #19be6b;\r\n margin-right: 10px;\r\n\r\n span {\r\n color: #333;\r\n }\r\n &.red {\r\n color: #f00;\r\n }\r\n }\r\n }\r\n .tips {\r\n font-size: 12px;\r\n color: #999;\r\n .copy {\r\n padding: 3px 5px;\r\n border: 1px solid #cccccc;\r\n border-radius: 5px;\r\n color: #333;\r\n cursor: pointer;\r\n margin-left: 5px;\r\n &:hover {\r\n border-color: #2d8cf0;\r\n color: #2d8cf0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
