|
|
@@ -0,0 +1,267 @@
|
|
|
+<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="main">
|
|
|
+ <!-- 个人信息 -->
|
|
|
+ <view class="person-infos">
|
|
|
+ <view class="infos">
|
|
|
+ <view class="name">
|
|
|
+ 许慕
|
|
|
+ </view>
|
|
|
+ <view class="gender-age">
|
|
|
+ <text class="text">女</text>|
|
|
|
+ <text class="text">28</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="photo">
|
|
|
+ <u-avatar :src="src" size="120" mode="circle"></u-avatar>
|
|
|
+ <img class="camera" src="../../../assets/img/riFill-camera-fill Copy@1x.png" alt="">
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <!-- 信息填写 -->
|
|
|
+ <view class="information-group">
|
|
|
+ <!-- 联系电话 -->
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 联系电话
|
|
|
+ </view>
|
|
|
+ <view class="input">
|
|
|
+ <input v-model="tel" type="text" placeholder="">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 意向行业 -->
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 意向行业
|
|
|
+ </view>
|
|
|
+ <view class="input">
|
|
|
+ <input type="text" placeholder="请选择意向行业">
|
|
|
+ </view>
|
|
|
+ <view class="icon">
|
|
|
+ <u-icon name="arrow-right" color="#999999"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!--意向岗位 -->
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 意向行业
|
|
|
+ </view>
|
|
|
+ <view class="input">
|
|
|
+ <input type="text" placeholder="请填写想找的工作岗位">
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <!-- 期望薪资 -->
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 期望薪资
|
|
|
+ </view>
|
|
|
+ <view class="input">
|
|
|
+ <input type="text" placeholder="请填写期望薪资">
|
|
|
+ </view>
|
|
|
+ <view class="unit">
|
|
|
+ 元/天
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 结算方式 -->
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 结算方式
|
|
|
+ </view>
|
|
|
+ <view class="input">
|
|
|
+ <input type="text" placeholder="请选择结算方式">
|
|
|
+ </view>
|
|
|
+ <view class="icon">
|
|
|
+ <u-icon name="arrow-right" color="#999999"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 工作经验 -->
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 工作经验
|
|
|
+ </view>
|
|
|
+ <view class="input">
|
|
|
+ <input type="text" placeholder="请选择工作经验">
|
|
|
+ </view>
|
|
|
+ <view class="icon">
|
|
|
+ <u-icon name="arrow-right" color="#999999"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 学历 -->
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 学历
|
|
|
+ </view>
|
|
|
+ <view class="input">
|
|
|
+ <input type="text" placeholder="请选择学历">
|
|
|
+ </view>
|
|
|
+ <view class="icon">
|
|
|
+ <u-icon name="arrow-right" color="#999999"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ <view class="service-description">
|
|
|
+ <view class="title">
|
|
|
+ <text>*</text>服务描述
|
|
|
+ </view>
|
|
|
+ <textarea class="textarea"placeholder="请描述您能提供哪些服务，或者是您擅长的，有足浴您更快、更准确的找到工作。"></textarea>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <button class="save" type="default">保存</button>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+
|
|
|
+ src: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fci.xiaohongshu.com%2F8de99fdd-9eb8-705a-df1a-4af35b8366b3%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fci.xiaohongshu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1691222390&t=e34c33e89b90bdb21dd8320f835d3bd8',
|
|
|
+ tel: '15011110000'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+ page {
|
|
|
+ background: #F0F0F2;
|
|
|
+ padding-bottom: 150px;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .main {
|
|
|
+ margin: 24rpx 32rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 40rpx 32rpx 0;
|
|
|
+ border-radius: 12px;
|
|
|
+
|
|
|
+ .person-infos {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ .infos {
|
|
|
+ .name {
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ font-size: 20px;
|
|
|
+ font-family: 'PingFangSC-medium';
|
|
|
+ }
|
|
|
+
|
|
|
+ .gender-age {
|
|
|
+ color: rgba(119, 119, 119, 1);
|
|
|
+ margin-top: 8rpx;
|
|
|
+
|
|
|
+ .text {
|
|
|
+ margin: 0 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text:nth-of-type(1) {
|
|
|
+ margin-left: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .photo {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .camera {
|
|
|
+ width: 48rpx;
|
|
|
+ height: 48rpx;
|
|
|
+ position: absolute;
|
|
|
+ top: 36rpx;
|
|
|
+ left: 36rpx;
|
|
|
+ z-index: 999;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .information-group {
|
|
|
+ .item {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 24rpx 0;
|
|
|
+ border-bottom: 1px solid #f1f1f1;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ font-size: 32rpx;
|
|
|
+ width: 140rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .input {
|
|
|
+ width: 360rpx;
|
|
|
+ margin-left: 24rpx;
|
|
|
+
|
|
|
+ /deep/.uni-input-input {
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .icon{
|
|
|
+ margin-left: auto;
|
|
|
+ }
|
|
|
+ .unit{
|
|
|
+ margin-left: auto;
|
|
|
+ color: #333333;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+// 服务描述
|
|
|
+.service-description{
|
|
|
+ margin: 24rpx 32rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 12px;
|
|
|
+ padding: 24rpx 32rpx;
|
|
|
+ .title{
|
|
|
+ color: #333333;
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: 'PingFangSC-medium';
|
|
|
+ }
|
|
|
+ text{
|
|
|
+ color: #FF0000;
|
|
|
+ }
|
|
|
+ .textarea{
|
|
|
+ margin-top:24rpx;
|
|
|
+ line-height:40rpx;
|
|
|
+ width: 100%;
|
|
|
+ height:240rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.save{
|
|
|
+ background-color: rgba(34, 149, 255, 1);
|
|
|
+ color: rgba(241, 241, 241, 1);
|
|
|
+ font-size: 18px;
|
|
|
+ height: 96rpx;
|
|
|
+ line-height: 96rpx;
|
|
|
+ border-radius: 50px;
|
|
|
+ position: fixed;
|
|
|
+ left: 32rpx;
|
|
|
+ right: 32rpx;
|
|
|
+ bottom: 20rpx;
|
|
|
+ z-index: 999;
|
|
|
+}
|
|
|
+</style>
|
