|
|
@ -1,8 +1,8 @@ |
|
|
|
<template> |
|
|
|
<div class="title"> |
|
|
|
<span class="text"> |
|
|
|
<span class="txt">{{ text }}</span> |
|
|
|
<span class="text-shadow">{{ text }}</span> |
|
|
|
<span class="txt">{{ text }}</span> |
|
|
|
<span class="text-shadow">{{ text }}</span> |
|
|
|
</span> |
|
|
|
<slot></slot> |
|
|
|
</div> |
|
|
@ -14,17 +14,18 @@ export default { |
|
|
|
props: { |
|
|
|
text: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
default: "", |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
|
|
|
.title { |
|
|
|
background: linear-gradient(90deg, rgba(31, 126, 255, 0.28) 0%, rgba(13, 113, 248, 0) 70%); |
|
|
|
padding: 10px 8px; |
|
|
|
background: url(../../../../../assets/images/shuju/overview/title-bg.png) |
|
|
|
no-repeat 0 0 fixed; |
|
|
|
padding: 8px 16px 8px 32px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
@ -36,8 +37,8 @@ export default { |
|
|
|
font-weight: 400; |
|
|
|
|
|
|
|
.txt { |
|
|
|
color: #1F79FF; |
|
|
|
background: linear-gradient(0deg, #2DC1FF 0%, #FFFFFF 58.5205078125%); |
|
|
|
color: #1f79ff; |
|
|
|
background: linear-gradient(0deg, #2dc1ff 0%, #ffffff 58.5205078125%); |
|
|
|
-webkit-background-clip: text; |
|
|
|
-webkit-text-fill-color: transparent; |
|
|
|
position: relative; |
|
|
@ -48,11 +49,9 @@ export default { |
|
|
|
top: 4px; |
|
|
|
left: 3px; |
|
|
|
position: absolute; |
|
|
|
color: #020F21; |
|
|
|
color: #020f21; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|