feat: table 首列背景

components/NormalTable/NormalTable.vue

@@ -81,7 +81,7 @@
 					'--header-color': headerTitleColor,
 					'--header-font-size': `${this.$u.common.pxToRpx(headerTitleFontSize)}rpx`,
 					'--header-text-align': headerTitlePostion || 'center',
-					'--header-border-bottom': bordered ? `${frameStyle || 'solid'} ${frameWidth || 1}px ${frameColor || '#e4e7ed'}`: 'none',
+					'--header-border': bordered ? `${frameStyle || 'solid'} ${frameWidth || 1}px ${frameColor || '#e4e7ed'}`: 'none',
 					'--cell-text-align': cellTitlePostion,
 					'--cell-justify-content': this.align[cellTitlePostion],
 					'--cell-font-size': `${cellTitleFontSize || 14}px`,
@@ -187,7 +187,6 @@
 		position: sticky;
 		left: 0;
 		z-index: 1;
-		background: var(--header-background-color);
 	}
 }
 .tr {
@@ -227,7 +226,7 @@
 	color: var(--header-color);
 	background-color: var(--header-background-color);
 	text-align: var(--header-text-align);
-	border-bottom: var(--header-border-bottom);
+	border-bottom: var(--header-border);
 }
 
 .td_style {
@@ -236,13 +235,13 @@
 	font-size: var(--cell-font-size);
 	line-height: var(--cell-row-height);
 	color: var(--cell-color);
-	border-bottom: var(--header-border-bottom);
+	border-bottom: var(--header-border);
 }
 
-.even-striped {
+.even-striped, .even-striped .row_fixed {
 	background-color: var(--even-color);
 }
-.odd-striped {
+.odd-striped, .odd-striped .row_fixed {
 	background-color: var(--odd-color);
 }
 </style>
\ No newline at end of file