{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js!D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\TextHoverEffect\\Mallki.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\TextHoverEffect\\Mallki.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\babel.config.js","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIHByb3BzOiB7CiAgICBjbGFzc05hbWU6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAnJwogICAgfSwKICAgIHRleHQ6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAndnVlLWVsZW1lbnQtYWRtaW4nCiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;AASA;EACAA;IACAC;MACAC,YADA;MAEAC;IAFA,CADA;IAKAC;MACAF,YADA;MAEAC;IAFA;EALA;AADA","names":["props","className","type","default","text"],"sourceRoot":"src/components/TextHoverEffect","sources":["Mallki.vue"],"sourcesContent":["<template>\n  <a :class=\"className\" class=\"link--mallki\" href=\"#\">\n    {{ text }}\n    <span :data-letters=\"text\" />\n    <span :data-letters=\"text\" />\n  </a>\n</template>\n\n<script>\nexport default {\n  props: {\n    className: {\n      type: String,\n      default: ''\n    },\n    text: {\n      type: String,\n      default: 'vue-element-admin'\n    }\n  }\n}\n</script>\n\n<style>\n/* Mallki */\n\n.link--mallki {\n  font-weight: 800;\n  color: #4dd9d5;\n  font-family: 'Dosis', sans-serif;\n  -webkit-transition: color 0.5s 0.25s;\n  transition: color 0.5s 0.25s;\n  overflow: hidden;\n  position: relative;\n  display: inline-block;\n  line-height: 1;\n  outline: none;\n  text-decoration: none;\n}\n\n.link--mallki:hover {\n  -webkit-transition: none;\n  transition: none;\n  color: transparent;\n}\n\n.link--mallki::before {\n  content: '';\n  width: 100%;\n  height: 6px;\n  margin: -3px 0 0 0;\n  background: #3888fa;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  -webkit-transform: translate3d(-100%, 0, 0);\n  transform: translate3d(-100%, 0, 0);\n  -webkit-transition: -webkit-transform 0.4s;\n  transition: transform 0.4s;\n  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);\n  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);\n}\n\n.link--mallki:hover::before {\n  -webkit-transform: translate3d(100%, 0, 0);\n  transform: translate3d(100%, 0, 0);\n}\n\n.link--mallki span {\n  position: absolute;\n  height: 50%;\n  width: 100%;\n  left: 0;\n  top: 0;\n  overflow: hidden;\n}\n\n.link--mallki span::before {\n  content: attr(data-letters);\n  color: red;\n  position: absolute;\n  left: 0;\n  width: 100%;\n  color: #3888fa;\n  -webkit-transition: -webkit-transform 0.5s;\n  transition: transform 0.5s;\n}\n\n.link--mallki span:nth-child(2) {\n  top: 50%;\n}\n\n.link--mallki span:first-child::before {\n  top: 0;\n  -webkit-transform: translate3d(0, 100%, 0);\n  transform: translate3d(0, 100%, 0);\n}\n\n.link--mallki span:nth-child(2)::before {\n  bottom: 0;\n  -webkit-transform: translate3d(0, -100%, 0);\n  transform: translate3d(0, -100%, 0);\n}\n\n.link--mallki:hover span::before {\n  -webkit-transition-delay: 0.3s;\n  transition-delay: 0.3s;\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);\n  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);\n}\n</style>\n"]}]}