From ea4f39b189375603f95e80525a6505dfd86841bd Mon Sep 17 00:00:00 2001 From: jscyl13849007907 <13849007907@163.com> Date: Tue, 21 Jan 2025 16:43:36 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 1 + src/components/FirstJob/detail.vue | 10 +- src/components/FirstJob/joblist.vue | 282 +++++++++++++++++++----------------- src/views/main.vue | 3 + 4 files changed, 158 insertions(+), 138 deletions(-) diff --git a/src/App.vue b/src/App.vue index 65df912..5966654 100644 --- a/src/App.vue +++ b/src/App.vue @@ -66,6 +66,7 @@ body { position: inherit !important; width: auto !important; overflow: revert !important; + background-color: #f0f0f0; } diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue index 0944003..e4a64df 100644 --- a/src/components/FirstJob/detail.vue +++ b/src/components/FirstJob/detail.vue @@ -46,7 +46,7 @@
-
+
-
+
  |   @@ -159,6 +159,7 @@
+

@@ -405,7 +406,7 @@
佣金：
-
+
{{ jobDetail.servetype }} @@ -413,7 +414,7 @@
-
+
{{ jobDetail.returnFeeDesp || "-" }} @@ -1366,6 +1367,7 @@ export default { text-align: left; color: #666; line-height: 26px; + margin-top: 6px; } .jobpricehour { // margin-top: 16px; diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue index f1d0e2c..a037fd0 100644 --- a/src/components/FirstJob/joblist.vue +++ b/src/components/FirstJob/joblist.vue @@ -51,8 +51,10 @@
- - 筛选 + + 筛选 + +
@@ -663,146 +665,147 @@ }" > - - -
- -
- -
-
{{ item.jobName }}
-
-
{{ item.up_time }}
+
+ +
+ +
+ +
+
{{ item.jobName }}
+
+
{{ item.up_time }}
+
-
- + - + - -
- {{ item.storeDistrict ? item.storeDistrict + ' | ' : ''}} - {{ item.gender }} - {{ item.distanceKm }} - {{ item.age }} -
-
- - - - - 主推 - - {{ item1 }} - 暂无特色 -
-
-
-
 | 
-
-
- - + +
+ {{ item.storeDistrict ? item.storeDistrict + ' | ' : ''}} + {{ item.gender }} + {{ item.distanceKm }} + {{ item.age }} +
+
+ + + + + 主推 + + {{ item1 }} + 暂无特色 +
+
+
+
 | 
+
+
+ + +
-
- -
-
- -
-
服务费
-
{{ item.servetype }}
-
- -
-
- + +
+
+ -
- - {{ item.servetype }} +
+
服务费
+
{{ item.servetype }}
+
+ +
+
+ +
+
+ + {{ item.servetype }} +
-
-
-
- - - - - -
- - -
- -
-
联系客服
- -
-
- +
+
+ + + + + +
+ + +
+ +
+
联系客服
+ +
+
+ +
+
联系客服
-
联系客服
-
- -
-
- + +
+
+ +
+
收藏
-
收藏
-
- - -
- 立即报名 - + + +
+ 立即报名 + - + +
@@ -935,6 +938,7 @@ export default { // 组件状态值 data() { return { + isToggle:false, isFetching: false, // 标志位，防止重复加载 speed:1,// 加载进度0 未加载 1加载中 2加载完成 isStop:false,// 是否停止加载 @@ -2249,6 +2253,9 @@ export default { // console.log("this.recordShow", this.recordShow); // console.log("this.currentInfo", this.currentInfo); }, + handleToggle(e){ + this.isToggle = !this.isToggle + } }, }; @@ -2884,20 +2891,24 @@ export default { position: relative; transform: translateY(35px); } - } + } .subset { display: flex; justify-content: space-between; border-bottom: 1px solid #ededed; - padding: 16px; background: #ffffff; transition: all 0.2s; - border: 1px solid transparent; - + // border: 1px solid transparent; + overflow: hidden; + .item-obj{ + transition: all 0.2s; + padding: 16px; + } &:hover { - // position: relative; - box-shadow: 20px 20px 20px 20px rgba(77, 87, 94, 0.1); - // transform: translateY(-0.5px); + .item-obj{ + transform: scale(1.02); + // box-shadow: 0 2px 12px 0 red + } } .subsetleft { display: flex; @@ -3736,4 +3747,7 @@ p { } } + .stoggle{ + transform: rotate(90deg); + } diff --git a/src/views/main.vue b/src/views/main.vue index b965d89..dcb65a0 100644 --- a/src/views/main.vue +++ b/src/views/main.vue @@ -20,6 +20,9 @@
--> +
+ 人力资源供应链平台 +