flat: css
This commit is contained in:
@@ -26,6 +26,8 @@ export default {
|
|||||||
virtualJobFair: 'https://web1.isdapp.shandong.gov.cn/jmopen_files/unzip/4a21b3b6efec4f8db2c3d3d5fa51edc9/szjx-rgzn-xnsc/#/pages/metaverse/job_fair',
|
virtualJobFair: 'https://web1.isdapp.shandong.gov.cn/jmopen_files/unzip/4a21b3b6efec4f8db2c3d3d5fa51edc9/szjx-rgzn-xnsc/#/pages/metaverse/job_fair',
|
||||||
// 使用模拟定位
|
// 使用模拟定位
|
||||||
UsingSimulatedPositioning: true,
|
UsingSimulatedPositioning: true,
|
||||||
|
// 是否显示报错信息
|
||||||
|
showErrorMessage: false,
|
||||||
// 应用信息
|
// 应用信息
|
||||||
appInfo: {
|
appInfo: {
|
||||||
// 应用名称
|
// 应用名称
|
||||||
|
|||||||
@@ -6,12 +6,12 @@
|
|||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<view class="app-container">
|
<view class="app-container">
|
||||||
|
|
||||||
<view class="personal-info">
|
<view class="personal-info">
|
||||||
<view class="personal-info-title">个人基本信息</view>
|
<view class="personal-info-title">个人基本信息</view>
|
||||||
<view class="personal-info-list">
|
<view class="personal-info-list">
|
||||||
<view class="personal-info-list-l">
|
<view class="personal-info-list-l">
|
||||||
<span>*</span> 姓名
|
<span>*</span>
|
||||||
|
姓名
|
||||||
</view>
|
</view>
|
||||||
<view class="personal-info-list-r">
|
<view class="personal-info-list-r">
|
||||||
<input :value="userInfo.name" class="uni-input" placeholder="请输入你的姓名" />
|
<input :value="userInfo.name" class="uni-input" placeholder="请输入你的姓名" />
|
||||||
@@ -19,14 +19,20 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="personal-info-list">
|
<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">
|
<view class="personal-info-list-r">
|
||||||
<input :value="userInfo.phone" class="uni-input" placeholder="请输入联系方式" />
|
<input :value="userInfo.phone" class="uni-input" placeholder="请输入联系方式" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="personal-info-list">
|
<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">
|
<view class="personal-info-list-r">
|
||||||
<input :value="userInfo.idNumber" class="uni-input" placeholder="请输入身份证号" />
|
<input :value="userInfo.idNumber" class="uni-input" placeholder="请输入身份证号" />
|
||||||
</view>
|
</view>
|
||||||
@@ -86,29 +92,37 @@
|
|||||||
<view class="popup-container-title"><h3>证据材料上传</h3></view>
|
<view class="popup-container-title"><h3>证据材料上传</h3></view>
|
||||||
<view class="popup-container-list">
|
<view class="popup-container-list">
|
||||||
<view class="popup-container-list-title">劳动合同</view>
|
<view class="popup-container-list-title">劳动合同</view>
|
||||||
<view style="padding: 10rpx;">
|
<view style="padding: 10rpx">
|
||||||
<uni-file-picker file-mediatype="all"><button class="button" size="mini">选择文件</button></uni-file-picker>
|
<uni-file-picker file-mediatype="all">
|
||||||
|
<button class="button" size="mini">选择文件</button>
|
||||||
|
</uni-file-picker>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="popup-container-list">
|
<view class="popup-container-list">
|
||||||
<view>工资条</view>
|
<view>工资条</view>
|
||||||
<view style="padding: 10rpx;">
|
<view style="padding: 10rpx">
|
||||||
<uni-file-picker file-mediatype="all"><button class="button1" size="mini">选择文件</button></uni-file-picker>
|
<uni-file-picker file-mediatype="all">
|
||||||
|
<button class="button1" size="mini">选择文件</button>
|
||||||
|
</uni-file-picker>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="popup-container-list">
|
<view class="popup-container-list">
|
||||||
<view>考勤记录</view>
|
<view>考勤记录</view>
|
||||||
<view style="padding: 10rpx;">
|
<view style="padding: 10rpx">
|
||||||
<uni-file-picker file-mediatype="all"><button class="button2" size="mini">选择文件</button></uni-file-picker>
|
<uni-file-picker file-mediatype="all">
|
||||||
|
<button class="button2" size="mini">选择文件</button>
|
||||||
|
</uni-file-picker>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="popup-container-list">
|
<view class="popup-container-list">
|
||||||
<view>沟通记录截图</view>
|
<view>沟通记录截图</view>
|
||||||
<view style="padding: 10rpx;">
|
<view style="padding: 10rpx">
|
||||||
<uni-file-picker file-mediatype="all"><button class="button3" size="mini">选择文件</button></uni-file-picker>
|
<uni-file-picker file-mediatype="all">
|
||||||
|
<button class="button3" size="mini">选择文件</button>
|
||||||
|
</uni-file-picker>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view style="padding-top: 20rpx;">
|
<view style="padding-top: 20rpx">
|
||||||
<button class="tijiao" @click="tijiao">提交材料</button>
|
<button class="tijiao" @click="tijiao">提交材料</button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -125,18 +139,17 @@ const { $api, debounce, throttle, navBack, safeReLaunch } = inject('globalFuncti
|
|||||||
import { storeToRefs } from 'pinia';
|
import { storeToRefs } from 'pinia';
|
||||||
import useUserStore from '@/stores/useUserStore';
|
import useUserStore from '@/stores/useUserStore';
|
||||||
import DatePicker from '@/components/DatePicker/DatePicker.vue';
|
import DatePicker from '@/components/DatePicker/DatePicker.vue';
|
||||||
import { navTo } from '../../../common/globalFunction';
|
import { navTo } from '@/common/globalFunction';
|
||||||
|
|
||||||
const { userInfo } = storeToRefs(useUserStore());
|
const { userInfo } = storeToRefs(useUserStore());
|
||||||
|
|
||||||
// 获取时间选择器组件的引用
|
// 获取时间选择器组件的引用
|
||||||
const datePicker = ref();
|
const datePicker = ref();
|
||||||
const popup = ref()
|
const popup = ref();
|
||||||
|
|
||||||
const active = ref(1)
|
|
||||||
const startDate = ref(null)
|
|
||||||
const endDate = ref(null)
|
|
||||||
|
|
||||||
|
const active = ref(1);
|
||||||
|
const startDate = ref(null);
|
||||||
|
const endDate = ref(null);
|
||||||
|
|
||||||
// 选择开始时间
|
// 选择开始时间
|
||||||
const changestartTime = () => {
|
const changestartTime = () => {
|
||||||
@@ -159,23 +172,21 @@ const changeendTime = () => {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
const open = () => {
|
const open = () => {
|
||||||
popup.value.open('bottom')
|
popup.value.open('bottom');
|
||||||
}
|
};
|
||||||
|
|
||||||
const tijiao = () => {
|
const tijiao = () => {
|
||||||
popup.value.close()
|
popup.value.close();
|
||||||
}
|
};
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {});
|
||||||
});
|
|
||||||
|
|
||||||
const tijiao1 = () => {
|
const tijiao1 = () => {
|
||||||
safeReLaunch('/pages/index/index')
|
safeReLaunch('/pages/index/index');
|
||||||
}
|
};
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
|
|||||||
@@ -4,12 +4,12 @@
|
|||||||
<!-- 顶部头部区域 -->
|
<!-- 顶部头部区域 -->
|
||||||
<view class="container-header">
|
<view class="container-header">
|
||||||
<view class="header-top">
|
<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>
|
||||||
<view v-if="!isMachineEnv" class="header-btnLf button-click" @click="seemsg(1)" :class="{ active: state.current === 1 }">
|
<view v-if="!isMachineEnv" class="header-btnLf button-click" @click="seemsg(1)" :class="{ active: state.current === 1 }">
|
||||||
VR虚拟招聘会
|
VR虚拟招聘会
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="header-input btn-feel">
|
<view class="header-input btn-feel">
|
||||||
<my-icons class="iconsearch" color="#666666" type="search" size="36"></my-icons>
|
<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';
|
import useUserStore from '@/stores/useUserStore';
|
||||||
const { isMachineEnv } = storeToRefs(useUserStore());
|
const { isMachineEnv } = storeToRefs(useUserStore());
|
||||||
const { $api, navTo, cloneDeep, debounce } = inject('globalFunction');
|
const { $api, navTo, cloneDeep, debounce } = inject('globalFunction');
|
||||||
import useScreenStore from '@/stores/useScreenStore'
|
import useScreenStore from '@/stores/useScreenStore';
|
||||||
|
|
||||||
const screenStore = useScreenStore()
|
const screenStore = useScreenStore();
|
||||||
const showTabbar = ref(false)
|
const showTabbar = ref(false);
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
() => screenStore.isWideScreen,
|
() => screenStore.isWideScreen,
|
||||||
(newVal) => {
|
(newVal) => {
|
||||||
showTabbar.value = newVal
|
showTabbar.value = newVal;
|
||||||
},
|
},
|
||||||
{ immediate: true }
|
{ immediate: true }
|
||||||
)
|
);
|
||||||
|
|
||||||
const weekList = ref([]);
|
const weekList = ref([]);
|
||||||
const fairList = ref([]);
|
const fairList = ref([]);
|
||||||
|
|||||||
@@ -9,7 +9,8 @@
|
|||||||
<view class="nav-hidden">
|
<view class="nav-hidden">
|
||||||
<view class="container-search">
|
<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/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="search-inner">
|
||||||
<view class="inner-left">
|
<view class="inner-left">
|
||||||
<!-- <image
|
<!-- <image
|
||||||
@@ -434,7 +435,7 @@ const handleItemClick = (item) => {
|
|||||||
// lightAppJssdk.navigation.hide({
|
// lightAppJssdk.navigation.hide({
|
||||||
// url: config.Quality_assessment_URL,
|
// url: config.Quality_assessment_URL,
|
||||||
// });
|
// });
|
||||||
navTo('/packageA/pages/rightsProtectionApplication/rightsProtectionApplication')
|
navTo('/packageA/pages/rightsProtectionApplication/rightsProtectionApplication');
|
||||||
break;
|
break;
|
||||||
case '就业指导':
|
case '就业指导':
|
||||||
lightAppJssdk.navigation.hide({
|
lightAppJssdk.navigation.hide({
|
||||||
@@ -819,6 +820,16 @@ defineExpose({ loadData });
|
|||||||
// width: 4rpx
|
// width: 4rpx
|
||||||
// height: 20rpx
|
// 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
|
.app-container
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
|
height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
|
||||||
@@ -834,9 +845,10 @@ defineExpose({ loadData });
|
|||||||
padding:60rpx 0 0rpx;
|
padding:60rpx 0 0rpx;
|
||||||
position: relative
|
position: relative
|
||||||
.bg-text
|
.bg-text
|
||||||
position :absolute
|
position: absolute;
|
||||||
width:100%;
|
width:100%;
|
||||||
top:10%;
|
height: 100%;
|
||||||
|
top: 0%;
|
||||||
left:0
|
left:0
|
||||||
.search-inner
|
.search-inner
|
||||||
position relative;
|
position relative;
|
||||||
|
|||||||
@@ -139,7 +139,7 @@ export function createRequest(url, data = {}, method = 'GET', loading = false, h
|
|||||||
resolve(resData.data)
|
resolve(resData.data)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (msg) {
|
if (msg && config.showErrorMessage) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: msg,
|
title: msg,
|
||||||
icon: 'none'
|
icon: 'none'
|
||||||
|
|||||||
Reference in New Issue
Block a user