我的合同

src/pages.json

@@ -137,7 +137,16 @@
 		},
 		{
 			"root": "pages/mine",
-			"pages": []
+			"pages": [
+				{
+					"path":"contract/index",
+					"style":{
+						"navigationBarTitleText":"",
+						"enablePullDownRefresh":false,
+						"navigationStyle":"custom"//隐藏系统导航栏
+					}
+				}
+			]
 		},
 		{
 			"root": "pages/order",

src/pages/mine/contract/index.vue

+<template>
+    <view class="contract">
+        <u-navbar
+            title="我的合同"
+            b:is-back="false"
+            :background="background"
+            :border-bottom="false"
+        ></u-navbar>
+        <view class="content">
+            <text class="title">合同清单</text>
+            <view class="jf-currency-class">
+                <view class="left"> 自营平台技 工入驻签约 合同 </view>
+                <view class="text1">《自营平台技工入驻签约合同》</view>
+                <view class="text2">下载时间: 2021.05.06 14:25:00</view>
+            </view>
+            <view class="jf-currency-class">
+                <view class="left">新风机技工入驻签约合同</view>
+                <view class="text1">《新风机技工入驻签约合同》</view>
+                <view class="text2">下载时间: 2021.05.06 15:01:48</view>
+            </view>
+        </view>
+    </view>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            background: {
+                backgroundColor: "#F4F5F7",
+
+                // 导航栏背景图
+                // background: 'url(https://cdn.uviewui.com/uview/swiper/1.jpg) no-repeat',
+                // 还可以设置背景图size属性
+                // backgroundSize: 'cover',
+
+                // 渐变色
+                // backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
+            },
+        };
+    },
+    onLoad() {},
+    methods: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.contract {
+    width: 100%;
+    height: 100vh;
+    background: #f4f5f7;
+}
+.content {
+    width: 100%;
+    height: 100%;
+    padding: 40rpx 30rpx 0 30rpx;
+}
+.title {
+    width: 65px;
+    height: 16px;
+    font-size: 16px;
+    font-family: PingFang-SC-Bold, PingFang-SC;
+    font-weight: bold;
+    color: #333333;
+    line-height: 16px;
+}
+.jf-currency-class {
+    width: 100%;
+    height: 180rpx;
+    border-radius: 12rpx;
+    padding-top: 40rpx;
+    margin-top: 74rpx;
+    background: #ffffff;
+    position: relative;
+    .left {
+        width: 160rpx;
+        height: 200rpx;
+        padding: 30rpx 14rpx 0 14rpx;
+        position: absolute;
+        top: -40rpx;
+        left: 30rpx;
+        background: url(@/static/photo/hetong.png);
+        border-radius: 6px;
+        color: #ffffff;
+        font-size: 26rpx;
+        line-height: 38rpx;
+        font-family: PingFang-SC-Bold, PingFang-SC;
+        font-weight: bold;
+    }
+    .text1 {
+        font-size: 32rpx;
+        font-family: PingFang-SC-Bold, PingFang-SC;
+        font-weight: bold;
+        color: #2272ff;
+        margin-left: 208rpx;
+    }
+    .text2 {
+        font-size: 24rpx;
+        color: #999999;
+        margin-left: 220rpx;
+        margin-top: 22rpx;
+    }
+}
+.current-img {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+}
+</style>
\ No newline at end of file