修改

pages.json

@@ -28,6 +28,7 @@
 		{"path" : "pages/study/loaddetail","style" : {"navigationBarTitleText": "学习任务详细信息","enablePullDownRefresh": false}},
 		{"path" : "pages/study/studydetail","style" : {"navigationBarTitleText": "自主学习详细信息","enablePullDownRefresh": false}},
 		{"path" : "pages/my/index","style" : {"navigationBarTitleText": "我的","enablePullDownRefresh": false}},
+		{"path" : "pages/my/myub","style" : {"navigationBarTitleText": "我的u币","enablePullDownRefresh": false}},
 		{"path" : "pages/my/message","style" : {"navigationBarTitleText": "消息列表","enablePullDownRefresh": false}},
 		{"path" : "pages/my/myAnswers","style" : {"navigationBarTitleText": "我回答的","enablePullDownRefresh": false}},
 		{"path" : "pages/my/myArticles","style" : {"navigationBarTitleText": "我的文章","enablePullDownRefresh": false}},
@@ -67,6 +68,7 @@
 		{"path" : "pages/login/indLabels","style" : {"navigationBarTitleText": "修改个人标签"}},
 		{"path" : "pages/study/audioTest","style" : {"navigationBarTitleText": "音频测试"}}
 		
+        
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

pages/my/myub.vue

@@ -0,0 +1,87 @@
+<template>
+	<view>
+		<view class="myub-top">
+			<view class="ub-content">
+				<view>
+					<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>
+				</view>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				tab:1,
+			}
+		},
+		methods: {
+			ubtab(num){
+				this.tab = num
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.ub-listbox{
+		width: 100%;
+		height: 100%;
+		.listbox-list {
+			display:flex ;
+			
+		}
+	}
+.myub-top{
+	width: 100%;
+	height: 484upx;
+	background-image: url(../../static/images/myubimg.png);
+	background-repeat: no-repeat;
+	background-size: 100% / 100%;
+	padding-top: 245upx;
+	.ub-content{
+		background-color: #fff;
+		margin: 0 30upx;
+		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;
+			}
+		}
+	}
+}
+</style>