Selaa lähdekoodia

我的报名 收到的邀请

常志远 2 vuotta sitten
vanhempi
commit
69dcc088c9
2 muutettua tiedostoa jossa 172 lisäystä ja 0 poistoa
  1. 9 0
      pages.json
  2. 163 0
      pages/mine/myJobInformation/myRegistration.vue

+ 9 - 0
pages.json

@@ -166,6 +166,15 @@
             }
             }
             
             
         }
         }
+        ,{
+            "path" : "pages/mine/myJobInformation/myRegistration",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "我的报名",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
     ],
 	"globalStyle": {
 	"globalStyle": {
 		"navigationStyle": "custom", // 隐藏系统导航栏
 		"navigationStyle": "custom", // 隐藏系统导航栏

+ 163 - 0
pages/mine/myJobInformation/myRegistration.vue

@@ -0,0 +1,163 @@
+<template>
+	<view>
+		<u-navbar back-text="我的报名" back-icon-size="28" back-icon-color="#ffffff"
+			:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
+		<!-- 标签 -->
+		<view class="tabs">
+			<u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
+		</view>
+		<!-- 我的报名 -->
+		<view class="my-registration" v-if="current==0">
+			<view class="card">
+				<view class="positon-salary">
+					<view class="positon">
+						家政清洁
+					</view>
+					<view class="salary">
+						200元/天
+					</view>
+				</view>
+				<view class="tags-date">
+					<view class="tags">
+						<view class="item">
+							企业
+						</view>
+						<view class="item">
+							周结
+						</view>
+					</view>
+					<view class="date">
+						报名时间:2023-06-01
+					</view>
+				</view>
+				<u-line color="#E6E6E6"></u-line>
+				<view class="check">
+					查看
+				</view>
+			</view>
+		</view>
+	 <!-- 收到的邀请 -->
+	 <view class="invitation-received" v-else>
+		 <view class="card">
+		 	<view class="positon-salary">
+		 		<view class="positon">
+		 			家政清洁
+		 		</view>
+		 		<view class="salary">
+		 			200元/天
+		 		</view>
+		 	</view>
+		 	<view class="tags-date">
+		 		<view class="company">
+		 			荆鹏家政公司
+		 			
+		 		</view>
+		 		<view class="date">
+		 			邀请时间:2023-06-01
+		 		</view>
+		 	</view>
+		 	<u-line color="#E6E6E6"></u-line>
+		 	<view class="check">
+		 		查看
+		 	</view>
+		 </view>
+	 	
+	 </view>
+	     
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '我的报名'
+				}, {
+					name: '收到的邀请'
+				}],
+				current: 0
+			}
+		},
+		methods: {
+			change(index) {
+				this.current = index;
+			}
+		}
+	}
+</script>
+<style>
+	page {
+		background: #F0F0F2;
+		padding-bottom: 150px;
+	}
+</style>
+<style scoped lang="scss">
+	.card{
+		margin: 24rpx 32rpx;
+		background-color: #fff;
+		padding: 24rpx;
+		border-radius: 12px;
+		.positon-salary{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			.positon{
+				color: rgba(16, 16, 16, 1);
+				font-size: 36rpx;
+				
+				font-family: 'PingFangSC-medium';
+			}
+			.salary{
+				color: rgba(255, 61, 0, 1);
+				font-size: 32rpx;
+				font-family: 'PingFangSC-medium';
+			}
+		}
+		.tags-date{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 16rpx;
+			margin-bottom: 24rpx;
+			.tags{
+				display: flex;
+				.item{
+					border-radius: 4px;
+					background-color: rgba(241, 241, 247, 1);
+					color: rgba(129, 127, 153, 1);
+					font-size: 12px;
+					text-align: center;
+					line-height: 36rpx;
+					height: 36rpx;
+					padding: 0 12rpx;
+					margin-right: 8rpx;
+				}
+			}
+			.company{
+				color: rgba(51, 51, 51, 1);
+				font-size: 24rpx;
+			}
+			.date{
+				color: rgba(153, 153, 153, 1);
+				font-size: 24rpx;
+			}
+		}
+		// 查看
+		.check{
+			width: 120rpx;
+			height: 56rpx;
+			line-height: 56rpx;
+			margin-left: auto;
+			margin-top: 24rpx;
+			border-radius: 50px;
+			background-color: rgba(255, 255, 255, 1);
+			color: rgba(119, 119, 119, 1);
+			text-align: center;
+			font-family: Microsoft Yahei;
+			border: 1px solid rgba(207, 210, 213, 1);
+		}
+	}
+
+   
+</style>