From 437d14866f6e6f911568d5a4670a76e13084b7bf Mon Sep 17 00:00:00 2001
From: kbing1981 <549711992@qq.com>
Date: Thu, 4 Jul 2024 10:33:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/my/cika.vue               | 60 ++++++++++++++++++++-------------
 pages/my/cikarDrtail.vue        |  3 +-
 pages/my/index.vue              | 16 ++++-----
 pages/my/indextaociliaoList.vue |  1 -
 4 files changed, 46 insertions(+), 34 deletions(-)

diff --git a/pages/my/cika.vue b/pages/my/cika.vue
index 6ac06e6..d9b76d0 100644
--- a/pages/my/cika.vue
+++ b/pages/my/cika.vue
@@ -1,11 +1,11 @@
 <!-- 自定义下拉刷新与上拉加载演示(vue) -->
 <template>
 	<view class="content">
-		<z-paging ref="paging" v-model="dataList" @query="queryList">
+		<z-paging ref="paging" v-model="dataList" @query="queryList"  >
 			<!-- 需要固定在顶部不滚动的view放在slot="top"的view中，如果需要跟着滚动，则不要设置slot="top" -->
 			<!-- 注意！此处的z-tabs为独立的组件，可替换为第三方的tabs，若需要使用z-tabs，请在插件市场搜索z-tabs并引入，否则会报插件找不到的错误 -->
 			<template #top>
-				<view class="service-head-top">
+				<view class="service-head-top" >
 					<view class="service-head-top-left">
 						<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
 						<span>项目次卡</span>
@@ -33,13 +33,13 @@
 				<custom-refresher :status="refresherStatus" />
 			</template>
 			<!-- 自定义没有更多数据view -->
-			<template #loadingMoreNoMore>
+			<template #loadingMoreNoMore >
 				<!-- 此处的custom-nomore为demo中自定义的组件，非z-paging的内置组件，请在实际项目中自行创建。这里插入什么view，没有更多数据就显示什么view -->
 				<custom-nomore />
 			</template>
 			
 			<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
-			<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
+			<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)" style="margin-top: 120rpx;">
 				<!-- <view class="item-title">{{item.title}}</view>
 				<view class="item-detail">{{item.detail}}</view> -->
 				<!-- <view class="item-line"></view> -->
@@ -48,8 +48,9 @@
 					<span class="img-span">{{item.status=='1'?'未用完':item.status=='2'?'退款':'已用完'}}</span>
 				</view>
 				<view class="item-view">
-					<view class="item-view-title">
-						{{item.title}}
+					<view class="view-cata">
+						<view class="item-view-title">{{item.title}}</view>
+						<span class="xiaoer item-view-biao">{{item.classifyName}}</span>
 					</view>
 					<view class="item-view-bottom-qian">
 						<span>￥</span>
@@ -63,8 +64,7 @@
 					</view>
 					<view class="item-view-bottom">
 						<view class="item-view-xiangmu">
-							<span class="xiaoer item-view-biao">{{item.classifyName}}</span>
-							<span>已售{{item.sales}}w+ <!-- | 好评{{item.esteemRate}}% --></span>
+							<span>已售</span><span>已售{{item.sales}}w+ <!-- | 好评{{item.esteemRate}}% --></span>
 						</view>
 						<view class="item-view-bottom-btn">
 							查看
