增加标题文字大小控制
This commit is contained in:
@@ -37,6 +37,7 @@ export default {
|
||||
},
|
||||
props: {
|
||||
title: {default: "数字乡村数据大屏"},
|
||||
titleSize:{default:38},
|
||||
views: {
|
||||
default: () => []
|
||||
},
|
||||
@@ -296,7 +297,7 @@ export default {
|
||||
font-weight: 600;
|
||||
line-height: 38px;
|
||||
letter-spacing: 2px;
|
||||
text-shadow: 0px 2px 4px rgba(117, 9, 9, 0.1);
|
||||
text-shadow: 0 2px 4px rgba(117, 9, 9, 0.1);
|
||||
background: linear-gradient(180deg, #FFF6C7 0%, #FF9A02 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
@@ -322,7 +323,7 @@ export default {
|
||||
font-weight: 400;
|
||||
color: #FF9A02;
|
||||
line-height: 22px;
|
||||
text-shadow: 0px 2px 4px rgba(117, 9, 9, 0.1);
|
||||
text-shadow: 0 2px 4px rgba(117, 9, 9, 0.1);
|
||||
background: linear-gradient(180deg, #FFF6C7 0%, #FF9A02 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<section class="primary">
|
||||
<div flex class="content">
|
||||
<b class="headerTitle" v-text="title"/>
|
||||
<b class="headerTitle" v-text="title" :style="titleStyle"/>
|
||||
<el-tabs class="fill" v-model="current" @tab-click="$emit('change', current)">
|
||||
<el-tab-pane v-for="tab in tabs" :key="tab.id" :label="tab.label" :name="tab.id"/>
|
||||
</el-tabs>
|
||||
@@ -40,7 +40,10 @@ export default {
|
||||
// {label: "测试哦哦", id: 8},
|
||||
// {label: "测试哦哦", id: 9},
|
||||
// {label: "测试哦哦", id: 10},
|
||||
]
|
||||
],
|
||||
titleStyle: v => ({
|
||||
fontSize: `${v.$attrs.titleSize || 38}px`,
|
||||
})
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
Reference in New Issue
Block a user