flat: css

This commit is contained in:
Apcallover
2025-12-28 20:19:17 +08:00
parent 544b2dfb4f
commit bbf6fc57c8
5 changed files with 182 additions and 157 deletions

View File

@@ -26,6 +26,8 @@ export default {
virtualJobFair: 'https://web1.isdapp.shandong.gov.cn/jmopen_files/unzip/4a21b3b6efec4f8db2c3d3d5fa51edc9/szjx-rgzn-xnsc/#/pages/metaverse/job_fair',
// 使用模拟定位
UsingSimulatedPositioning: true,
// 是否显示报错信息
showErrorMessage: false,
// 应用信息
appInfo: {
// 应用名称

View File

@@ -1,17 +1,17 @@
<template>
<AppLayout title="申请信息提交" :use-scroll-view="false" :show-bg-image="false">
<template #headerleft >
<template #headerleft>
<view class="btnback">
<image src="@/static/icon/back.png" @click="navBack"></image>
</view>
</template>
<view class="app-container">
<view class="personal-info">
<view class="personal-info-title">个人基本信息</view>
<view class="personal-info-list">
<view class="personal-info-list-l">
<span>*</span> 姓名
<span>*</span>
姓名
</view>
<view class="personal-info-list-r">
<input :value="userInfo.name" class="uni-input" placeholder="请输入你的姓名" />
@@ -19,14 +19,20 @@
</view>
<view class="personal-info-list">
<view class="personal-info-list-l"><span>*</span>联系方式</view>
<view class="personal-info-list-l">
<span>*</span>
联系方式
</view>
<view class="personal-info-list-r">
<input :value="userInfo.phone" class="uni-input" placeholder="请输入联系方式" />
</view>
</view>
<view class="personal-info-list">
<view class="personal-info-list-l"><span>*</span>身份证号</view>
<view class="personal-info-list-l">
<span>*</span>
身份证号
</view>
<view class="personal-info-list-r">
<input :value="userInfo.idNumber" class="uni-input" placeholder="请输入身份证号" />
</view>
@@ -36,7 +42,7 @@
<view class="personal-info">
<view class="personal-info-title">工作单位相关信息</view>
<view class="personal-info-list">
<view class="personal-info-list-l"> 工作单位名称</view>
<view class="personal-info-list-l">工作单位名称</view>
<view class="personal-info-list-r">
<input class="uni-input" placeholder="请输入工作单位名称" />
</view>
@@ -52,7 +58,7 @@
<view class="personal-info">
<view class="personal-info-title">劳动关系存续期间</view>
<view class="personal-info-list">
<view class="personal-info-list-l"> 开始时间</view>
<view class="personal-info-list-l">开始时间</view>
<view class="personal-info-list-r" @click="changestartTime">
<!-- <picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">
<view class="uni-input">{{date}}</view>
@@ -71,7 +77,7 @@
<view class="personal-info">
<view class="personal-info-title">侵权情况描述</view>
<view class="personal-info-list">
<view class="personal-info-list-l"> 描述内容</view>
<view class="personal-info-list-l">描述内容</view>
<view class="personal-info-list-r">
<textarea placeholder="请输入描述内容" />
</view>
@@ -81,34 +87,42 @@
<view class="personal-info-title" @click="open">证据材料上传</view>
</view>
<button class="tijiao tijiao-pos" @click="tijiao1">提交申请</button>
<uni-popup ref="popup" type="bottom" >
<uni-popup ref="popup" type="bottom">
<view class="popup-container">
<view class="popup-container-title"><h3>证据材料上传</h3></view>
<view class="popup-container-list">
<view class="popup-container-list-title">劳动合同</view>
<view style="padding: 10rpx;">
<uni-file-picker file-mediatype="all"><button class="button" size="mini">选择文件</button></uni-file-picker>
<view style="padding: 10rpx">
<uni-file-picker file-mediatype="all">
<button class="button" size="mini">选择文件</button>
</uni-file-picker>
</view>
</view>
<view class="popup-container-list">
<view>工资条</view>
<view style="padding: 10rpx;">
<uni-file-picker file-mediatype="all"><button class="button1" size="mini">选择文件</button></uni-file-picker>
<view style="padding: 10rpx">
<uni-file-picker file-mediatype="all">
<button class="button1" size="mini">选择文件</button>
</uni-file-picker>
</view>
</view>
<view class="popup-container-list">
<view>考勤记录</view>
<view style="padding: 10rpx;">
<uni-file-picker file-mediatype="all"><button class="button2" size="mini">选择文件</button></uni-file-picker>
<view style="padding: 10rpx">
<uni-file-picker file-mediatype="all">
<button class="button2" size="mini">选择文件</button>
</uni-file-picker>
</view>
</view>
<view class="popup-container-list">
<view>沟通记录截图</view>
<view style="padding: 10rpx;">
<uni-file-picker file-mediatype="all"><button class="button3" size="mini">选择文件</button></uni-file-picker>
<view style="padding: 10rpx">
<uni-file-picker file-mediatype="all">
<button class="button3" size="mini">选择文件</button>
</uni-file-picker>
</view>
</view>
<view style="padding-top: 20rpx;">
<view style="padding-top: 20rpx">
<button class="tijiao" @click="tijiao">提交材料</button>
</view>
</view>
@@ -119,24 +133,23 @@
</template>
<script setup>
import { reactive, inject,computed, watch, ref, onMounted } from 'vue';
import { reactive, inject, computed, watch, ref, onMounted } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api, debounce, throttle, navBack, safeReLaunch } = inject('globalFunction');
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
import DatePicker from '@/components/DatePicker/DatePicker.vue';
import { navTo } from '../../../common/globalFunction';
import { navTo } from '@/common/globalFunction';
const { userInfo } = storeToRefs(useUserStore());
// 获取时间选择器组件的引用
const datePicker = ref();
const popup = ref()
const active = ref(1)
const startDate = ref(null)
const endDate = ref(null)
const popup = ref();
const active = ref(1);
const startDate = ref(null);
const endDate = ref(null);
// 选择开始时间
const changestartTime = () => {
@@ -159,23 +172,21 @@ const changeendTime = () => {
}
},
});
}
};
const open = () =>{
popup.value.open('bottom')
}
const open = () => {
popup.value.open('bottom');
};
const tijiao = () => {
popup.value.close()
}
popup.value.close();
};
onMounted(() => {
});
onMounted(() => {});
const tijiao1 = () => {
safeReLaunch('/pages/index/index')
}
safeReLaunch('/pages/index/index');
};
</script>
<style lang="stylus" scoped>

