通用基础样式文件

src/styles/common.scss

+/***背景作为卡片***/
+.background-as-card {
+    background-color: var(--color-primary-65);
+    border-radius: 10px;
+    border: 1px solid rgba(234, 236, 238, 1);
+    border-radius: 10px;
+    box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
+}
+
+.flex-display{
+    display: flex;
+}
+.text-base{
+    font-size: 16px;
+    line-height: 24px;
+    color: var(--text-primary-80-color);
+}
+.text-header {
+    @extend .text-base;
+    font-weight: Bold;
+}

src/styles/container.scss

+
+@use "common";
+
+/***通用页面***/
+.common-page {
+    font-family: "Microsoft Yahei", "PingFang SC", sans-serif;
+    margin: 16px auto;
+    width: 1600px;
+    align-items: center;
+}
\ No newline at end of file

src/styles/descriptions.scss

+@use "common";
+
+/***没有nav下划线***/
+.common-descriptions  .el-descriptions__label{
+    @extend .text-header;
+}
+.common-descriptions .el-descriptions__content{
+    @extend .text-base
+}
\ No newline at end of file

src/styles/tabs.scss

+@use "common";
+
+/***没有nav下划线***/
+.tabs-nav-no-wrap .el-tabs__nav-wrap::after{
+    height: 0px !important;
+    width: 0px !important;
+}
+
+/***nav as card***/
+.tabs-header-as-card .el-tabs__header:not(.disinheritance .el-tabs__header) {
+    @extend .background-as-card;
+    padding: 2px;
+}
+
+/***作为按钮样式的tabs-bar***/
+/*选中无下划线*/
+.tabs-bar-as-btn .el-tabs__active-bar:not(.disinheritance .el-tabs__active-bar) {
+    height: 0px;
+}
+
+/*定义字体*/
+.tabs-bar-as-btn .el-tabs__item:not(.disinheritance .el-tabs__item) {
+    font-size: 20px;
+    font-family: "Source Han Sans CN-Regular";
+    font-weight: Regular;
+    line-height: 26px;
+    height: 50px;
+}
+
+/*激活时按钮样式*/
+.tabs-bar-as-btn .el-tabs__item.is-active:not(.disinheritance .el-tabs__item){
+
+    font-size: 24px;
+    font-family: "Source Han Sans CN-Bold";
+    font-weight: Bold;
+
+    color: var(--color-primary-100);
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--color-primary-35);
+    border-radius: 10px;
+    background-color: var(--color-primary-2);
+}
+
+/***tabs-bar左边悬浮***/
+.left-float-nav-tabs .el-tabs__item{
+    position:relative;
+}
+.left-float-nav-tabs .el-tabs__item.is-active{
+    background-color: aquamarine;
+}
\ No newline at end of file