1 line
6.8 KiB
JSON
1 line
6.8 KiB
JSON
{"remainingRequest":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\components\\TextHoverEffect\\Mallki.vue?vue&type=style&index=0&id=aaa2fa9e&lang=css","dependencies":[{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\components\\TextHoverEffect\\Mallki.vue","mtime":1718070786005},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1718764958140},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1718764960674},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1718764958994},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1718764959862}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi8qIE1hbGxraSAqLw0KDQoubGluay0tbWFsbGtpIHsNCiAgZm9udC13ZWlnaHQ6IDgwMDsNCiAgY29sb3I6ICM0ZGQ5ZDU7DQogIGZvbnQtZmFtaWx5OiAnRG9zaXMnLCBzYW5zLXNlcmlmOw0KICAtd2Via2l0LXRyYW5zaXRpb246IGNvbG9yIDAuNXMgMC4yNXM7DQogIHRyYW5zaXRpb246IGNvbG9yIDAuNXMgMC4yNXM7DQogIG92ZXJmbG93OiBoaWRkZW47DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICBsaW5lLWhlaWdodDogMTsNCiAgb3V0bGluZTogbm9uZTsNCiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOw0KfQ0KDQoubGluay0tbWFsbGtpOmhvdmVyIHsNCiAgLXdlYmtpdC10cmFuc2l0aW9uOiBub25lOw0KICB0cmFuc2l0aW9uOiBub25lOw0KICBjb2xvcjogdHJhbnNwYXJlbnQ7DQp9DQoNCi5saW5rLS1tYWxsa2k6OmJlZm9yZSB7DQogIGNvbnRlbnQ6ICcnOw0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OiA2cHg7DQogIG1hcmdpbjogLTNweCAwIDAgMDsNCiAgYmFja2dyb3VuZDogIzM4ODhmYTsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICBsZWZ0OiAwOw0KICB0b3A6IDUwJTsNCiAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC0xMDAlLCAwLCAwKTsNCiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtMTAwJSwgMCwgMCk7DQogIC13ZWJraXQtdHJhbnNpdGlvbjogLXdlYmtpdC10cmFuc2Zvcm0gMC40czsNCiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNHM7DQogIC13ZWJraXQtdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjcsIDAsIDAuMywgMSk7DQogIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMC43LCAwLCAwLjMsIDEpOw0KfQ0KDQoubGluay0tbWFsbGtpOmhvdmVyOjpiZWZvcmUgew0KICAtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMTAwJSwgMCwgMCk7DQogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMTAwJSwgMCwgMCk7DQp9DQoNCi5saW5rLS1tYWxsa2kgc3BhbiB7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgaGVpZ2h0OiA1MCU7DQogIHdpZHRoOiAxMDAlOw0KICBsZWZ0OiAwOw0KICB0b3A6IDA7DQogIG92ZXJmbG93OiBoaWRkZW47DQp9DQoNCi5saW5rLS1tYWxsa2kgc3Bhbjo6YmVmb3JlIHsNCiAgY29udGVudDogYXR0cihkYXRhLWxldHRlcnMpOw0KICBjb2xvcjogcmVkOw0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIGxlZnQ6IDA7DQogIHdpZHRoOiAxMDAlOw0KICBjb2xvcjogIzM4ODhmYTsNCiAgLXdlYmtpdC10cmFuc2l0aW9uOiAtd2Via2l0LXRyYW5zZm9ybSAwLjVzOw0KICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC41czsNCn0NCg0KLmxpbmstLW1hbGxraSBzcGFuOm50aC1jaGlsZCgyKSB7DQogIHRvcDogNTAlOw0KfQ0KDQoubGluay0tbWFsbGtpIHNwYW46Zmlyc3QtY2hpbGQ6OmJlZm9yZSB7DQogIHRvcDogMDsNCiAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOw0KICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDEwMCUsIDApOw0KfQ0KDQoubGluay0tbWFsbGtpIHNwYW46bnRoLWNoaWxkKDIpOjpiZWZvcmUgew0KICBib3R0b206IDA7DQogIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAtMTAwJSwgMCk7DQogIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTEwMCUsIDApOw0KfQ0KDQoubGluay0tbWFsbGtpOmhvdmVyIHNwYW46OmJlZm9yZSB7DQogIC13ZWJraXQtdHJhbnNpdGlvbi1kZWxheTogMC4zczsNCiAgdHJhbnNpdGlvbi1kZWxheTogMC4zczsNCiAgLXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApOw0KICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApOw0KICAtd2Via2l0LXRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIoMC4yLCAxLCAwLjMsIDEpOw0KICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKDAuMiwgMSwgMC4zLCAxKTsNCn0NCg=="},{"version":3,"sources":["Mallki.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Mallki.vue","sourceRoot":"src/components/TextHoverEffect","sourcesContent":["<template>\r\n <a :class=\"className\" class=\"link--mallki\" href=\"#\">\r\n {{ text }}\r\n <span :data-letters=\"text\" />\r\n <span :data-letters=\"text\" />\r\n </a>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n props: {\r\n className: {\r\n type: String,\r\n default: ''\r\n },\r\n text: {\r\n type: String,\r\n default: 'vue-element-admin'\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style>\r\n/* Mallki */\r\n\r\n.link--mallki {\r\n font-weight: 800;\r\n color: #4dd9d5;\r\n font-family: 'Dosis', sans-serif;\r\n -webkit-transition: color 0.5s 0.25s;\r\n transition: color 0.5s 0.25s;\r\n overflow: hidden;\r\n position: relative;\r\n display: inline-block;\r\n line-height: 1;\r\n outline: none;\r\n text-decoration: none;\r\n}\r\n\r\n.link--mallki:hover {\r\n -webkit-transition: none;\r\n transition: none;\r\n color: transparent;\r\n}\r\n\r\n.link--mallki::before {\r\n content: '';\r\n width: 100%;\r\n height: 6px;\r\n margin: -3px 0 0 0;\r\n background: #3888fa;\r\n position: absolute;\r\n left: 0;\r\n top: 50%;\r\n -webkit-transform: translate3d(-100%, 0, 0);\r\n transform: translate3d(-100%, 0, 0);\r\n -webkit-transition: -webkit-transform 0.4s;\r\n transition: transform 0.4s;\r\n -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);\r\n transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);\r\n}\r\n\r\n.link--mallki:hover::before {\r\n -webkit-transform: translate3d(100%, 0, 0);\r\n transform: translate3d(100%, 0, 0);\r\n}\r\n\r\n.link--mallki span {\r\n position: absolute;\r\n height: 50%;\r\n width: 100%;\r\n left: 0;\r\n top: 0;\r\n overflow: hidden;\r\n}\r\n\r\n.link--mallki span::before {\r\n content: attr(data-letters);\r\n color: red;\r\n position: absolute;\r\n left: 0;\r\n width: 100%;\r\n color: #3888fa;\r\n -webkit-transition: -webkit-transform 0.5s;\r\n transition: transform 0.5s;\r\n}\r\n\r\n.link--mallki span:nth-child(2) {\r\n top: 50%;\r\n}\r\n\r\n.link--mallki span:first-child::before {\r\n top: 0;\r\n -webkit-transform: translate3d(0, 100%, 0);\r\n transform: translate3d(0, 100%, 0);\r\n}\r\n\r\n.link--mallki span:nth-child(2)::before {\r\n bottom: 0;\r\n -webkit-transform: translate3d(0, -100%, 0);\r\n transform: translate3d(0, -100%, 0);\r\n}\r\n\r\n.link--mallki:hover span::before {\r\n -webkit-transition-delay: 0.3s;\r\n transition-delay: 0.3s;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n transform: translate3d(0, 0, 0);\r\n -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);\r\n transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);\r\n}\r\n</style>\r\n"]}]} |