我的认证

pages.json

@@ -62,6 +62,14 @@
                 "enablePullDownRefresh": false
             }
             
+        },{
+            "path" : "pages/myCertify/myCertify",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
         }
     ],
 	"tabBar": {

pages/myCertify/myCertify.vue

+<template>
+	<view class="container">
+		<!-- tab选项 -->
+		<view class="tabTitle">
+			<text :class="{'actived': tabType===1}" @click="switchTab(1)">报名项目</text>
+			<text :class="{'actived': tabType===2}" @click="switchTab(2)">获得认证</text>
+		</view>
+		<!-- tab内容 -->
+		<view class="tabContent">
+			<!-- 报名项目 -->
+			<view class="signListsBox">
+				<view class="signItem">
+					<view class="seriesNo">1</view>
+					<view class="certifyInfo">
+						<text>报名时间：2022。09.04</text>
+						<view>
+							<text>认证方向：CFFP高级认证</text>
+							<i class="iconfont icon-youjiantou"></i>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				tabType:1
+			};
+		},
+		methods:{
+			switchTab(type){
+				this.tabType = type;
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.container{
+		position: relative;
+		height: 100%;
+		.tabTitle{
+			color: #666666;
+			background-color:#fff;
+			display: flex;
+			align-items: center;
+			justify-content: space-around;
+			padding: 30rpx 60rpx 0;
+			text{
+				&.actived{
+					color: #333;
+					border-bottom: 4rpx solid #20269B;
+				}
+			}
+		}
+		.tabContent{
+			.signListsBox{
+				width: 95%;
+				margin: 0 auto;
+				.signItem{
+					margin-top: 20rpx;
+					display: flex;
+					align-items: center;
+					background-color: #fff;
+					padding:20rpx 20rpx 20rpx 50rpx;
+					border-radius: 10rpx;
+					.seriesNo{
+						width: 0;
+						height: 56rpx;
+						flex: 0 0 56rpx;
+						border-radius: 50%;
+						background:linear-gradient(137deg, #E1B972 0%, #CDA464 100%);
+						color: #fff;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						margin-right: 60rpx;
+					}
+					.certifyInfo{
+						width: 0;
+						flex: 1;
+						
+						view{
+							display: flex;
+							justify-content: space-between;
+							align-items: baseline;
+						}
+					}
+					
+				}
+			}
+		}
+	}
+</style>