1 line
3.5 KiB
JSON
1 line
3.5 KiB
JSON
{"remainingRequest":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\babel-loader\\lib\\index.js!D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\vue-loader-v15\\lib\\index.js??vue-loader-options!D:\\guoan\\ts-bigscreen-vue\\src\\components\\CommonHeader.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\guoan\\ts-bigscreen-vue\\src\\components\\CommonHeader.vue","mtime":1741310488469},{"path":"D:\\guoan\\ts-bigscreen-vue\\babel.config.js","mtime":1740967860001},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740984332670},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\babel-loader\\lib\\index.js","mtime":1740984332280},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\vue-loader-v15\\lib\\index.js","mtime":1740984469533}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:ZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJDb21tb25IZWFkZXIiLAogIHByb3BzOiB7CiAgICB0aXRsZTogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIHJlcXVpcmVkOiB0cnVlCiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["name","props","title","type","String","required"],"sources":["src/components/CommonHeader.vue"],"sourcesContent":["<template>\r\n <div class=\"common-header\">\r\n <div class=\"title-wrapper\">\r\n <div class=\"title-decoration\"></div>\r\n <h3 class=\"gradient-text\" @click=\"$emit('click-more')\">{{ title }}</h3>\r\n </div>\r\n <!-- <el-button type=\"text\" @click=\"$emit('click-more')\">更多</el-button> -->\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"CommonHeader\",\r\n props: {\r\n title: {\r\n type: String,\r\n required: true,\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.common-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n padding: 10px;\r\n\r\n .title-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n position: relative;\r\n\r\n .title-decoration {\r\n width: 3px;\r\n height: 16px;\r\n background: linear-gradient(to bottom, #4a90e2, #36d1dc);\r\n border-radius: 2px;\r\n position: relative;\r\n\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: -2px;\r\n left: -2px;\r\n right: -2px;\r\n bottom: -2px;\r\n background: linear-gradient(to bottom, #4a90e2, #36d1dc);\r\n filter: blur(4px);\r\n opacity: 0.5;\r\n border-radius: 2px;\r\n z-index: -1;\r\n }\r\n }\r\n\r\n h3 {\r\n margin: 0;\r\n font-size: 228px;\r\n background: linear-gradient(to bottom, #ffffff, #4a90e2);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: 0 0 10px rgba(74, 144, 226, 0.2);\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n transform: translateX(2px);\r\n background: linear-gradient(to bottom, #ffffff, #36d1dc);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: 0 0 15px rgba(54, 209, 220, 0.3);\r\n }\r\n }\r\n }\r\n\r\n .el-button {\r\n color: #4a90e2;\r\n font-size: 12px;\r\n font-weight: bold;\r\n }\r\n}\r\n</style> "],"mappings":"AAWA;EACAA,IAAA;EACAC,KAAA;IACAC,KAAA;MACAC,IAAA,EAAAC,MAAA;MACAC,QAAA;IACA;EACA;AACA","ignoreList":[]}]} |