diff --git a/pages_order/mine/contract.vue b/pages_order/mine/contract.vue
index 7f45454..a79ba24 100644
--- a/pages_order/mine/contract.vue
+++ b/pages_order/mine/contract.vue
@@ -12,11 +12,32 @@
 			lineWidth="50rpx"
 			:scrollable="false"
 			@click="clickTabs"></uv-tabs>
-		</view>
-		<view class="steam">
 			
 		</view>
-		
+		<view class="content">
+			<view class="projectContent"
+			v-for="(item, index) in 10"
+			:key="index">
+				<img src="../static/contract/contract.png" alt="" />
+				<view class="itemList">
+					<view class="projectName">
+						xxxx电子合同
+					</view>
+					<view class="buyer">
+						甲方：湖南瀚海科技有限公司
+					</view>
+					<view class="seller">
+						乙方：四川特能博世科技有限公司
+					</view>
+				</view>
+				<view class="run">
+					<uv-icon 
+					name="arrow-right" 
+					color="#2979ff" 
+					size="50rpx"></uv-icon>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -51,5 +72,41 @@
 </script>
 
 <style scoped lang="scss">
-
+	.content {
+		width: 100%;
+		height: 100%;
+		.projectContent {
+			background-color: #fff;
+			display: flex;
+			margin: 30rpx;
+			img {
+				width: 160rpx;
+				height: 140rpx;
+				margin: 20rpx;
+			}
+			.itemList {
+				margin: 28rpx 10rpx;
+				.projectName {
+					font-size: 32rpx;
+				}
+				.buyer {
+					font-size: 24rpx;
+				}
+				.seller {
+					font-size: 24rpx;
+				}
+			}
+			.run{
+				margin: auto;
+				margin-right: 30rpx;
+				height: 80rpx;
+				width: 80rpx;
+				border-radius: 50%;
+				border: 1px solid $uni-color;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+			}
+		}
+	}
 </style>
diff --git a/pages_order/static/contract/contract.png b/pages_order/static/contract/contract.png
new file mode 100644
index 0000000..007b2d8
Binary files /dev/null and b/pages_order/static/contract/contract.png differ