This commit is contained in:
xiaoma
2022-01-07 09:12:41 +08:00
parent 91de971636
commit caaca83f78
3 changed files with 24 additions and 3 deletions

View File

@@ -37,10 +37,17 @@
</n-card> </n-card>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { computed } from 'vue';
import { useThemeVars } from 'naive-ui';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { InfoCircleOutlined } from '@vicons/antd'; import { InfoCircleOutlined } from '@vicons/antd';
const router = useRouter(); const router = useRouter();
const themeVars = useThemeVars();
const getTableHeaderColor = computed(() => {
return themeVars.value.tableHeaderColor;
});
function goHome() { function goHome() {
router.push('/'); router.push('/');
@@ -56,7 +63,7 @@
&-extra { &-extra {
padding: 24px 40px; padding: 24px 40px;
text-align: left; text-align: left;
background: #f8f8f9; background: v-bind(getTableHeaderColor);
border-radius: 4px; border-radius: 4px;
} }
} }

View File

@@ -41,10 +41,17 @@
</n-card> </n-card>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { computed } from 'vue';
import { useThemeVars } from 'naive-ui';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { CheckCircleOutlined } from '@vicons/antd'; import { CheckCircleOutlined } from '@vicons/antd';
const router = useRouter(); const router = useRouter();
const themeVars = useThemeVars();
const getTableHeaderColor = computed(() => {
return themeVars.value.tableHeaderColor;
});
function goHome() { function goHome() {
router.push('/'); router.push('/');
@@ -60,7 +67,7 @@
&-extra { &-extra {
padding: 24px 40px; padding: 24px 40px;
text-align: left; text-align: left;
background: #f8f8f9; background: v-bind(getTableHeaderColor);
border-radius: 4px; border-radius: 4px;
} }
} }

View File

@@ -23,9 +23,16 @@
</n-card> </n-card>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { computed } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { useThemeVars } from 'naive-ui';
const router = useRouter(); const router = useRouter();
const themeVars = useThemeVars();
const getTableHeaderColor = computed(() => {
return themeVars.value.tableHeaderColor;
});
function goHome() { function goHome() {
router.push('/'); router.push('/');
@@ -41,7 +48,7 @@
&-extra { &-extra {
padding: 24px 40px; padding: 24px 40px;
text-align: left; text-align: left;
background: #f8f8f9; background: v-bind(getTableHeaderColor);
border-radius: 4px; border-radius: 4px;
} }
} }