From 040760329b94234499d94efcfa467c8df10675e2 Mon Sep 17 00:00:00 2001
From: kbing1981 <549711992@qq.com>
Date: Wed, 24 Jul 2024 14:27:50 +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/fuwuxiangm.vue         | 74 ++++++++++++++++++++-------------
 pages/my/indextaociliaoList.vue | 41 +++++++++---------
 pages/my/newTeaml.vue           | 16 +++----
 pages/my/servicePackage.vue     |  1 -
 pages/shop/index.vue            | 30 +++++++------
 5 files changed, 85 insertions(+), 77 deletions(-)

diff --git a/pages/my/fuwuxiangm.vue b/pages/my/fuwuxiangm.vue
index 9c895fe..900178f 100644
--- a/pages/my/fuwuxiangm.vue
+++ b/pages/my/fuwuxiangm.vue
@@ -1,6 +1,7 @@
 <!-- 自定义下拉刷新与上拉加载演示(vue) -->
 <template>
 	<view class="content-view">
+		<view class="tab-view">
 		<view class="service-head-top">
 			<view class="service-head-top-left">
 				<image @click="backImg" src="../../static/fanhui.png" mode="widthFix"></image>
@@ -18,6 +19,7 @@
 		<view class="fenlei">
 			<z-tabs class="z-tabs-fenlei" :list="tabList" @change="tabChange" @changeClick="changeClick"/>
 		</view>
+		</view>
 		<t-refresh ref="refresh"  v-if="dataList.length>0"  @refresh="refresh" @loadMore="loadMore" :loadingType="loadingType"   :tPadding="0">
 			<template slot="content">
 				<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
@@ -173,33 +175,44 @@
 </script>
 
 <style scoped>
+	.tab-view{
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		position: fixed;
+		z-index: 999;
+		background:#fff linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
+		border-bottom:1rpx solid #c4ede1;
+		padding-top: 6rpx;
+	}
 	.shop_label{
 		display: flex;
 		flex-wrap: wrap;
+		margin-top: 10rpx;
 	}
 	.shop_label span{
-		background: #e5e5e5;
+		background: #f3f3f3;
+		height: 34rpx;
+		line-height: 34rpx;
 		border-radius: 8rpx;
-		padding: 2rpx 8rpx;
-		font-size: 20rpx;
+		padding: 0 10rpx;
+		font-size: 22rpx;
 		margin-right: 8rpx;
 		margin-bottom: 8rpx;
 	}
 	/deep/.z-tabs-item-title{
-		font-size: 30rpx;
 		color: #222;
 	}
 	/deep/.refresh-body .content{
-		background-color: #f7f7f7;
 	}
 	/deep/.refresh-body{
 		height: 100% !important;
 		border-top: 2px solid #f7f7f7;
+		margin: 88px 0px;
 	}
 	.content-view{
 		width: 100%;
 		height: 100vh;
-		padding-bottom: 100px;
 		overflow: hidden;
 		background-color: #f7f7f7;
 	}
