Annuaire d'articles
Description de l'exigence
Les styles suivants sont tous
ant design vuedes ajustements de style, et certaines optimisations d'interface sont effectuées
Modifier la barre de navigation de gauche pour changer la couleur (sélectionné et suspendu)
如果你想修改左侧导航选中后 以及鼠标悬浮在某个菜单栏上改变样式时，把下面的三段代码复制到dans le cadre de votre projetpublic文件夹下的index.html文件里，注意要把这段代码放到<style></style>标签里
Changer la couleur de fond après un clic de souris sur le menu
.ant-menu-item-selected{
background: linear-gradient(270.00deg, rgba(125,178,217,0.50),rgba(196,196,196,0.00) 100%) !important;
}
Changer la couleur après la sélection de la souris
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-row-hover,.ant-table-row-hover>td{
background-color: rgb(239, 242, 245) !important;
}
.ant-menu-inline .ant-menu-item::after{
border-right: 3px solid rgb(18, 92, 179)!important;
}
Changer la couleur de la police après un clic de souris sur le menu
src--->components--->layouts--->TabLayout.vueApporter des modifications aux fichiers sous votre projet
.ant-menu-item-selected > a, .ant-menu-item-selected > a:hover{
color: #125CB3 !important;
}
Changer la couleur de la police du menu de survol de la souris
src--->components--->layouts--->TabLayout.vueApporter des modifications aux fichiers sous votre projet
.ant-menu-inline > a, .ant-menu-item > a:hover{
color: #125CB3 !important;
}
Modifier la couleur de la police dans la table a-table
.ant-table-tbody > tr > td {
color: white;
background: #3071b9 !important;
}
Modifier la couleur du numéro de page
.ant-pagination-item-active a{
color: #125CB3 !important;
}