mirror of
https://github.com/jekip/naive-ui-admin.git
synced 2026-02-13 17:52:28 +08:00
fix #81
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user