Przeglądaj źródła

feat:指导页静态页面

jianghaili 3 tygodni temu
rodzic
commit
13b7d1f5e4
1 zmienionych plików z 48 dodań i 2 usunięć
  1. 48 2
      pages/my/jobApplicant/guidePage.vue

+ 48 - 2
pages/my/jobApplicant/guidePage.vue

@@ -1,7 +1,23 @@
 <template>
   <view class="guide-page">
-    <view class="guide-item"></view>
-    <view class="guide-item"></view>
+    <view class="guide-item">
+      <view class="guide-img">
+        <image
+          src="@/static/images/jobApplicant/woyaozhaogongzuo.svg"
+          mode="aspectFix"
+        />
+      </view>
+      <view class="guide-btn">我要找工作</view>
+    </view>
+    <view class="guide-item">
+      <view class="guide-img">
+        <image
+          src="@/static/images/jobApplicant/woyaozhaoren.svg"
+          mode="aspectFix"
+        />
+      </view>
+      <view class="guide-btn">我要找工作</view>
+    </view>
   </view>
 </template>
 <script>
@@ -29,6 +45,36 @@ export default {
     height: 100%;
     border-radius: 28rpx;
     background: rgba(255, 255, 255, 0.851);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 0 56rpx;
+    box-sizing: border-box;
+    gap: 72rpx;
+    .guide-img {
+      width: 364rpx;
+      height: 364rpx;
+      overflow: hidden;
+      image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .guide-btn {
+      border-radius: 100rpx;
+      background: rgba(255, 255, 255, 1);
+      color: #016bf6;
+      font-family: DM Sans;
+      font-size: 32rpx;
+      font-weight: 400;
+      line-height: 48rpx;
+      letter-spacing: 0%;
+      text-align: center;
+      width: 100%;
+      padding: 16rpx;
+      box-sizing: border-box;
+    }
   }
 }
 </style>