美化了样式2.0
This commit is contained in:
@ -1,104 +1,108 @@
|
||||
<view class="flex-col page">
|
||||
<!-- 遮罩层（上传时显示） -->
|
||||
<view wx:if="{{isUploading}}" class="mask">
|
||||
<text class="loading-text">上传中...</text>
|
||||
<view class="page">
|
||||
|
||||
<!-- 遮罩层（上传时显示） -->
|
||||
<view wx:if="{{isUploading}}" class="mask">
|
||||
<text class="loading-text">上传中...</text>
|
||||
</view>
|
||||
|
||||
<!-- 顶部 Logo / 标题 -->
|
||||
<image class="logo" src="/static/logo.jpg" mode="aspectFit" />
|
||||
<text class="page-title">员工申请 - 丁香校园</text>
|
||||
|
||||
<!-- 主卡片 -->
|
||||
<view class="card">
|
||||
|
||||
<!-- 标题 + 须知入口 -->
|
||||
<view class="card-head">
|
||||
<text class="card-title">员工账号申请</text>
|
||||
<view class="head-link" bind:tap="gotoNotice">
|
||||
<text class="head-link-text">员工账号申请须知</text>
|
||||
<image class="head-link-icon" src="./images/right.png" mode="aspectFit" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<image
|
||||
class="self-center image"
|
||||
src="./images/logo.png"
|
||||
/>
|
||||
<text class="self-center text">欢迎登陆—青橙校园</text>
|
||||
<view class="flex-col self-stretch group">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row justify-between group_1">
|
||||
<text class="font text_2">员工账号申请</text>
|
||||
<view class="flex-row items-center group_2" bind:tap="gotoNotice">
|
||||
<image
|
||||
class="shrink-0 image_2 image_3"
|
||||
src="./images/right.png"
|
||||
/>
|
||||
<text class="font_2 text_3">员工账号申请须知</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col mt-15">
|
||||
<!-- 姓名输入 -->
|
||||
<view class="flex-col justify-start section">
|
||||
<input
|
||||
class="flex-col justify-start items-start text-wrapper view input"
|
||||
placeholder="请输入姓名"
|
||||
maxlength="8"
|
||||
bindinput="onInput"
|
||||
data-field="name"
|
||||
value="{{name}}"
|
||||
/>
|
||||
</view>
|
||||
<!-- 手机号输入 -->
|
||||
<view class="flex-col justify-start section_1 mt-21">
|
||||
<input
|
||||
class="flex-col justify-start items-start text-wrapper text-wrapper_1 input_1"
|
||||
placeholder="请输入手机号"
|
||||
maxlength="11"
|
||||
type="number"
|
||||
bindinput="onInput"
|
||||
data-field="phone"
|
||||
value="{{phone}}"
|
||||
/>
|
||||
</view>
|
||||
<!-- 验证码输入 + 发送按钮 -->
|
||||
<view class="flex-row items-center section_3 mt-21">
|
||||
<input
|
||||
class="flex-col justify-start items-start text-wrapper_2 view_3 input_2"
|
||||
placeholder="请输入验证码"
|
||||
type="number"
|
||||
bindinput="onInput"
|
||||
data-field="code"
|
||||
value="{{code}}"
|
||||
maxlength="6"
|
||||
/>
|
||||
<view
|
||||
class="flex-col justify-start items-center shrink-0 text-wrapper_3 ml-16"
|
||||
bindtap="getSmsCode"
|
||||
>
|
||||
<text class="text_8">
|
||||
{{ codeButtonText }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 身份证号输入 -->
|
||||
<view class="flex-col justify-start items-start section_2 mt-21">
|
||||
<input
|
||||
class="flex-col justify-start items-start text-wrapper_4 view_4 input_3"
|
||||
placeholder="请输入身份证号"
|
||||
type="idcard"
|
||||
bindinput="onInput"
|
||||
data-field="idcard"
|
||||
maxlength="18"
|
||||
value="{{idcard}}"
|
||||
/>
|
||||
</view>
|
||||
<!-- 上传简历 -->
|
||||
<view class="flex-col items-center section_4 mt-21" bindtap="chooseResume">
|
||||
<image
|
||||
class="image_4"
|
||||
src="./images/resume.png"
|
||||
/>
|
||||
<text class="{{resumeUploaded?'upload-success-text':'font_2 text_10 mt-12'}}">
|
||||
{{ resumeUploaded ? '简历上传成功！' : '点击上传简历' }}
|
||||
</text>
|
||||
</view>
|
||||
<!-- 提交按钮 -->
|
||||
<view class="flex-col justify-start items-center text-wrapper_5 mt-21" bindtap="handleSubmit">
|
||||
<text class="text_11">提交申请</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-center items-center relative group_4 mt-28" bind:tap="gotoQuery">
|
||||
<image
|
||||
class="image_2 pos"
|
||||
src="./images/right.png"
|
||||
<!-- 表单 -->
|
||||
<view class="form">
|
||||
|
||||
<!-- 姓名 -->
|
||||
<view class="field">
|
||||
<input
|
||||
class="field-input"
|
||||
placeholder="请输入姓名"
|
||||
placeholder-class="ph"
|
||||
maxlength="8"
|
||||
bindinput="onInput"
|
||||
data-field="name"
|
||||
value="{{name}}"
|
||||
/>
|
||||
<text class="font_2 text_12">我的申请记录</text>
|
||||
</view>
|
||||
|
||||
<!-- 手机号 -->
|
||||
<view class="field">
|
||||
<input
|
||||
class="field-input"
|
||||
placeholder="请输入手机号"
|
||||
placeholder-class="ph"
|
||||
maxlength="11"
|
||||
type="number"
|
||||
bindinput="onInput"
|
||||
data-field="phone"
|
||||
value="{{phone}}"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- 验证码 + 发送 -->
|
||||
<view class="field field-row">
|
||||
<input
|
||||
class="field-input flex-1"
|
||||
placeholder="请输入验证码"
|
||||
placeholder-class="ph"
|
||||
type="number"
|
||||
maxlength="6"
|
||||
bindinput="onInput"
|
||||
data-field="code"
|
||||
value="{{code}}"
|
||||
/>
|
||||
<view
|
||||
class="code-btn"
|
||||
bindtap="getSmsCode"
|
||||
>
|
||||
<text class="code-btn-text">{{ codeButtonText }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 身份证号 -->
|
||||
<view class="field">
|
||||
<input
|
||||
class="field-input"
|
||||
placeholder="请输入身份证号"
|
||||
placeholder-class="ph"
|
||||
type="idcard"
|
||||
maxlength="18"
|
||||
bindinput="onInput"
|
||||
data-field="idcard"
|
||||
value="{{idcard}}"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<!-- 上传简历 -->
|
||||
<view class="upload-box" bindtap="chooseResume">
|
||||
<image class="upload-icon" src="./images/resume.png" mode="aspectFit" />
|
||||
<text class="{{ resumeUploaded ? 'upload-success-text' : 'upload-tip' }}">{{ resumeUploaded ? '简历上传成功！' : '点击上传简历' }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<!-- 提交按钮 -->
|
||||
<view class="btn-primary" bindtap="handleSubmit">
|
||||
<text class="btn-primary-text">提交申请</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 我的申请记录 -->
|
||||
<view class="record" bind:tap="gotoQuery">
|
||||
<text class="record-text">我的申请记录</text>
|
||||
<image class="record-icon" src="./images/right.png" mode="aspectFit" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user