View File

@@ -4,12 +4,12 @@
<!-- 顶部头部区域 -->
<view class="container-header">
<view class="header-top">
<view class="header-btnLf button-click" @click="seemsg(0)" :class="{ active: state.current === 0 }">
<!-- <view class="header-btnLf button-click" @click="seemsg(0)" :class="{ active: state.current === 0 }">
现场招聘
</view>
<view v-if="!isMachineEnv" class="header-btnLf button-click" @click="seemsg(1)" :class="{ active: state.current === 1 }">
VR虚拟招聘会
</view>
</view> -->
</view>
<view class="header-input btn-feel">
<my-icons class="iconsearch" color="#666666" type="search" size="36"></my-icons>
@@ -116,18 +116,18 @@ const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
import useUserStore from '@/stores/useUserStore';
const { isMachineEnv } = storeToRefs(useUserStore());
const { $api, navTo, cloneDeep, debounce } = inject('globalFunction');
import useScreenStore from '@/stores/useScreenStore'
import useScreenStore from '@/stores/useScreenStore';
const screenStore = useScreenStore()
const showTabbar = ref(false)
const screenStore = useScreenStore();
const showTabbar = ref(false);
watch(
() => screenStore.isWideScreen,
(newVal) => {
showTabbar.value = newVal
showTabbar.value = newVal;
},
{ immediate: true }
)
);
const weekList = ref([]);
const fairList = ref([]);

View File

@@ -9,7 +9,8 @@
<view class="nav-hidden">
<view class="container-search">
<!-- <image class="bg-text" mode="widthFix" src="@/static/icon/index-text-bg.png"></image> -->
<image class="bg-text" mode="widthFix" src="@/static/imgs/shihezi.jpg"></image>
<image class="bg-text" mode="scaleToFill" src="@/static/imgs/shihezi.jpg"></image>
<view class="gradient-overlay"></view>
<view class="search-inner">
<view class="inner-left">
<!-- <image
@@ -434,7 +435,7 @@ const handleItemClick = (item) => {
// lightAppJssdk.navigation.hide({
// url: config.Quality_assessment_URL,
// });
navTo('/packageA/pages/rightsProtectionApplication/rightsProtectionApplication')
navTo('/packageA/pages/rightsProtectionApplication/rightsProtectionApplication');
break;
case '就业指导':
lightAppJssdk.navigation.hide({
@@ -819,6 +820,16 @@ defineExpose({ loadData });
// width: 4rpx
// height: 20rpx
.gradient-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100px;
background: linear-gradient(to top, rgba(255, 255, 255, 0.8), transparent);
pointer-events: none;
}
.app-container
width: 100%;
height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
@@ -834,9 +845,10 @@ defineExpose({ loadData });
padding:60rpx 0 0rpx;
position: relative
.bg-text
position :absolute
position: absolute;
width:100%;
top:10%;
height: 100%;
top: 0%;
left:0
.search-inner
position relative;

View File

@@ -139,7 +139,7 @@ export function createRequest(url, data = {}, method = 'GET', loading = false, h
resolve(resData.data)
return
}
if (msg) {
if (msg && config.showErrorMessage) {
uni.showToast({
title: msg,
icon: 'none'