|
@@ -1,29 +1,26 @@
|
|
|
<template>
|
|
|
<view class="page">
|
|
|
- <!-- 自定义导航栏 -->
|
|
|
- <view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
|
|
|
- <view class="navbar-content">
|
|
|
- <view class="navbar-left" @click="goBack">
|
|
|
- <u-icon name="arrow-leftward" color="white" size="36"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="navbar-title">招聘数据</view>
|
|
|
- <view class="navbar-right"></view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 头部区域 -->
|
|
|
- <view class="header-section">
|
|
|
- <view class="header-content">
|
|
|
- <view class="main-title">我的招聘数据</view>
|
|
|
- <view class="week-data-btn" @click="toggleWeekData">
|
|
|
- <image src="/static/images/zhoushuju.svg" class="week-icon" mode="aspectFit"></image>
|
|
|
- <text class="btn-text">周数据</text>
|
|
|
+ <!-- 背景层 -->
|
|
|
+ <view class="detail-bg"></view>
|
|
|
+
|
|
|
+ <!-- 导航栏 -->
|
|
|
+ <nav-bar title="招聘数据"></nav-bar>
|
|
|
+
|
|
|
+ <!-- 可滚动内容区域 -->
|
|
|
+ <view class="content">
|
|
|
+ <!-- 头部区域 -->
|
|
|
+ <view class="header-section">
|
|
|
+ <view class="header-content">
|
|
|
+ <view class="main-title">我的招聘数据</view>
|
|
|
+ <view class="week-data-btn" @click="toggleWeekData">
|
|
|
+ <image src="/static/images/zhoushuju.svg" class="week-icon" mode="aspectFit"></image>
|
|
|
+ <text class="btn-text">周数据</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <!-- 内容区域 -->
|
|
|
- <view class="content-section">
|
|
|
+ <!-- 内容区域 -->
|
|
|
+ <view class="content-section">
|
|
|
<!-- 今日数据卡片 -->
|
|
|
<view class="today-data-card">
|
|
|
<view class="card-header">
|
|
@@ -97,11 +94,17 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import navBar from "@/components/nav-bar/index.vue";
|
|
|
+
|
|
|
export default {
|
|
|
+ components: {
|
|
|
+ navBar
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
statusBarHeight: 0,
|
|
@@ -174,10 +177,24 @@ export default {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.page {
|
|
|
- background: linear-gradient(180.00deg, rgba(255, 102, 0, 1),rgba(255, 102, 0, 0) 100%);
|
|
|
- background-size: 100% 40%;
|
|
|
- background-position: center top;
|
|
|
- background-repeat: no-repeat;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ height: 100vh;
|
|
|
+}
|
|
|
+
|
|
|
+.detail-bg {
|
|
|
+ height: 327px;
|
|
|
+ width: 100%;
|
|
|
+ background: linear-gradient(180deg, rgba(255, 102, 0, 1), rgba(255, 102, 0, 0) 100%);
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
+.content {
|
|
|
+ flex: 1;
|
|
|
+ overflow: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ z-index: 0;
|
|
|
}
|
|
|
|
|
|
/* 自定义导航栏 */
|
|
@@ -222,7 +239,7 @@ export default {
|
|
|
|
|
|
/* 头部区域 */
|
|
|
.header-section {
|
|
|
- padding: 180rpx 32rpx 0rpx 32rpx;
|
|
|
+ padding: 40rpx 32rpx 0rpx 32rpx;
|
|
|
}
|
|
|
|
|
|
.header-content {
|