@@ -175,12 +175,12 @@
 	.item-view-bottom-btn{
 		text-align: center;
 		width: 131rpx;
-		height: 50rpx;
-		line-height: 50rpx;
+		height: 55rpx;
+		line-height: 55rpx;
 		background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
 		border-radius: 10rpx;
 		font-weight: bold;
-		font-size: 24rpx;
+		font-size: 28rpx;
 		color: #FFFFFF;
 	}
 	.item-view-bottom-qian span:nth-child(5){
@@ -228,9 +228,9 @@
 		text-overflow: ellipsis;
 	}
 	.item-view-biao{
-		padding: 1px 2px;
-		border-radius: 6rpx;
-	}
+		padding: 1px 5px;
+		border-radius: 15rpx 3rpx 15rpx 3rpx;
+		}
 	.tuina{
 		background-color:#d1f2df;
 		color: #17984d;
@@ -250,21 +250,28 @@
 	.item-view-xiangmu span:nth-child(2){
 		font-weight: normal;
 		color: #666666;
-		margin-left: 5px;
-		font-size: 25rpx;
+	}
+	.item-view-xiangmu span:nth-child(1){
+		font-weight: normal;
+		color: #999;
+		margin-right: 5rpx;
 	}
 	.item-view-xiangmu{
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		font-weight: 400;
-		font-size: 21rpx;
-		margin-top: 5px;
+		font-size: 25rpx;
+		align-items: flex-end;
 	}
 	.item-view-title{
+		width: 76%;
 		font-weight: bold;
 		font-size: 32rpx;
 		color: #333333;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 	}
 	.item-view{
 		width: 55%;
@@ -305,9 +312,9 @@
 		height: 140px;
 		background: #FFFFFF;
 		border-radius: 21rpx;
-		margin-top:12px;
+		margin-top:10px;
 		align-items: center;
-		padding: 0px 5px;
+		padding: 0px 10px;
 	}
 	
 	.item-detail {
@@ -385,7 +392,7 @@
 		height: 31px;
 		border-radius: 15px !important;
 		background-color: #fff !important;
-		border: 2px solid #E5E5E5;
+		border: 1px solid #E5E5E5;
 		padding: 0px;
 		display: flex;
 		flex-direction: row;
@@ -403,7 +410,7 @@
 	}
 	.service-head-top-left span{
 		font-weight: bold;
-		font-size: 36rpx;
+		font-size: 34rpx;
 		color: #171717;
 	}
 	.service-head-top-left{
@@ -418,6 +425,13 @@
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
+		background-color: #fff;
+		position: fixed;
+		z-index: 999;
+	}
+	.view-cata{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
 	}
-	
 </style>
diff --git a/pages/my/cikarDrtail.vue b/pages/my/cikarDrtail.vue
index 9d0d88a..2f1b90f 100644
--- a/pages/my/cikarDrtail.vue
+++ b/pages/my/cikarDrtail.vue
@@ -1152,12 +1152,11 @@
 		margin-right: 1px;
 	}
 	.header-bottom-foot-view{
-		width: 35%;
+		width: 32%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: center;
-		padding: 2px 10px;
 		height: 22px;
 		line-height: 22px;
 		background-color: rgba(230, 246, 243, 1);
diff --git a/pages/my/index.vue b/pages/my/index.vue
index 600a509..8ffd686 100644
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -689,9 +689,9 @@
 		font-weight: bold;
 	}
 	.my-head-mian-top-view-chong,.my-head-mian-top-view-ming{
-		width: 120rpx;
-		height: 50rpx;
-		line-height: 50rpx;
+		width: 136rpx;
+		height: 58rpx;
+		line-height: 60rpx;
 		text-align: center;
 		border-radius: 60rpx;
 		font-size: 28rpx;
@@ -702,18 +702,18 @@
 		margin: 5px 10px;
 	}
 	.my-head-mian-top-view-ming{
-		background: #efefef;
-		color: #333;
+		background: #e6f6f3;
+		color: #019c88;
 	}
 	.my-head-mian-top-view-qian{
 		width: 300rpx;
-		font-size: 24rpx;
+		font-size: 26rpx;
 		color: #999;
 		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
 		text-align: center;
 		margin: 0 auto;
-		border-radius: 0 0 30rpx 30rpx;
-		height: 36rpx;
+		border-radius: 0 0 50rpx 50rpx;
+		height: 42rpx;
 		color: #ffffff;
 	}
 	.my-head-mian-top-view{
diff --git a/pages/my/indextaociliaoList.vue b/pages/my/indextaociliaoList.vue
index fcb9342..8510ca0 100644
--- a/pages/my/indextaociliaoList.vue
+++ b/pages/my/indextaociliaoList.vue
@@ -272,7 +272,6 @@
 		overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
-		
 	}
 	.item-view{
 		width: 55%;