{"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"]}]}