Browse Source

Merge branch 'jw_feature_dev' into dev

feature
mk 2 years ago
parent
commit
ca0e6da75d
  1. 27
      src/views/dataBoard/satisfactionEval/components/Title/index.vue

27
src/views/dataBoard/satisfactionEval/components/Title/index.vue

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