{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\Share\\DropdownMenu.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\Share\\DropdownMenu.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCiRuOiA5OyAvL+WSjGl0ZW1zLmxlbmd0aCDnm7jlkIwKJHQ6IC4xczsKLnNoYXJlLWRyb3Bkb3duLW1lbnUgewogIHdpZHRoOiAyNTBweDsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgei1pbmRleDogMTsKICBoZWlnaHQ6IGF1dG8haW1wb3J0YW50OwogICYtdGl0bGUgewogICAgd2lkdGg6IDEwMCU7CiAgICBkaXNwbGF5OiBibG9jazsKICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIGJhY2tncm91bmQ6IGJsYWNrOwogICAgY29sb3I6IHdoaXRlOwogICAgaGVpZ2h0OiA2MHB4OwogICAgbGluZS1oZWlnaHQ6IDYwcHg7CiAgICBmb250LXNpemU6IDIwcHg7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICB6LWluZGV4OiAyOwogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLDAsMCk7CiAgfQogICYtd3JhcHBlciB7CiAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgfQogICYtaXRlbSB7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICB3aWR0aDogMTAwJTsKICAgIGJhY2tncm91bmQ6ICNlMGUwZTA7CiAgICBjb2xvcjogIzAwMDsKICAgIGxpbmUtaGVpZ2h0OiA2MHB4OwogICAgaGVpZ2h0OiA2MHB4OwogICAgY3Vyc29yOiBwb2ludGVyOwogICAgZm9udC1zaXplOiAxOHB4OwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIG9wYWNpdHk6IDE7CiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4yOHMgZWFzZTsKICAgICY6aG92ZXIgewogICAgICBiYWNrZ3JvdW5kOiBibGFjazsKICAgICAgY29sb3I6IHdoaXRlOwogICAgfQogICAgQGZvciAkaSBmcm9tIDEgdGhyb3VnaCAkbiB7CiAgICAgICY6bnRoLW9mLXR5cGUoI3skaX0pIHsKICAgICAgICB6LWluZGV4OiAtMTsKICAgICAgICB0cmFuc2l0aW9uLWRlbGF5OiAkaSokdDsKICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIC02MHB4LCAwKTsKICAgICAgfQogICAgfQogIH0KICAmLmFjdGl2ZSB7CiAgICAuc2hhcmUtZHJvcGRvd24tbWVudS13cmFwcGVyIHsKICAgICAgei1pbmRleDogMTsKICAgIH0KICAgIC5zaGFyZS1kcm9wZG93bi1tZW51LWl0ZW0gewogICAgICBAZm9yICRpIGZyb20gMSB0aHJvdWdoICRuIHsKICAgICAgICAmOm50aC1vZi10eXBlKCN7JGl9KSB7CiAgICAgICAgICB0cmFuc2l0aW9uLWRlbGF5OiAoJG4gLSAkaSkqJHQ7CiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsICgkaSAtIDEpKjYwcHgsIDApOwogICAgICAgIH0KICAgICAgfQogICAgfQogIH0KfQo="},{"version":3,"sources":["DropdownMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;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":"DropdownMenu.vue","sourceRoot":"src/components/Share","sourcesContent":["<template>\n  <div :class=\"{active:isActive}\" class=\"share-dropdown-menu\">\n    <div class=\"share-dropdown-menu-wrapper\">\n      <span class=\"share-dropdown-menu-title\" @click.self=\"clickTitle\">{{ title }}</span>\n      <div v-for=\"(item,index) of items\" :key=\"index\" class=\"share-dropdown-menu-item\">\n        <a v-if=\"item.href\" :href=\"item.href\" target=\"_blank\">{{ item.title }}</a>\n        <span v-else>{{ item.title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    items: {\n      type: Array,\n      default: function() {\n        return []\n      }\n    },\n    title: {\n      type: String,\n      default: 'vue'\n    }\n  },\n  data() {\n    return {\n      isActive: false\n    }\n  },\n  methods: {\n    clickTitle() {\n      this.isActive = !this.isActive\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" >\n$n: 9; //和items.length 相同\n$t: .1s;\n.share-dropdown-menu {\n  width: 250px;\n  position: relative;\n  z-index: 1;\n  height: auto!important;\n  &-title {\n    width: 100%;\n    display: block;\n    cursor: pointer;\n    background: black;\n    color: white;\n    height: 60px;\n    line-height: 60px;\n    font-size: 20px;\n    text-align: center;\n    z-index: 2;\n    transform: translate3d(0,0,0);\n  }\n  &-wrapper {\n    position: relative;\n  }\n  &-item {\n    text-align: center;\n    position: absolute;\n    width: 100%;\n    background: #e0e0e0;\n    color: #000;\n    line-height: 60px;\n    height: 60px;\n    cursor: pointer;\n    font-size: 18px;\n    overflow: hidden;\n    opacity: 1;\n    transition: transform 0.28s ease;\n    &:hover {\n      background: black;\n      color: white;\n    }\n    @for $i from 1 through $n {\n      &:nth-of-type(#{$i}) {\n        z-index: -1;\n        transition-delay: $i*$t;\n        transform: translate3d(0, -60px, 0);\n      }\n    }\n  }\n  &.active {\n    .share-dropdown-menu-wrapper {\n      z-index: 1;\n    }\n    .share-dropdown-menu-item {\n      @for $i from 1 through $n {\n        &:nth-of-type(#{$i}) {\n          transition-delay: ($n - $i)*$t;\n          transform: translate3d(0, ($i - 1)*60px, 0);\n        }\n      }\n    }\n  }\n}\n</style>\n"]}]}