소스 검색

no message

USER-20230908AJ\Administrator 1 년 전
부모
커밋
a48c5f0458
3개의 변경된 파일14개의 추가작업 그리고 52개의 파일을 삭제
  1. 2 46
      page_task/credit/credit.vue
  2. BIN
      page_task/static/img/task-details/zx-bg.png
  3. 12 6
      page_task/task_details/task_details.vue

+ 2 - 46
page_task/credit/credit.vue

@@ -67,7 +67,7 @@
 <style lang="scss" scoped>
 	.property {
 		padding-top: 90rpx;
-		background-image: url('/page_task/static/img/task-details/bg-four.png');
+		background-image: url('/page_task/static/img/task-details/zx-bg.png');
 		background-repeat: no-repeat;
 		background-size: 100% auto;
 		overflow: hidden;
@@ -87,56 +87,12 @@
 
 	.property-box-one {
 		position: relative;
-		background: linear-gradient(161deg, #B0FDB3 0%, #5EDE9D 100%);
+    background: linear-gradient( 161deg, #CDE7FD 0%, #B6D2FB 100%);
 
 	}
 
-	.property-box-two {
-		position: relative;
-		background: linear-gradient(161deg, #FFE2E2 0%, #FBCACA 100%);
-
-		.two-text {
-			background: #D06565;
-		}
-
-		.picture {
-			width: 160rpx;
-			height: 190rpx;
-			display: block;
-		}
-	}
-
-	.property-box-three {
-		position: relative;
-		background: linear-gradient(161deg, #CDE7FD 0%, #B6D2FB 100%);
-
-		.two-text {
-			background: #2E86F4;
-		}
 
-		.picture {
-			width: 160rpx;
-			height: 90rpx;
-			display: block;
-			border-radius: 10rpx;
-		}
-	}
-
-	.property-box-four {
-		position: relative;
-		background: linear-gradient(161deg, #F4DCBD 0%, #EEC398 100%);
 
-		.two-text {
-			background: #C37929;
-		}
-
-		.picture {
-			width: 160rpx;
-			height: 90rpx;
-			display: block;
-			border-radius: 10rpx;
-		}
-	}
 
 	.property-icon {
 		position: absolute;

BIN
page_task/static/img/task-details/zx-bg.png


+ 12 - 6
page_task/task_details/task_details.vue

@@ -45,20 +45,20 @@
 		</Nav>
 		<view class="sys-list-background-color task-tabs-width page-env-160"
 			:style="{top:`${$tools.topHeight()+fixedHeight}px`}">
-			<view class="m-t20">
+			<view class="m-t20 swiper-box">
 				<z-swiper ref="zSwiper" v-model="list" :options="options" v-if="current === 1" @slideChange="onSwiper">
 					<z-swiper-item>
-						<Identity ref="identity" class="identity" :height="`${maxHeight-60}px`" :business="business"
+						<Identity  ref="identity" class="identity swiper-item" :height="`${maxHeight-60}px`" :business="business"
 							:linkman="linkman" :client-key="clientKey" @onShowImg="onShowImg" :linkman-key="linkmanKey">
 						</Identity>
 					</z-swiper-item>
 					<z-swiper-item v-show="product.product_types.indexOf('3')>=0">
-						<Apply class="apply" :height="`${maxHeight-60}px`" :apply-for="applyFor"
+						<Apply class="apply swiper-item" :height="`${maxHeight-60}px`" :apply-for="applyFor"
 							:applies-key="appliesKey" @onShowImg="onShowImg">
 						</Apply>
 					</z-swiper-item>
 					<z-swiper-item v-show="product.product_types.indexOf('4')>=0">
-						<ThirdParty class="third_party" :height="`${maxHeight-60}px`" :tripartite="tripartite"
+						<ThirdParty class="third_party swiper-item" :height="`${maxHeight-60}px`" :tripartite="tripartite"
 							:tripartite-key="tripartiteKey" @onShowImg="onShowImg">
 						</ThirdParty>
 					</z-swiper-item>
@@ -66,12 +66,12 @@
 				<view class="" v-if="current === 2">
 					<z-swiper v-model="lists" :options="options" @slideChange="onCreditSwiper">
 						<z-swiper-item>
-							<Property class="property" :height="`${creditHeight-60}px`" :property-list="propertyList"
+							<Property class="property swiper-item" :height="`${creditHeight-60}px`" :property-list="propertyList"
 								:property-key="propertyKey" @onShowImg="onShowImg">
 							</Property>
 						</z-swiper-item>
 						<z-swiper-item>
-							<credit-list class="credit_list" :height="`${creditHeight-60}px`" :credit-data="credit"
+							<credit-list class="credit_list swiper-item" :height="`${creditHeight-60}px`" :credit-data="credit"
 								:credit-key="creditKey" @onShowImg="onShowImg"></credit-list>
 						</z-swiper-item>
 					</z-swiper>
@@ -532,6 +532,12 @@
 </script>
 
 <style lang="scss" scoped>
+
+.swiper-box{
+  .swiper-item{
+    transition: .5s ease;
+  }
+}
 	.details_body {
 		width: 100%;
 		position: absolute;