fix: t-link hover color (#565)

This commit is contained in:
liweijie0812 2023-07-12 16:29:42 +08:00 committed by GitHub
parent b9b0008545
commit 5184c78d9a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 26 additions and 45 deletions

View File

@ -20,7 +20,7 @@
</span>
</template>
<template #operation="slotProps">
<a class="t-button-link" @click="rehandleClickOp(slotProps)">详情</a>
<t-link theme="primary" @click="rehandleClickOp(slotProps)">详情</t-link>
</template>
</t-table>
</t-card>
@ -43,7 +43,7 @@
<trend :type="row.growUp > 0 ? 'up' : 'down'" :describe="Math.abs(row.growUp)" />
</template>
<template #operation="slotProps">
<a class="t-button-link" @click="rehandleClickOp(slotProps)">详情</a>
<t-link theme="primary" @click="rehandleClickOp(slotProps)">详情</t-link>
</template>
</t-table>
</t-card>

View File

@ -87,8 +87,10 @@
</template>
<template #op="slotProps">
<a :class="prefix + '-link'" @click="listClick()">管理</a>
<a :class="prefix + '-link'" @click="deleteClickOp(slotProps)">删除</a>
<t-space>
<t-link theme="primary" @click="listClick()">管理</t-link>
<t-link theme="danger" @click="deleteClickOp(slotProps)">删除</t-link>
</t-space>
</template>
<template #op-column>
@ -128,7 +130,6 @@ export default {
import { onMounted, ref } from 'vue';
import { getPurchaseList } from '@/api/detail';
import { prefix } from '@/config/global';
import Product from './components/Product.vue';
import { BASE_INFO_DATA, PRODUCT_LIST, TABLE_COLUMNS_DATA as columns } from './constants';
@ -188,5 +189,5 @@ const onConfirm = () => {
</script>
<style lang="less" scoped>
@import url('./index.less');
@import './index.less';
</style>

View File

@ -40,8 +40,10 @@
</span>
</template>
<template #op="slotProps">
<a :class="prefix + '-link'" @click="listClick()">管理</a>
<a :class="prefix + '-link'" @click="deleteClickOp(slotProps)">删除</a>
<t-space>
<t-link theme="primary" @click="listClick()">管理</t-link>
<t-link theme="danger" @click="deleteClickOp(slotProps)">删除</t-link>
</t-space>
</template>
<template #op-column>
<t-icon name="descending-order" />
@ -84,7 +86,6 @@ import { CanvasRenderer } from 'echarts/renderers';
import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
import { getProjectList } from '@/api/detail';
import { prefix } from '@/config/global';
import { useSettingStore } from '@/store';
import { changeChartsTheme } from '@/utils/color';
@ -197,7 +198,7 @@ const deleteClickOp = (e: { rowIndex: number }) => {
</script>
<style lang="less" scoped>
@import url('../base/index.less');
@import '../base/index.less';
.detail-deploy {
:deep(.t-card) {

View File

@ -51,8 +51,10 @@
</template>
<template #op="slotProps">
<a class="t-button-link" @click="handleClickDetail()">详情</a>
<a class="t-button-link" @click="handleClickDelete(slotProps)">删除</a>
<t-space>
<t-link theme="primary" @click="handleClickDetail()">详情</t-link>
<t-link theme="danger" @click="handleClickDelete(slotProps)">删除</t-link>
</t-space>
</template>
</t-table>
</t-card>

View File

@ -92,8 +92,10 @@
</p>
</template>
<template #op="slotProps">
<a class="t-button-link" @click="rehandleClickOp(slotProps)">管理</a>
<a class="t-button-link" @click="handleClickDelete(slotProps)">删除</a>
<t-space>
<t-link theme="primary" @click="rehandleClickOp(slotProps)">管理</t-link>
<t-link theme="danger" @click="handleClickDelete(slotProps)">删除</t-link>
</t-space>
</template>
</t-table>
<t-dialog

View File

@ -37,34 +37,3 @@ p {
box-sizing: border-box;
}
.t-button-link,
a {
color: var(--td-brand-color);
text-decoration: none;
cursor: pointer;
transition: color @anim-duration-base @anim-time-fn-easing;
&:hover {
color: var(--td-brand-color-hover);
}
&:active {
color: var(--td-brand-color-active);
}
&--active {
color: var(--td-brand-color-active);
}
&:focus {
text-decoration: none;
}
}
.t-button-link {
margin-right: var(--td-comp-margin-xxl);
&:last-child {
margin-right: 0;
}
}

View File

@ -26,6 +26,12 @@ module.exports = {
'value-keyword-case': null,
'property-no-unknown': [true, { checkPrefixed: true }],
'import-notation': 'string',
'selector-pseudo-class-no-unknown': [
true,
{
ignorePseudoClasses: ['deep'],
},
],
},
overrides: [
{