@@ -401,47 +414,49 @@
 	}
 	.search-btn{
 		text-align: center;
-		line-height: 32px;
+		line-height: 56rpx;
 		color: #fff;
 		position: absolute;
-		right: 0;
-		top: 0;
-		margin-top:9.4px;
-		margin-right: 11px;
-		height: 32px !important;
+		right:30rpx;
+		top: 22rpx;
+		height: 56rpx !important;
 	}
 	/deep/.uni-searchbar__box-icon-search,.search-btn{
-		width: 120rpx;
-		height: 60rpx;
-		background: #019c88;
+		width: 110rpx;
+		height: 50rpx;
+		background: #18A689;
 		border-radius: 31rpx;
-		font-size: 14px;
-		
 	}
 	/deep/.uni-searchbar__box{
-		height: 31px;
-		border-radius: 15px !important;
+		height: 30px;
+		border-radius: 30px !important;
 		background-color: #fff !important;
-		border: 1px solid #E5E5E5;
-		padding: 0px;
+		border: 1px solid #09a28a;
 		display: flex;
 		flex-direction: row;
 		flex-flow: row-reverse;
 		position: relative;
 	}
 	/deep/.uni-searchbar{
-		width: 240px;
+		width: 230px;
 		border-radius: 31rpx;
+		margin-right: 20rpx;
 	}
 	.service-head-top-left image{
-		width: 25px;
-		height: 30rpx;
-		margin-right: 10px;
+		width: 20px;
+		height: 20rpx;
+		margin-right:5px;
+		margin-left: 10rpx;
 	}
 	.service-head-top-left span{
+		width: 180rpx;
+		height: 60rpx;
+		background:url('../../static/images/headline.png') 0rpx 26rpx;
+		background-repeat: no-repeat;
 		font-weight: bold;
-		font-size: 32rpx;
-		color: #333;
+		font-size: 34rpx;
+		color: #171717;
+		margin-top: 14rpx;
 	}
 	.service-head-top-left{
 		display: flex;
@@ -450,13 +465,12 @@
 		justify-content: space-between;
 	}
 	.service-head-top{
-		width: 100%;
+		height:90rpx;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
-		background-color: #fff;
-	}
+		}
 	.view-cata{
 		display: flex;
 		flex-direction: row;
diff --git a/pages/my/indextaociliaoList.vue b/pages/my/indextaociliaoList.vue
index dd23742..d6ec273 100644
--- a/pages/my/indextaociliaoList.vue
+++ b/pages/my/indextaociliaoList.vue
@@ -15,7 +15,6 @@
 						搜索
 					</view>
 				</view>
-				
 			</view>
 			<view class="fenlei">
 				<z-tabs class="z-tabs-fenlei":list="tabList" @change="tabChange" @changeClick="changeClick"/>
@@ -204,19 +203,21 @@
 		flex-direction: column;
 		position: fixed;
 		z-index: 999;
-		background: linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
+		background:#fff linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
 		border-bottom:1rpx solid #c4ede1;
 		padding-top: 6rpx;
 	}
 	.shop_label{
 		display: flex;
 		flex-wrap: wrap;
-		margin-top: 8rpx;
+		margin-top: 10rpx;
 	}
 	.shop_label span{
-		background: #e5e5e5;
+		background: #f3f3f3;
+		height: 34rpx;
+		line-height: 34rpx;
 		border-radius: 8rpx;
-		padding: 3rpx 10rpx;
+		padding: 0 10rpx;
 		font-size: 22rpx;
 		margin-right: 8rpx;
 		margin-bottom: 8rpx;
@@ -225,12 +226,11 @@
 		margin-top: 5px;
 	}
 	/deep/.refresh-body .content{
-		background-color: #f7f7f7;
 	}
 	/deep/.refresh-body{
 		height: 100% !important;
 		border-top: 2px solid #f7f7f7;
-		margin: 80px 0px;
+		margin: 88px 0px;
 	}
 	.content-view{
 		width: 100%;
@@ -447,27 +447,24 @@
 		border-radius: 30px !important;
 		background-color: #fff !important;
 		border: 1px solid #09a28a;
-		padding: 0px;
 		display: flex;
 		flex-direction: row;
 		flex-flow: row-reverse;
 		position: relative;
-		margin-top: 4rpx;
-		margin-right: 15rpx;
-	}
-	.search-btn{
-		text-align: center;
-		line-height: 28px;
-		color: #fff;
-		position: absolute;
-		right:26rpx;
-		top: 25rpx;
-		height: 29px !important;
 	}
 	/deep/.uni-searchbar{
 		width: 230px;
 		border-radius: 31rpx;
-		position: relative;
+		margin-right: 20rpx;
+	}
+	.search-btn{
+		text-align: center;
+		line-height: 56rpx;
+		color: #fff;
+		position: absolute;
+		right:30rpx;
+		top: 22rpx;
+		height: 56rpx !important;
 	}
 	/deep/.uni-input-input {
 	    display: block;
@@ -521,12 +518,12 @@
 		justify-content: space-between;
 	}
 	.service-head-top{
-		width: 100%;
+		height:90rpx;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
-			}
+		}
 	.view-cata{
 		display: flex;
 		flex-direction: row;
diff --git a/pages/my/newTeaml.vue b/pages/my/newTeaml.vue
index 4f291ac..795ee70 100644
--- a/pages/my/newTeaml.vue
+++ b/pages/my/newTeaml.vue
@@ -227,17 +227,17 @@
 	.shop_label{
 		display: flex;
 		flex-wrap: wrap;
-		margin: 10rpx 0;
-		align-items: center;
+		margin-top: 10rpx;
 	}
 	.shop_label span{
-		background: #e5e5e5;
+		background: #f3f3f3;
+		height: 34rpx;
+		line-height: 34rpx;
 		border-radius: 8rpx;
-		padding: 8rpx 10rpx;
-		font-size: 20rpx;
+		padding: 0 10rpx;
+		font-size: 22rpx;
 		margin-right: 8rpx;
-		display: flex;
-		align-items: center; 
+		margin-bottom: 8rpx;
 	}
 	.shop-arrow{
 		display: inline-block;
@@ -482,7 +482,7 @@
 	}
 	/deep/.zp-paging-container-content{
 		width: 95%;
-		margin: 45px auto 0px auto;
+		margin:0px auto 0px auto;
 	}
 	.fenlei{
 		display: flex;
diff --git a/pages/my/servicePackage.vue b/pages/my/servicePackage.vue
index b6a31cb..513617c 100644
--- a/pages/my/servicePackage.vue
+++ b/pages/my/servicePackage.vue
@@ -402,7 +402,6 @@
 		height: 50rpx;
 		background: #18A689;
 		border-radius: 31rpx;
-		
 	}
 	/deep/.uni-searchbar__box{
 		height: 30px;
diff --git a/pages/shop/index.vue b/pages/shop/index.vue
index f3866f4..27cc6ec 100644
--- a/pages/shop/index.vue
+++ b/pages/shop/index.vue
@@ -211,7 +211,6 @@
 	/deep/.refresh-body{
 		height: 100% !important;
 		border-top: 2px solid #f7f7f7;
-		margin: 50px 0px;
 	}
 	.content-view{
 		width: 100%;
@@ -424,37 +423,33 @@
 	}
 	.search-btn{
 		text-align: center;
-		line-height: 28px;
+		line-height: 56rpx;
 		color: #fff;
 		position: absolute;
-		right:26rpx;
-		top: 25rpx;
-		height: 29px !important;
+		right:30rpx;
+		top: 22rpx;
+		height: 56rpx !important;
 	}
 	/deep/.uni-searchbar__box-icon-search,.search-btn{
 		width: 110rpx;
 		height: 50rpx;
 		background: #18A689;
 		border-radius: 31rpx;
-		
 	}
 	/deep/.uni-searchbar__box{
 		height: 30px;
 		border-radius: 30px !important;
 		background-color: #fff !important;
 		border: 1px solid #09a28a;
-		padding: 0px;
 		display: flex;
 		flex-direction: row;
 		flex-flow: row-reverse;
 		position: relative;
-		margin-top: 10rpx;
-		margin-right: 15rpx;
 	}
 	/deep/.uni-searchbar{
 		width: 230px;
 		border-radius: 31rpx;
-		position: relative;
+		margin-right: 20rpx;
 	}
 	.service-head-top-left image{
 		width: 20px;
@@ -480,13 +475,13 @@
 	}
 	.service-head-top{
 		width: 100%;
+		height: 100rpx;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
-		background-color: #fff;
-		position: fixed;
-		z-index: 999;
+		background: linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
+		border-bottom:1rpx solid #c4ede1;
 	}
 	.view-cata{
 		display: flex;
@@ -520,12 +515,15 @@
 	.shop_label{
 		display: flex;
 		flex-wrap: wrap;
+		margin-top: 10rpx;
 	}
 	.shop_label span{
-		background: #e5e5e5;
+		background: #f3f3f3;
+		height: 34rpx;
+		line-height: 34rpx;
 		border-radius: 8rpx;
-		padding: 2rpx 8rpx;
-		font-size: 20rpx;
+		padding: 0 10rpx;
+		font-size: 22rpx;
 		margin-right: 8rpx;
 		margin-bottom: 8rpx;
 	}