新增待办信息
This commit is contained in:
@@ -1,13 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<Footer :class="prefixCls" v-if="getShowLayoutFooter" ref="footerRef">
|
<Footer :class="prefixCls" v-if="getShowLayoutFooter" ref="footerRef">
|
||||||
<div :class="`${prefixCls}__links`">
|
<div>Copyright ©2021 <a href="http://crontab.club" target="_blank">my-worker</a></div>
|
||||||
<a @click="openWindow(SITE_URL)">{{ t('layout.footer.onlinePreview') }}</a>
|
|
||||||
|
|
||||||
<Icon icon="i-ant-design:github-filled" @click="openWindow(GITHUB_URL)" :class="`${prefixCls}__github`" />
|
|
||||||
|
|
||||||
<a @click="openWindow(DOC_URL)">{{ t('layout.footer.onlineDocument') }}</a>
|
|
||||||
</div>
|
|
||||||
<div>Copyright ©2021 <a href="https://jeesite.com" target="_blank">JeeSite</a></div>
|
|
||||||
</Footer>
|
</Footer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -15,10 +8,7 @@
|
|||||||
import { computed, defineComponent, unref, ref } from 'vue';
|
import { computed, defineComponent, unref, ref } from 'vue';
|
||||||
import { Layout } from 'ant-design-vue';
|
import { Layout } from 'ant-design-vue';
|
||||||
import { Icon } from '@jeesite/core/components/Icon';
|
import { Icon } from '@jeesite/core/components/Icon';
|
||||||
|
|
||||||
import { DOC_URL, GITHUB_URL, SITE_URL } from '@jeesite/core/settings/siteSetting';
|
|
||||||
import { openWindow } from '@jeesite/core/utils';
|
import { openWindow } from '@jeesite/core/utils';
|
||||||
|
|
||||||
import { useI18n } from '@jeesite/core/hooks/web/useI18n';
|
import { useI18n } from '@jeesite/core/hooks/web/useI18n';
|
||||||
import { useRootSetting } from '@jeesite/core/hooks/setting/useRootSetting';
|
import { useRootSetting } from '@jeesite/core/hooks/setting/useRootSetting';
|
||||||
import { useRouter } from 'vue-router';
|
import { useRouter } from 'vue-router';
|
||||||
|
|||||||
@@ -38,7 +38,7 @@
|
|||||||
|
|
||||||
const getIcon = computed(() => {
|
const getIcon = computed(() => {
|
||||||
const { tabItem: { meta } = {} } = props;
|
const { tabItem: { meta } = {} } = props;
|
||||||
return meta && t(meta.tabIcon as string);
|
return meta && t((meta.tabIcon as string) || (meta.icon as string));
|
||||||
});
|
});
|
||||||
|
|
||||||
const getTitle = computed(() => {
|
const getTitle = computed(() => {
|
||||||
|
|||||||
@@ -17,7 +17,6 @@
|
|||||||
</template>
|
</template>
|
||||||
</TabPane>
|
</TabPane>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #rightExtra v-if="getShowRedo || getShowQuick || getShowFold">
|
<template #rightExtra v-if="getShowRedo || getShowQuick || getShowFold">
|
||||||
<TabRedo v-if="getShowRedo" />
|
<TabRedo v-if="getShowRedo" />
|
||||||
<TabContent isExtra :tabItem="route" v-if="getShowQuick" />
|
<TabContent isExtra :tabItem="route" v-if="getShowQuick" />
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
/**
|
/**
|
||||||
* Copyright (c) 2013-Now http://jeesite.com All rights reserved.
|
* Copyright (c) 2013-Now https://jeesite.com All rights reserved.
|
||||||
* No deletion without permission, or be held responsible to law.
|
* No deletion without permission, or be held responsible to law.
|
||||||
* @author Vben、ThinkGem
|
* @author Vben、ThinkGem
|
||||||
*/
|
*/
|
||||||
@prefix-cls-3: ~'jeesite-multiple-tabs-3';
|
@prefix-cls-3: ~'jeesite-multiple-tabs-3'; // Tabs style
|
||||||
@multiple-height-large: 40px; // TABS_HEIGHT_LARGE
|
@multiple-height-large: 40px; // TABS_HEIGHT_LARGE
|
||||||
|
|
||||||
.@{prefix-cls-3} {
|
.@{prefix-cls-3} {
|
||||||
@@ -29,7 +29,7 @@
|
|||||||
color: @text-color-base;
|
color: @text-color-base;
|
||||||
background-color: @component-background;
|
background-color: @component-background;
|
||||||
transition: none;
|
transition: none;
|
||||||
border-radius: 4px !important;
|
border-radius: 7px !important;
|
||||||
margin: 12px 0 0;
|
margin: 12px 0 0;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-right: 11px;
|
padding-right: 11px;
|
||||||
@@ -46,7 +46,7 @@
|
|||||||
|
|
||||||
.anticon {
|
.anticon {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
font-size: 16px;
|
font-size: 13px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
|
||||||
@@ -63,6 +63,8 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
.anticon {
|
.anticon {
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
width: 0.6em;
|
width: 0.6em;
|
||||||
}
|
}
|
||||||
@@ -76,33 +78,25 @@
|
|||||||
|
|
||||||
.ant-tabs-tab:not(.ant-tabs-tab-active) {
|
.ant-tabs-tab:not(.ant-tabs-tab-active) {
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @primary-color;
|
.ant-tabs-tab-btn {
|
||||||
|
color: @primary-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-tabs-tab-active {
|
.ant-tabs-tab-active {
|
||||||
position: relative;
|
position: relative;
|
||||||
// padding-left: 18px;
|
|
||||||
color: @white !important;
|
|
||||||
// color: @primary-color !important;
|
|
||||||
background: fade(@primary-color, 90);
|
background: fade(@primary-color, 90);
|
||||||
// border-color: fade(@primary-color, 25);
|
|
||||||
// height: calc(@multiple-height-large - 2px);
|
|
||||||
border: 0;
|
border: 0;
|
||||||
transition: none;
|
transition: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
|
|
||||||
// span {
|
|
||||||
// color: @white !important;
|
|
||||||
// }
|
|
||||||
.ant-tabs-tab-btn {
|
.ant-tabs-tab-btn {
|
||||||
color: @white !important;
|
color: @white !important;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-tabs-tab-remove {
|
.ant-tabs-tab-remove {
|
||||||
opacity: 1;
|
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
fill: @white;
|
fill: @white;
|
||||||
}
|
}
|
||||||
@@ -158,13 +152,13 @@
|
|||||||
&__extra-fold {
|
&__extra-fold {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
// height: @multiple-height-large;
|
//height: @multiple-height-large;
|
||||||
// line-height: @multiple-height-large;
|
//line-height: @multiple-height-large;
|
||||||
padding-top: 7px;
|
padding-top: 7px;
|
||||||
color: @text-color-secondary;
|
color: @text-color-secondary;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
// border-left: 1px solid @header-light-bottom-border-color;
|
//border-left: 1px solid @header-light-bottom-border-color;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @text-color-base;
|
color: @text-color-base;
|
||||||
@@ -227,9 +221,10 @@ html[data-theme='dark'] {
|
|||||||
svg {
|
svg {
|
||||||
fill: #aaa !important;
|
fill: #aaa !important;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&:hover,
|
.ant-tabs-tab:not(.ant-tabs-tab-active) {
|
||||||
.ant-tabs-tab-btn:hover {
|
&:hover {
|
||||||
color: #ddd !important;
|
color: #ddd !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user