From 6c3e7622076315f1c5ea715801d125fa2d7ea18f Mon Sep 17 00:00:00 2001
From: lmj <3407000732@qq.com>
Date: Tue, 1 Nov 2022 17:18:45 +0800
Subject: [PATCH] ub

---
 pages/my/myub.vue | 87 ++++++++++++++++++++++++++++++++---------------
 1 file changed, 59 insertions(+), 28 deletions(-)

diff --git a/pages/my/myub.vue b/pages/my/myub.vue
index 6932e69..57ba678 100644
--- a/pages/my/myub.vue
+++ b/pages/my/myub.vue
@@ -1,18 +1,24 @@
 <template>
-	<view>
+	<view style="background: #F0D8B0;width: 100%;height:100vh">
 		<view class="myub-top">
 			<view class="ub-content">
-				<view>
+				<view class="ub-heard">
 					<view class="ub-tab" @click="ubtab(1)" :class="tab == 1 ? 'ub-tabactive' : ' ' ">课程学习<text></text></view>
 					<view class="ub-tab" @click="ubtab(2)" :class="tab == 2 ? 'ub-tabactive' : ' ' ">知识贡献<text></text></view>
 					<view class="ub-tab" @click="ubtab(3)" :class="tab == 3 ? 'ub-tabactive' : ' ' ">平台活跃<text></text></view>
 				</view>
 				<view class="ub-listbox">
 					<view class="listbox-list">
-						<view class="classify">分类</view>
-						<view class="description">描述</view>
-						<view class="experience">经验值/U币</view>
-						<view class="upper">每日上限</view>
+						<view class="classify" style="text-align: center;">分类</view>
+						<view class="description" style="text-align: center;">描述</view>
+						<view class="upper" style="text-align: center;">经验值/U币</view>
+						<view class="upper" style="text-align: center;">每日上限</view>
+					</view>
+					<view class="lsitbox-info">
+						<view class="classify">发布音视频教程</view>
+						<view class="description">每上传一个音视频课</view>
+						<view class="upper" style="text-align: center;">+60</view>
+						<view class="upper" style="text-align: center;">30</view>
 					</view>
 				</view>
 			</view>
@@ -37,11 +43,31 @@
 </script>
 
 <style lang="scss" scoped>
+	.lsitbox-info{
+		display:flex ;
+		width: 100%;
+		font-size: 28upx;
+		color: #834B3B;
+		margin-top: 20upx;
+		padding-bottom: 20upx;
+		border-bottom: 2px solid rgba(153,153,153,0.1);
+	}
+	.classify{
+		width: 25%;
+	}
+	.description{
+		flex: 1;
+	}
+	.upper{
+		width: 20%;
+	}
 	.ub-listbox{
 		width: 100%;
 		height: 100%;
 		.listbox-list {
 			display:flex ;
+			color: #FF7721;
+			font-size: 24upx;
 			
 		}
 	}
@@ -58,30 +84,35 @@
 		height: 100%;
 		border-radius: 6px;
 		padding: 45upx 30upx;
-		.ub-tab{
-			color: #999999;
-			float: left;
-			font-size: 32upx;
-			margin-right: 44upx;
-			position: relative;
-			text{
-				width: 42px;
-				height: 4px;
-				background: linear-gradient(180deg, #FFA31F 0%, #FF6E0E 100%);
-				border-radius: 13px;
-				position: absolute;
-				left: 15%;
-				top: 120%;
-				display: none;
-			}
-		}
-		.ub-tabactive{
-			font-weight: 500;
-			color: #333333;
-			text{
-				display: inline-block;
+		.ub-heard{
+			width: 100%;
+			height: 100upx;
+			.ub-tab{
+				color: #999999;
+				float: left;
+				font-size: 32upx;
+				margin-right: 44upx;
+				position: relative;
+				text{
+					width: 84upx;
+					height: 8upx;
+					background: linear-gradient(180deg, #FFA31F 0%, #FF6E0E 100%);
+					border-radius: 13px;
+					position: absolute;
+					left: 15%;
+					top: 120%;
+					display: none;
+				}
+			}
+			.ub-tabactive{
+				font-weight: 500;
+				color: #333333;
+				text{
+					display: inline-block;
+				}
 			}
 		}
+		
 	}
 }
 </style>