Skip to content

basic-uniapp-v3
basic-uniapp-v3
提交 1fb33a2e 作者: 廖在望
操作

fix: 优化页面样式

上级 f584bbdd
正在显示 包含 45 行增加 和 143 行删除
src/pages/fuwu/fuwu.vue
......@@ -47,7 +47,7 @@
title: '季节性用工',
description: '三农区域灵活用工服务',
actionText: '去发布',
url: '/pages/nongjifuwu/farm-form',
url: '/pages/linghuoyonggong/linghuoyonggong?type=1',
},
{
id: 2,
......@@ -180,42 +180,10 @@
// 技能培训日历
trainingCalendar: {
days: [
{ id: 1, month: '09月', day: '10' },
{ id: 2, month: '09月', day: '11' },
{ id: 3, month: '09月', day: '12', active: true },
{ id: 4, month: '09月', day: '13' },
{ id: 5, month: '09月', day: '14' },
{ id: 6, month: '09月', day: '15' },
{ id: 7, month: '09月', day: '16' },
],
trainings: [
{
id: 1,
time: '09:30',
title: '有机农业种植技术',
description: '农技专家指导授课',
actionText: '报名',
badge: '机',
badgeType: 'orange',
},
{
id: 2,
time: '14:00',
title: '有机农业种植技术',
description: '拖拉机专用技能',
actionText: '查看',
badge: '政',
badgeType: 'blue',
},
{
id: 3,
time: '09:30',
title: '有机农业种植技术',
description: '农技专家指导授课',
actionText: '报名',
badge: '证',
badgeType: 'green',
},
],
},
})
......@@ -303,15 +271,6 @@
<view class="codefun-flex-col section">
<view class="codefun-flex-col group_2">
<view class="codefun-flex-col">
<!-- <view
class="codefun-flex-row codefun-justify-center codefun-items-center codefun-relative group_3"
>
<text class="font text">{{ pageData.header.title }}</text>
<image
class="image_6 pos_2"
src="/static/images/codefun/2d7ca3ba49afaa9f885afb0ba601a403.png"
/>
</view> -->
<view class="codefun-flex-col">
<view class="codefun-flex-row codefun-items-center section_2">
<text class="codefun-shrink-0 font_2">岗位</text>
......@@ -573,7 +532,6 @@
</view>
</view>
<view class="codefun-flex-col codefun-mt-24">
<text class="codefun-self-start font_5 text_40">技能培训</text>
<view class="codefun-flex-col codefun-self-stretch codefun-mt-18">
<view class="codefun-flex-col codefun-justify-start section_17">
<view class="codefun-flex-row equal-division_4">
......
src/pages/linghuoyonggong/components/register-dialog.vue
......@@ -28,6 +28,7 @@
],
})
function open(params) {
reset()
pageData.form.employmentId = params.id
pageData.form.userId = getUserInfo.id
pageData.show = true
......@@ -72,15 +73,10 @@
</view>
<view class="text-left">
<fui-form ref="formRef">
<fui-input marginTop="30" size="28" placeholder="请填写预留姓名" v-model="pageData.form.reservedname" />
<fui-input
marginTop="30"
size="28"
placeholder="请填写预留手机"
v-model="pageData.form.reservedmobile"
/>
<fui-input marginTop="30" size="28" placeholder="请填写预留姓名" v-model="pageData.form.reservedname" required maxlength="16" placeholderStyle="margin-left: 10rpx"/>
<fui-input marginTop="30" size="28" placeholder="请填写预留手机" v-model="pageData.form.reservedmobile" required type="number" maxlength="11" placeholderStyle="margin-left: 10rpx"/>
<view style="margin-top: 30rpx">
<fui-button text="确定" bold radius="96rpx" @click="submit" />
<fui-button text="提交" bold radius="96rpx" @click="submit" />
</view>
</fui-form>
</view>
......
src/pages/nongjifuwu/components/apply-dialog.vue
......@@ -111,18 +111,18 @@
<template>
<fui-dialog title="" :buttons="[]" :show="pageData.show" maskClosable>
<view class="title flex justify-center">
<view class="flex-1">我有需要</view>
<view class="flex-1">预约表单</view>
<fui-icon class="close flex-basis" name="close" size="46" color="#999999" @click="close" />
</view>
<view class="text-left">
<fui-form ref="formRef">
<fui-input marginTop="30" size="24" placeholder="请填写手机号码" v-model="pageData.form.phone" required />
<fui-input marginTop="30" size="24" placeholder="请选择作业区域" v-model="pageData.form.scope" required />
<fui-input marginTop="30" size="24" placeholder="请填写详细地址" v-model="pageData.form.address" required />
<fui-input marginTop="30" size="24" placeholder="请选择作业时间" v-model="pageData.form.time" @click="dict.show.time = true" required />
<fui-textarea v-model="pageData.form.demand" :marginTop="30" size="24" placeholder="简要说明作业需求" required />
<fui-input marginTop="30" size="24" placeholder="请填写手机号码" v-model="pageData.form.phone" required placeholderStyle="margin-left: 10rpx;"/>
<fui-input marginTop="30" size="24" placeholder="请选择作业区域" v-model="pageData.form.scope" required placeholderStyle="margin-left: 10rpx;"/>
<fui-input marginTop="30" size="24" placeholder="请填写详细地址" v-model="pageData.form.address" required placeholderStyle="margin-left: 10rpx;"/>
<fui-input marginTop="30" size="24" placeholder="请选择作业时间" v-model="pageData.form.time" @click="dict.show.time = true" required placeholderStyle="margin-left: 10rpx;"/>
<fui-textarea v-model="pageData.form.demand" :marginTop="30" size="24" placeholder="简要说明作业需求" flexStart required placeholderStyle="margin-left: 10rpx;"/>
<view style="margin-top: 30rpx">
<fui-button type="warning" text="确定" bold radius="96rpx" @click="submit" />
<fui-button type="warning" text="提交" bold radius="96rpx" @click="submit" />
</view>
</fui-form>
</view>
......
src/pages/nongjifuwu/farm-form.vue
......@@ -211,14 +211,7 @@
<view class="formBox">
<fui-form ref="formRef" label-weight="auto" top="60" :disabled="form.id ? true : false">
<view class="mt20">
<fui-input
required
label="服务名称"
placeholder="请输入服务名称"
v-model="form.name"
labelSize="28"
label-width="180"
/>
<fui-input required label="服务名称" placeholder="请输入服务名称" v-model="form.name" labelSize="28" label-width="180" maxlength="16" />
<view class="form-item required flex align-center" style="padding: 20rpx 10rpx">
<text class="label">服务范围</text>
<view class="time-input" @click="show.address = true">
......@@ -227,34 +220,11 @@
</text>
</view>
</view>
<fui-input
required
label="详细地址"
placeholder="请输入详细地址"
v-model="form.address"
labelSize="28"
label-width="180"
/>
<fui-input
required
type="number"
label="联系方式"
placeholder="请填写联系方式"
v-model="form.phone"
labelSize="28"
label-width="180"
:maxlength="11"
/>
<fui-input required label="详细地址" placeholder="请输入详细地址" v-model="form.address" labelSize="28" label-width="180" size="28"/>
<fui-input required type="number" label="联系方式" placeholder="请填写联系方式" v-model="form.phone" labelSize="28" label-width="180" :maxlength="11" />
</view>
<view class="mt20">
<fui-input
required
label="作业需求"
placeholder="请输入作业需求"
v-model="form.demand"
labelSize="28"
label-width="180"
/>
<fui-textarea flexStart required label="作业需求" placeholder="请输入作业需求" v-model="form.demand" labelSize="28" label-width="180" placeholder-style="font-size: 28rpx;"/>
<!-- 作业时间 -->
<view class="form-section" style="padding: 0 10rpx">
<view class="form-item flex align-center">
......@@ -277,46 +247,18 @@
</view>
<view class="bg-white mt20" style="padding: 0.875rem 1rem">
<view class="mb-1 flex justify-start"> 图片 </view>
<uni-file-picker
:value="form.pictureObj"
ref="uploadRef"
limit="1"
:auto-upload="false"
@select="handleUpload"
@delete="handleDelete"
/>
<view class="mb-1 flex justify-start" style="font-size:28rpx;"><span class="text-red">*&nbsp;</span> 图片 </view>
<uni-file-picker :value="form.pictureObj" ref="uploadRef" limit="1" :auto-upload="false" @select="handleUpload" @delete="handleDelete" />
</view>
<view class="fui-btn__box" v-if="!form.id" style="margin-top: 30rpx">
<fui-button text="发布作业" bold radius="96rpx" @click="submit" />
</view>
</fui-form>
<fui-date-picker
:show="show.time1"
type="3"
@change="handleChangeTime1"
@cancel="show.time1 = false"
:minDate="getCurrentDate()"
/>
<fui-date-picker
:show="show.time2"
type="3"
@change="handleChangeTime2"
@cancel="show.time2 = false"
:minDate="getCurrentDate()"
/>
<fui-date-picker :show="show.time1" type="3" @change="handleChangeTime1" @cancel="show.time1 = false" :minDate="getCurrentDate()" />
<fui-date-picker :show="show.time2" type="3" @change="handleChangeTime2" @cancel="show.time2 = false" :minDate="getCurrentDate()" />
<fui-toast ref="toastRef" />
<fui-loading isFixed v-if="pageData.loading" backgroundColor="rgba(0, 0, 0, 0.4)" />
<fui-picker
:show="show.address"
:options="options.address"
:linkage="true"
:layer="3"
@change="handleChangeAddress"
@cancel="show.address = false"
/>
<fui-picker :show="show.address" :options="options.address" :linkage="true" :layer="3" @change="handleChangeAddress" @cancel="show.address = false" />
</view>
</view>
</template>
......
src/pages/nongjifuwu/machine-form.vue
......@@ -53,7 +53,7 @@
{
name: 'name',
rule: ['required'],
msg: ['请填写农机名称'],
msg: ['请填写作业标题'],
},
{
name: 'name',
......@@ -184,11 +184,13 @@
<view class="mt20">
<fui-input
required
label="农机名称"
placeholder="请输入农机名称"
label="作业标题"
placeholder="请输入作业标题"
v-model="form.name"
labelSize="28"
label-width="180"
maxlength="16"
size="28"
/>
<fui-input
required
......@@ -197,6 +199,9 @@
v-model="form.phone"
labelSize="28"
label-width="180"
type="number"
maxlength="11"
size="28"
/>
<view class="form-item required flex align-center" style="padding: 20rpx 10rpx">
<text class="label">服务范围</text>
......@@ -206,29 +211,25 @@
</text>
</view>
</view>
<!-- <fui-input
required
label="服务范围"
placeholder="请输入服务范围"
v-model="form.scope"
labelSize="28"
label-width="180"
></fui-input> -->
<fui-input
required
type="number"
label="价格(元/亩)"
label="价格"
placeholder="请输入价格"
number
v-model="form.price"
labelSize="28"
label-width="180"
/>
maxlength="6"
>
<view slot="suffix" class="unit-slot">元/亩</view>
<!-- <slot name="right" style="font-size:28rpx;"></slot> -->
</fui-input>
</view>
<view class="bg-white mt20" style="padding: 0.875rem 1rem">
<view class="mb-1 flex justify-start"> 图片 </view>
<view class="mb-1 flex justify-start" style="font-size:28rpx;"><span class="text-red">*&nbsp;</span> 图片 </view>
<uni-file-picker
:value="form.pictureObj"
:max-size="1024"
......@@ -472,4 +473,9 @@
color: #999999;
}
}
.unit-slot {
padding: 0 16rpx;
color: #333;
font-size: 28rpx;
}
</style>
src/pages/nongjifuwu/nongjifuwu.vue
......@@ -188,7 +188,7 @@ import { s } from 'vite/dist/node/types.d-aGj9QkWt'
class="codefun-flex-col codefun-justify-start codefun-items-center codefun-shrink-0 codefun-self-start text-wrapper_2"
@click="handleApply(item)"
>
<text class="font_5">我有需要</text>
<text class="font_5">去预约</text>
</view>
</view>
</view>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论