feat：切换觉得和填写营业执照静态页面

pages/my/businessLicense.vue

@@ -0,0 +1,153 @@
+<template>
+  <view class="switch-roles">
+    <view class="roles-content">
+      <view class="content">
+        <view class="title">Hi，欢迎加入亿职赞</view>
+        <view class="desc">填写招聘信息，开启搞笑招聘方式</view>
+        <view class="title-second">公司营业执照名称</view>
+        <view class="input-box">
+          <u-input
+            placeholder="请输入您所属公司营业执照上的公司名称"
+            v-model="phoneNumber"
+            clearable
+            class="custom-input"
+            maxlength="46"
+          >
+            <template #prefix>
+              <u-icon name="phone" size="36rpx" color="#999" marginRight="20rpx"></u-icon>
+            </template>
+          </u-input>
+        </view>
+        <view class="desc-txt">
+          <view class="desc-txt-item">注意事项：</view>
+          <view class="desc-txt-item">1.请输入您所述公司营业执照上的公司名称</view>
+          <view class="desc-txt-item"
+            >2.公司名称将用于后续企业认证环节，请确保准确性</view
+          >
+        </view>
+        <image src="@/static/images/my/join-yzz.svg" mode="scaleToFill" />
+      </view>
+    </view>
+    <view class="next-btn">下一步</view>
+  </view>
+</template>
+<script>
+import navBar from "@/components/nav-bar/index.vue";
+export default {
+  data() {
+    return {};
+  },
+  components: {
+    navBar,
+  },
+  methods: {
+    goBusinessLicense() {
+      uni.navigateTo({ url: "/pages/my/businessLicense" });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.input-box{
+    width: 100%;
+    padding: 16rpx 0 32rpx 0;
+    box-sizing: border-box;
+}
+::v-deep .u-input {
+  text-align: left !important;
+}
+.custom-input {
+    width: 100%;
+  box-sizing: border-box;
+  border: 2rpx solid rgba(158, 161, 168, 1);
+  border-radius: 100rpx;
+  background: rgba(255, 255, 255, 1);
+  padding: 0rpx 24rpx !important;
+}
+.switch-roles {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  padding: 60rpx;
+  padding-top: 80rpx;
+  display: flex;
+  flex-direction: column;
+  .roles-content {
+    width: 100%;
+    flex: 1;
+    overflow: hidden;
+    overflow-y: auto;
+    box-sizing: border-box;
+    .content {
+      padding-top: 60rpx;
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      .title {
+        width: 100%;
+        color: rgba(29, 33, 41, 1);
+        font-family: DM Sans;
+        font-size: 36rpx;
+        font-weight: 500;
+        line-height: 44rpx;
+        text-align: left;
+      }
+      .desc {
+        width: 100%;
+        color: rgba(102, 102, 102, 1);
+        font-family: DM Sans;
+        font-size: 24rpx;
+        font-weight: 400;
+        line-height: 32rpx;
+        text-align: left;
+        padding: 22rpx 0;
+        box-sizing: border-box;
+      }
+      .title-second {
+        width: 100%;
+        color: #1f2c37;
+        font-family: DM Sans;
+        font-size: 28rpx;
+        font-weight: 500;
+        line-height: 44rpx;
+        text-align: left;
+      }
+      .desc-txt {
+        width: 100%;
+        color: rgba(102, 102, 102, 1);
+        font-family: DM Sans;
+        font-size: 24rpx;
+        font-weight: 400;
+        line-height: 32rpx;
+        text-align: left;
+        .desc-txt-item {
+          margin-top: 8rpx;
+        }
+      }
+      image {
+        margin-top: 106rpx;
+        width: 550rpx;
+        height: 550rpx;
+      }
+    }
+  }
+  .next-btn {
+    border-radius: 999px;
+    background: rgba(255, 102, 0, 1);
+    padding: 16rpx 32rpx;
+    box-sizing: border-box;
+    color: rgba(255, 255, 255, 1);
+    font-family: DM Sans;
+    font-size: 32rpx;
+    font-weight: 400;
+    line-height: 48rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+</style>

pages/my/index.vue

@@ -20,7 +20,10 @@
     </view>
     <!-- 用户端 -->
     <block v-if="userType == 1">
-      <view class="info flex justify-center">
+      <view
+        class="info flex justify-center"
+        :style="{ paddingTop: token && XCXIsSelect != '否' ? '0' : '80rpx' }"
+      >
         <view class="info-box">
           <view
             class="info-box-btn flex justify-end align-center"
@@ -152,7 +155,7 @@
             <text class="banner-subtitle">带上你的超级项目,这里有无限的可能</text>
           </view>
           <view class="banner-button">
-            <text class="button-text">立即参与</text>
+            <text class="button-text" @click="goBusinessLicense">立即参与</text>
           </view>
         </view>
       </view>
@@ -481,7 +484,7 @@
             <text class="banner-subtitle">带上你的超级项目,这里有无限的可能</text>
           </view>
           <view class="banner-button">
-            <text class="button-text">立即参与</text>
+            <text class="button-text" @click="goBusinessLicense">立即参与</text>
           </view>
         </view>
       </view>
@@ -980,6 +983,12 @@ export default {
     }
   },
   methods: {
+    // 入职公司
+    goBusinessLicense(){
+      uni.navigateTo({
+        url:'/pages/my/switchRoles'
+      })
+    },
     // 在线客服
     goChat() {
       let that = this;
@@ -1774,6 +1783,8 @@ page {
 }
 .info {
   width: 100%;
+
+  box-sizing: border-box;
   .info-box {
     width: 686rpx;
     padding-bottom: 20rpx;
@@ -1832,13 +1843,14 @@ page {
 
     .info-box-num {
       margin-top: 50rpx;
-
+      padding: 0 24rpx;
+      box-sizing: border-box;
       .info-box-num-td {
         // width: 200rpx;
         .info-box-num-td-num {
           width: 100%;
           text-align: center;
-          color: #333333;
+          color: #fff;
           font-size: 38rpx;
           font-weight: bold;
         }
@@ -1846,7 +1858,7 @@ page {
         .info-box-num-td-name {
           width: 100%;
           text-align: center;
-          color: #333333;
+          color: #fff;
           font-size: 24rpx;
           font-weight: 400;
           margin-top: 20rpx;

pages/my/switchRoles.vue

@@ -0,0 +1,83 @@
+<template>
+  <view class="switch-roles">
+    <nav-bar title="切换身份"></nav-bar>
+    <view class="roles-content">
+      <view class="content">
+        <image src="/static/images/my/zhaopingzhe.svg" mode="scaleToFill" />
+        <view class="roles-desc">你当前的身份是“招聘者”</view>
+        <view class="roles-btn" @click="goBusinessLicense">切换为“求职者”身份</view>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+import navBar from "@/components/nav-bar/index.vue";
+export default {
+  data() {
+    return {};
+  },
+  components: {
+    navBar,
+  },
+  methods: {
+    goBusinessLicense(){
+        uni.navigateTo({ url: '/pages/my/businessLicense' })
+    }
+  },
+};
+</script>
+<style lang="scss" scoped>
+.switch-roles {
+  background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  .roles-content {
+    width: 100%;
+    flex: 1;
+    overflow: hidden;
+    overflow-y: auto;
+    padding-top: 10vh;
+    box-sizing: border-box;
+    .content {
+      padding: 62rpx;
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      image {
+        width: 364rpx;
+        height: 364rpx;
+      }
+      .roles-desc {
+        color: rgba(255, 255, 255, 1);
+        font-family: DM Sans;
+        font-size: 32rpx;
+        font-weight: 400;
+        line-height: 48rpx;
+        text-align: center;
+        padding: 24rpx 0 36rpx 0;
+        box-sizing: border-box;
+      }
+      .roles-btn {
+        color: #016bf6;
+        font-family: DM Sans;
+        font-size: 32rpx;
+        font-weight: 400;
+        line-height: 48rpx;
+        letter-spacing: 0%;
+        background-color: #fff;
+        text-align: center;
+        padding: 16rpx 32rpx;
+        box-sizing: border-box;
+        border-radius: 100rpx;
+      }
+    }
+  }
+}
+</style>