feat: 初始化

pages/partner/rebateSetting/tree.scss

@@ -0,0 +1,109 @@
+.container {
+	padding: 0 16px 24px;
+	.swiper {
+		margin: 14px 0 18px;
+	}
+	.title {
+		margin: 14px 0 15px;
+	}
+	.searchWrapper {
+		display: flex;
+		column-gap: 8px;
+		align-items: center;
+		.searchBtn {
+			width: 92px;
+			height: 34px;
+			flex: 0 1 92px;
+		}
+	}
+	.infoWrapper {
+		display: flex;
+		align-items: center;
+		column-gap: 11px;
+		margin: 17px 0 26px;
+		.ib,
+		.client {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			column-gap: 4px;
+			padding: 4px 8px;
+			box-sizing: border-box;
+			min-width: 112px;
+			height: 32px;
+			color: #fff;
+			font-size: 14px;
+			line-height: 24px;
+			.info {
+				display: flex;
+				align-items: center;
+				.value {
+					font-size: 16px;
+					font-weight: 700;
+				}
+			}
+		}
+		.ib {
+			background-color: #0f3675;
+		}
+		.client {
+			background-color: #29bbe4;
+		}
+	}
+}
+
+.tableSection {
+	max-height: 60vh;
+	margin-top: 10px;
+	overflow: auto;
+	.tableTh {
+		.columnItem {
+			border-top: 2px solid #29bbe4;
+		}
+	}
+	.columnItem:first-child {
+		background-color: #fff;
+		position: sticky;
+		left: 0px;
+		transition: all 0.3s;
+		box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
+	}
+	.uni-table-tr:hover .columnItem:first-child {
+		background-color: #f5f7fa;
+	}
+}
+
+.tree-node-icon {
+    width: 40upx;
+    height: 40upx;
+    cursor: pointer;
+}
+
+.tree-node {
+    margin: 4upx 0;
+    height: 60upx;
+    font-size: 24upx;
+    // margin-left: 40px;
+    display: flex;
+    align-items: center;
+
+    .level {
+		flex-shrink: 0;
+        height: 40upx;
+        width: 40upx;
+        border-radius: 50%;
+        text-align: center;
+        line-height: 40upx;
+        font-size: 24upx;
+        color: #fff;
+        background-color: #29bbe4;
+        margin: 0 16upx;
+        user-select: none;
+    }
+
+    .label {
+        height: 60upx;
+        line-height: 60upx;
+        user-select: none;
+    }
+}