From ed854ff6b963c727e7f0e9c995a256a1167d4643 Mon Sep 17 00:00:00 2001
From: "Mr.jiang" <714156421@qq.com>
Date: Fri, 2 Aug 2024 10:01:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 manifest.json                 |   2 +-
 pages.json                    |  12 +
 pages/index/index.vue         |  21 +-
 pages/index/searchAddress.vue | 153 +++++++++++
 pages/msg/im.vue              |  30 +++
 pages/my/index.vue            | 492 +++++++++++++++++++++-------------
 6 files changed, 517 insertions(+), 193 deletions(-)
 create mode 100644 pages/index/searchAddress.vue

diff --git a/manifest.json b/manifest.json
index d843a22..a21c9c4 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 {
     "name" : "盛安到家",
-    "appid" : "__UNI__807ED4C",
+    "appid" : "__UNI__0A81F4F",
     "description" : "",
     "versionName" : "1.0.1",
     "versionCode" : 101,
diff --git a/pages.json b/pages.json
index 7f20640..136fffc 100644
--- a/pages.json
+++ b/pages.json
@@ -54,6 +54,18 @@
 				}
 			}
 		},
+		{
+			"path": "pages/index/searchAddress",
+			"style": {
+				"navigationBarTitleText": "地址列表",
+				"enablePullDownRefresh": false,
+				"onReachBottomDistance":200,
+				"navigationStyle": "custom",
+				"app-plus": {
+					"titleNView": false
+				}
+			}
+		},
 		{
 			"path": "pages/videoCircle/index",
 			"style": {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 9385074..273e62a 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -645,15 +645,18 @@
 			},
 			goCity(){
 				var that = this
-				uni.chooseLocation({
-					success: function(res) {
-						console.log('经度：' + res);
-						that.detailaddress = res.name
-						that.latitude = res.latitude
-						that.longitude = res.longitude
-						that.selectCity(res.longitude, res.latitude);
-					}
-				});
+				uni.navigateTo({
+					url:'/pages/index/searchAddress'
+				})
+				// uni.chooseLocation({
+				// 	success: function(res) {
+				// 		console.log('经度：' + res);
+				// 		that.detailaddress = res.name
+				// 		that.latitude = res.latitude
+				// 		that.longitude = res.longitude
+				// 		that.selectCity(res.longitude, res.latitude);
+				// 	}
+				// });
 			
 			},
 			selectCity(longitude, latitude) {
diff --git a/pages/index/searchAddress.vue b/pages/index/searchAddress.vue
new file mode 100644
index 0000000..e27681c
--- /dev/null
+++ b/pages/index/searchAddress.vue
@@ -0,0 +1,153 @@
+<template>
+	<view class="content">
+		<view class="flex align-center index-mian">
+			<uni-search-bar placeholder="请输入项目名称" @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input"
+			 @clear="clear">
+			</uni-search-bar>
+			<view class="search-btn" @click="searchBtn" >
+				搜索
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		data(){
+			return{
+				latitude:'43.812042',
+				longitude:'125.438430',
+				serviceTrue:true,
+				searchValue: '中意国际',
+				address:'https://restapi.amap.com/v3/geocode/regeo',
+				gaojiIp:'https://restapi.amap.com/v5/place/text'
+			}
+		},
+		onLoad() {
+			var that=this;
+			that.getAdderrs()
+			uni.getLocation({
+				type: 'wgs84',
+				geocode: true, //设置该参数为true可直接获取经纬度及城市信息
+				success: function(res) {
+					console.log(res, '地理位置')
+					// that.latitude = res.latitude
+					// that.longitude = res.longitude
+						
+					// that.getAdderrs()
+			
+				},
+				fail: function(e) {
+					console.log("获取信息失败，请重试！",e)
+				}
+			})
+		},
+		methods:{
+			input(res) {//搜索 输入框
+				this.searchValue=res;
+			},
+			searchBtn(){//搜索按钮
+				this.getAdderrs()
+			},
+			getAdderrs(){
+				var that=this;
+				// var dizhi={
+				// 	keyword:that.searchValue,
+				// 	key:'4f23770b6e53b96e7d0661a7ccfb9c21',
+				// 	location:that.longitude+','+that.latitude,
+				// 	radius:'1000',
+				// 	extensions:'all',
+				// 	output:'JSON'
+				// }
+				var dizhi={
+					keywords:that.searchValue,
+					key:'4f23770b6e53b96e7d0661a7ccfb9c21',
+					location:that.longitude+','+that.latitude,
+				}
+				uni.request({
+					url:that.gaojiIp,
+					data:dizhi,
+					method:'GET',
+					success(rea) {
+						console.log("获取城市名称成功", rea)
+						if (rea.statusCode ==200) {
+							// that.city = rea.data.regeocode.addressComponent.township;
+							// uni.setStorageSync('citySou',rea.data.regeocode.addressComponent.city)
+						} else {
+							console.log("获取信息失败，请重试！")
+						}
+					}
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	
+	/deep/.uni-searchbar__cancel{
+		display: none;
+	}
+	.search-btn{
+		text-align: center;
+		line-height: 31px;
+		color: #fff;
+		width: 130rpx !important;
+		height: 32px !important;
+		margin-right: 20rpx;
+		border-radius: 50rpx !important;
+		background: linear-gradient(90deg, #019c88, #2fbf93)!important;
+	}
+	.index-line{
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+	/deep/.uni-searchbar__box-icon-search,.search-btn{
+		height: 60rpx;
+		background: #18A689;
+		border-radius: 31rpx;
+		
+	}
+	/deep/.uni-searchbar__box{
+		height: 32px;
+		border-radius: 15px !important;
+		background-color: #fff !important;
+		border: 1rpx solid #019c88;
+		padding: 0px;
+		display: flex;
+		flex-direction: row;
+		flex-flow: row-reverse;
+		position: relative;
+		justify-content: center;
+	}
+	/deep/.uni-searchbar{
+		width:80%;
+		border-radius: 31rpx;
+		margin-left: 6rpx;
+	}
+	.index-mian-select image{
+		width: 16px;
+		height: 8px;
+		margin-left: 5px;
+	}
+	.index-mian-select{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+	}
+	.index-mian{
+		width: 98%;
+		margin: 4rpx auto;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+	.content{
+		width: 100%;
+		height: 100vh;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/msg/im.vue b/pages/msg/im.vue
index c0a76f3..999d4a7 100644
--- a/pages/msg/im.vue
+++ b/pages/msg/im.vue
@@ -245,6 +245,8 @@
 				uni.showLoading({
 					title: '连接中...'
 				})
+				// wss://sausers.blxinchuang.com/wss/chatSocket/
+				// websocketUtils.getWsBaseUrl()
 				uni.connectSocket({
 					url: websocketUtils.getWsBaseUrl() + userId,
 					data() {
@@ -299,6 +301,30 @@
 					that.startRecive = false
 					that.msg = false
 					console.log('onClose', res)
+					uni.showLoading({
+						title: '连接中...'
+					})
+					uni.connectSocket({
+						url: websocketUtils.getWsBaseUrl() + userId,
+						data() {
+							return {
+								msg: 'Hello'
+							}
+						},
+						header: {
+							'content-type': 'application/json'
+						},
+						method: 'GET',
+						success(res) {
+							uni.hideLoading();
+							that.getTimeOrListItem1();
+							// 这里是接口调用成功的回调，不是连接成功的回调，请注意
+						},
+						fail(err) {
+							// 这里是接口调用失败的回调，不是连接失败的回调，请注意
+							console.log("--------------"+JSON.stringify(err))
+						}
+					});
 				});
 			},
 			close() {
@@ -392,6 +418,7 @@
 						}, 50);
 					},
 					fail(err) {
+						that.connect()
 						console.log(err);
 					}
 				})
@@ -545,6 +572,9 @@
 </script>
 <style lang="scss" scoped>
 	@import "@/static/HM-chat/css/style.scss"; 
+	/deep/.popup-layer{
+			width: 100%;
+	}
 	page {
 			background-color: #F7F7F7;
 		}
diff --git a/pages/my/index.vue b/pages/my/index.vue
index 4e86e5f..4a2e089 100644
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -3,16 +3,20 @@
 		<view class="my-head">
 			<view class="my-head-top back-width">
 				<view class="u-m-r-10" style="position: relative;">
-					 <image :src="avatar" style="width: 120rpx;height:120rpx;border-radius: 50%; margin-left: 10rpx; border:#fff 1px solid;"
+					<image :src="avatar"
+						style="width: 120rpx;height:120rpx;border-radius: 50%; margin-left: 10rpx; border:#fff 1px solid;"
 						@click="goNav('/pages/my/userinfo')"></image>
 				</view>
 				<view class="my-head-top-view" v-if="!isLogin">
 					<view class="my-head-top-text">
 						<span>{{userName}}</span>
 						<view class="my-head-top-id" v-if="vipNameType!=null">
-							<image v-if="vipNameType=='0'" class="my-head-vip" style="width:120rpx; height: 36rpx;" src="../../static/vip/membership5.gif"></image>
-							<image v-if="vipNameType=='1'" class="my-head-vip" style="width:120rpx; height: 36rpx;" src="../../static/vip/membership6.gif"></image>
-							<image v-if="vipNameType=='2'" class="my-head-vip" style="width:120rpx; height: 36rpx;" src="../../static/vip/membership7.gif"></image>
+							<image v-if="vipNameType=='0'" class="my-head-vip" style="width:120rpx; height: 36rpx;"
+								src="../../static/vip/membership5.gif"></image>
+							<image v-if="vipNameType=='1'" class="my-head-vip" style="width:120rpx; height: 36rpx;"
+								src="../../static/vip/membership6.gif"></image>
+							<image v-if="vipNameType=='2'" class="my-head-vip" style="width:120rpx; height: 36rpx;"
+								src="../../static/vip/membership7.gif"></image>
 							<span>{{vipNameType=='0'?'':vipNameType=='1'?'':''}}</span>
 						</view>
 
@@ -29,8 +33,10 @@
 			</view>
 			<view class="my-head-mian back-width">
 				<view class="my-head-mian-top-view-qian">
-					<view style="display: flex;align-items: center;"><image class="wallet3" src="../../static/wallet3.png" mode=""></image>我的钱包</view>
-					<view  @click="chonghi('明细')">钱包明细<span class="view-more"></span></view>
+					<view style="display: flex;align-items: center;">
+						<image class="wallet3" src="../../static/wallet3.png" mode=""></image>我的钱包
+					</view>
+					<view @click="chonghi('明细')">钱包明细<span class="view-more"></span></view>
 				</view>
 				<view class="my-head-mian-top">
 					<view class="flex money-list">
@@ -117,7 +123,7 @@
 		<view class="my-use width">
 			<view class="my-use-title">常用功能</view>
 			<view class="my-use-view">
-				<view class="my-use-list"  v-for="(item,index) in useList" :key="index" @click="useToUrl(item)">
+				<view class="my-use-list" v-for="(item,index) in useList" :key="index" @click="useToUrl(item)">
 					<image style="padding: 3rpx;" :src="item.urlImg" mode=""></image>
 					<span class="my-use-list-text">{{item.text}}</span>
 				</view>
@@ -129,10 +135,6 @@
 				<view class="item-view-title">
 					{{item.title}}
 				</view>
-				<!-- <view class="item-view-xiangmu">
-					<span class="xiaoer item-view-biao">{{item.classifyName}}</span>
-					<span>已售{{item.sales}} | 好评{{item.esteemRate}}%</span>
-				</view> -->
 
 				<view class="item-view-bottom">
 					<view class="item-view-bottom-qian">
@@ -143,7 +145,8 @@
 						</span>
 						<span v-if="item.type=='104'">/套
 						</span>
-						<span v-if="item.type!='104'">￥{{item.oldPrice}}/{{item.serviceCount?item.serviceCount:''}}{{item.type=='105'||item.type=='106'?'次':'元'}}</span>
+						<span
+							v-if="item.type!='104'">￥{{item.oldPrice}}/{{item.serviceCount?item.serviceCount:''}}{{item.type=='105'||item.type=='106'?'次':'元'}}</span>
 						<span v-if="item.type=='104'">￥{{item.oldPrice}}/套</span>
 					</view>
 
@@ -174,8 +177,8 @@
 </template>
 
 <script>
-	export default{
-		data(){
+	export default {
+		data() {
 			return {
 				isShop: 0,
 				hyCheck: '否',
@@ -184,7 +187,7 @@
 				avatar: '../../static/logo.png',
 				isLogin: true,
 				userName: '匿名',
-				phone:'18684369159',
+				phone: '18684369159',
 				browse: 0, //浏览数
 				fans: 0, //粉丝数
 				follow: 0, //关注数
@@ -196,23 +199,62 @@
 				couponnum: '0',
 				renzheng: 0,
 				XCXIsSelect: '否',
-				useList:[
-					{urlImg:'../../static/my-gong-1.png',text:'我的收藏',link:'/my/gird/shoucang'},
-					{urlImg:'../../static/my-gong-2.png',text:'应聘技师',link:'/pages/my/hehuo'},
-					{urlImg:'../../static/my-gong-3.png',text:'分享好友',link:'/pages/my/invitationUser'},
-					{urlImg:'../../static/my-gong-4.png',text:'城市合伙人',link:'/pages/my/cooperation'},
-					{urlImg:'../../static/my-gong-5.png',text:'地址管理',link:'/my/address/address'},
-					{urlImg:'../../static/my-gong-6.png',text:'帮助中心',link:'/my/help/feedbackIndex'},
-					{urlImg:'../../static/my-gong-7.png',text:'设置中心',link:'/my/setting/index'},
-					{urlImg:'../../static/my-gong-8.png',text:'浏览历史',link:'/pages/my/historyMy'},
-					{urlImg:'../../static/my-gong-9.png',text:'我的团队',link:'/pages/my/myteam'},
-					{urlImg:'../../static/my-gong-10.png',text:'项目推荐',link:'/pages/my/fuwuGengduo'},
+				useList: [{
+						urlImg: '../../static/my-gong-1.png',
+						text: '我的收藏',
+						link: '/my/gird/shoucang'
+					},
+					{
+						urlImg: '../../static/my-gong-2.png',
+						text: '应聘技师',
+						link: '/pages/my/hehuo'
+					},
+					{
+						urlImg: '../../static/my-gong-3.png',
+						text: '分享好友',
+						link: '/pages/my/invitationUser'
+					},
+					{
+						urlImg: '../../static/my-gong-4.png',
+						text: '城市合伙人',
+						link: '/pages/my/cooperation'
+					},
+					{
+						urlImg: '../../static/my-gong-5.png',
+						text: '地址管理',
+						link: '/my/address/address'
+					},
+					{
+						urlImg: '../../static/my-gong-6.png',
+						text: '帮助中心',
+						link: '/my/help/feedbackIndex'
+					},
+					{
+						urlImg: '../../static/my-gong-7.png',
+						text: '设置中心',
+						link: '/my/setting/index'
+					},
+					{
+						urlImg: '../../static/my-gong-8.png',
+						text: '浏览历史',
+						link: '/pages/my/historyMy'
+					},
+					{
+						urlImg: '../../static/my-gong-9.png',
+						text: '我的团队',
+						link: '/pages/my/myteam'
+					},
+					{
+						urlImg: '../../static/my-gong-10.png',
+						text: '项目推荐',
+						link: '/pages/my/fuwuGengduo'
+					},
 				],
-				token:'',
-				vipData:[],
-				vipNameType:'',
-				dataList:[],
-				tagsData:[]
+				token: '',
+				vipData: [],
+				vipNameType: '',
+				dataList: [],
+				tagsData: []
 			}
 		},
 		onLoad(e) {
@@ -246,43 +288,52 @@
 				this.isVip = 0
 			}
 		},
-		methods:{
-      goMsg() {//客服聊天
-        let data = {
-          userId: uni.getStorageSync('userId'),
-          focusedUserId: '0',
-          // userName:this.order.userName
-        }
-        // app/chat/insertChatConversation
-        this.$Request.postJson('/app/chat/insertChatConversation', data).then(res => {
-          if (res.data) {
-            let id = this.ordersId == res.data.userId ? res.data.focusedUserId : this.ordersId
-            uni.navigateTo({
-              url: '/pages/msg/im?chatConversationId=' + res.data.chatConversationId +
-                  '&byUserId=' + res.data.userId
-            })
-          }
-        })
-      },
-			getDataX(){
-				this.$Request.get("/app/massage/package/findPackageAndMassagePage",{
-					city:'',
-					page:1,
-					limit:6,
+		methods: {
+			itemClick(item) { //热门精选，推荐套餐 跳详情
+				if(item.type){
+					
+				}
+				uni.navigateTo({
+					url: '/pages/my/fuwuDateil?id=' + item.id + '&limit=' + '10' + '&page=' +
+						'1'
+				})
+			},
+			goMsg() { //客服聊天
+				let data = {
+					userId: uni.getStorageSync('userId'),
+					focusedUserId: '0',
+					// userName:this.order.userName
+				}
+				// app/chat/insertChatConversation
+				this.$Request.postJson('/app/chat/insertChatConversation', data).then(res => {
+					if (res.data) {
+						let id = this.ordersId == res.data.userId ? res.data.focusedUserId : this.ordersId
+						uni.navigateTo({
+							url: '/pages/msg/im?chatConversationId=' + res.data.chatConversationId +
+								'&byUserId=' + res.data.userId
+						})
+					}
+				})
+			},
+			getDataX() {
+				this.$Request.get("/app/massage/package/findPackageAndMassagePage", {
+					city: '',
+					page: 1,
+					limit: 30,
 				}).then(res => {
 					if (res.code == 0) {
 						if (res.data) {
-							this.dataList = res.data.list||{}; //追加新数据
-							for(var i=0;i<this.dataList.length;i++){
-								this.dataList[i].tagsData=this.dataList[i].labels.split(',');
+							this.dataList = res.data.list || {}; //追加新数据
+							for (var i = 0; i < this.dataList.length; i++) {
+								this.dataList[i].tagsData = this.dataList[i].labels.split(',');
 							}
 						}
 					}
 				});
 			},
-			qidai(){
+			qidai() {
 				uni.showToast({
-					title:'敬请期待！'
+					title: '敬请期待！'
 				})
 			},
 			goChat() {
@@ -484,7 +535,7 @@
 					console.log("res.data--->", res.data);
 					if (res.code == 0) {
 						this.userName = res.data.userName
-						this.phone=res.data.phone;
+						this.phone = res.data.phone;
 						this.invitationCode = res.data.invitationCode
 						this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png'
 						this.isAuthentication = res.data.isAuthentication
@@ -548,21 +599,21 @@
 			getIsVip() {
 				this.$Request.get("/app/UserVip/selectUserVip").then(res => {
 					if (res.code == 0) {
-						this.vipNameType=res.data.vipNameType;
+						this.vipNameType = res.data.vipNameType;
 						this.isVip = res.data.isVip;
-						this.$queue.setData('isVIP',this.isVip)
+						this.$queue.setData('isVIP', this.isVip)
 					}
 				});
 			},
-			chonghi(link){//我的钱包
+			chonghi(link) { //我的钱包
 				if (this.userId) {
-					if(link=='充值'){
+					if (link == '充值') {
 						uni.navigateTo({
-							url:'/my/wallet/index?text='+'my'
+							url: '/my/wallet/index?text=' + 'my'
 						})
-					}else{
+					} else {
 						uni.navigateTo({
-							url:'/my/wallet/mymoneydetail'
+							url: '/my/wallet/mymoneydetail'
 						})
 					}
 				} else {
@@ -585,10 +636,10 @@
 
 
 			},
-			youhui(link){//优惠劵，券码兑换，积分兑换 跳页
+			youhui(link) { //优惠劵，券码兑换，积分兑换 跳页
 				if (this.userId) {
 					uni.navigateTo({
-						url:link
+						url: link
 					})
 				} else {
 					uni.showModal({
@@ -607,11 +658,11 @@
 					})
 				}
 			},
-			useToUrl(item){//常用功能跳转页面
-				var link=item.link
+			useToUrl(item) { //常用功能跳转页面
+				var link = item.link
 				if (this.userId) {
 					uni.navigateTo({
-						url:link
+						url: link
 					})
 				} else {
 					uni.showModal({
@@ -630,29 +681,29 @@
 					})
 				}
 			},
-			tuangou(){
+			tuangou() {
 				uni.navigateTo({
-					url:'/pages/my/newTeaml?text='+'my'
+					url: '/pages/my/newTeaml?text=' + 'my'
 				})
 			},
-			miaoshao(){
+			miaoshao() {
 				uni.navigateTo({
-					url:'/pages/my/newseckill?text='+'my'
+					url: '/pages/my/newseckill?text=' + 'my'
 				})
 			},
-			meServe(item){
+			meServe(item) {
 				if (this.userId) {
-					if(item=="服务套餐"){
+					if (item == "服务套餐") {
 						uni.navigateTo({
-							url:'/pages/my/servicePackage'
+							url: '/pages/my/servicePackage'
 						})
-					}else if(item=="项目次卡"){
+					} else if (item == "项目次卡") {
 						uni.navigateTo({
-							url:'/pages/my/cika'
+							url: '/pages/my/cika'
 						})
-					}else if(item=="服务疗程"){
+					} else if (item == "服务疗程") {
 						uni.navigateTo({
-							url:'/pages/my/fuwuliaocheng'
+							url: '/pages/my/fuwuliaocheng'
 						})
 					}
 				} else {
@@ -677,15 +728,17 @@
 </script>
 
 <style scoped>
-	.kefu span{
+	.kefu span {
 		font-size: 14px;
 		color: #1296db;
 	}
-	.kefu image{
+
+	.kefu image {
 		width: 50px;
 		height: 50px;
 	}
-	.kefu{
+
+	.kefu {
 		width: 75px;
 		height: 75px;
 		display: flex;
@@ -698,12 +751,14 @@
 		margin-bottom: 20%;
 		margin-right: 20px;
 	}
-	.shop_label{
+
+	.shop_label {
 		display: flex;
 		flex-wrap: wrap;
 		margin-top: 4rpx;
 	}
-	.shop_label span{
+
+	.shop_label span {
 		background: linear-gradient(90deg, #ffefde, #fff7ef);
 		height: 34rpx;
 		line-height: 34rpx;
@@ -714,18 +769,21 @@
 		margin-bottom: 8rpx;
 		color: #f68607;
 	}
-	.item-view-xiangmu span:nth-child(2){
+
+	.item-view-xiangmu span:nth-child(2) {
 		font-weight: normal;
 		color: #333333;
 		font-size: 30rpx;
 	}
-	.item-view-xiangmu span:nth-child(1){
+
+	.item-view-xiangmu span:nth-child(1) {
 		font-weight: normal;
 		color: #666666;
 		margin-right: 5rpx;
 		font-size: 30rpx;
 	}
-	.item-view-xiangmu{
+
+	.item-view-xiangmu {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -733,7 +791,8 @@
 		font-size: 25rpx;
 		align-items: flex-end;
 	}
-	.item-view-title{
+
+	.item-view-title {
 		font-weight: bold;
 		font-size: 32rpx;
 		color: #333333;
@@ -741,25 +800,29 @@
 		text-overflow: ellipsis;
 		white-space: nowrap;
 	}
-	.item-view{
-		width:60%;
+
+	.item-view {
+		width: 60%;
 		height: 100%;
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
 		justify-content: space-between;
-		padding:6rpx 0;
+		padding: 6rpx 0;
 	}
-	.item-img{
+
+	.item-img {
 		width: 240rpx;
 		height: 200rpx;
 		border-radius: 14rpx;
 		position: relative;
 	}
-	.item-img img{
+
+	.item-img img {
 		border-radius: 14rpx;
 	}
-	.img-span{
+
+	.img-span {
 		padding: 2px 5px;
 		font-weight: 400;
 		font-size: 8px;
@@ -772,6 +835,7 @@
 		margin-bottom: 5px;
 		margin-right: 5px;
 	}
+
 	.item {
 		width: 96%;
 		margin: 0 auto;
@@ -780,10 +844,11 @@
 		justify-content: space-between;
 		background: #FFFFFF;
 		border-radius: 21rpx;
-		margin-top:10px;
+		margin-top: 10px;
 		align-items: center;
 		padding: 12px;
 	}
+
 	.item-detail {
 		padding: 5rpx 15rpx;
 		border-radius: 10rpx;
@@ -791,6 +856,7 @@
 		color: white;
 		background-color: #007AFF;
 	}
+
 	.item-line {
 		position: absolute;
 		bottom: 0rpx;
@@ -799,7 +865,8 @@
 		width: 100%;
 		background-color: #eeeeee;
 	}
-	.item-view-bottom-btn{
+
+	.item-view-bottom-btn {
 		text-align: center;
 		width: 131rpx;
 		height: 50rpx;
@@ -811,53 +878,62 @@
 		color: #FFFFFF;
 		margin-top: 8rpx;
 	}
-	 .item-view-bottom-qian span:nth-child(4){
-		 font-size: 26rpx;
-		 color: #848484;
-		 text-decoration-line: line-through;
-		 margin-left: 5px;
-	 }
-	 .item-view-bottom-qian span:nth-child(3){
-		  font-size: 28rpx;
-		  color: #FF6000;
-	 }
-	 .item-view-bottom-qian span:nth-child(2){
+
+	.item-view-bottom-qian span:nth-child(4) {
+		font-size: 26rpx;
+		color: #848484;
+		text-decoration-line: line-through;
+		margin-left: 5px;
+	}
+
+	.item-view-bottom-qian span:nth-child(3) {
+		font-size: 28rpx;
+		color: #FF6000;
+	}
+
+	.item-view-bottom-qian span:nth-child(2) {
 		font-weight: bold;
 		font-size: 36.81rpx;
 		color: #FF6000;
-	 }
-	 .item-view-bottom-qian span:nth-child(1){
+	}
+
+	.item-view-bottom-qian span:nth-child(1) {
 		font-weight: 400;
 		font-size: 26rpx;
 		color: #FF6000;
-	 }
-	.item-view-bottom-qian{
+	}
+
+	.item-view-bottom-qian {
 		margin-top: 2px;
 	}
-	.item-view-bottom{
+
+	.item-view-bottom {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
 		align-items: center;
 	}
-	.item-view-jianjie{
+
+	.item-view-jianjie {
 		font-weight: 400;
 		font-size: 24rpx;
 		color: #848484;
-		margin:5px 0px;
+		margin: 5px 0px;
 		display: -webkit-box;
 		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
+		-webkit-line-clamp: 2;
+		/* 显示的行数，可以根据需要修改 */
 		overflow: hidden;
 		text-overflow: ellipsis;
 	}
-	.item-view-biao{
+
+	.item-view-biao {
 		padding: 1px 2px;
 		border-radius: 6rpx;
 	}
 
-	.prompt-text{
+	.prompt-text {
 		font-size: 21rpx;
 		color: #999999;
 		height: 170rpx;
@@ -865,16 +941,19 @@
 		text-align: center;
 		padding: 20rpx 0;
 	}
-	.my-use-list-text{
+
+	.my-use-list-text {
 		color: #6C6C6C;
 		margin-top: 5px;
 		font-size: 14px;
 	}
-	.my-use-list image{
+
+	.my-use-list image {
 		width: 76rpx;
 		height: 76rpx;
 	}
-	.my-use{
+
+	.my-use {
 		background: #FFFFFF;
 		border-radius: 21rpx;
 		padding: 12px 14px;
@@ -882,7 +961,8 @@
 		flex-direction: column;
 		margin: 0px auto 12px auto;
 	}
-	.my-use-view{
+
+	.my-use-view {
 		width: 100%;
 		margin: 5px auto;
 		display: flex;
@@ -890,7 +970,8 @@
 		align-items: center;
 		flex-wrap: wrap;
 	}
-	.my-serve-view{
+
+	.my-serve-view {
 		width: 98%;
 		margin: 10px auto;
 		display: flex;
@@ -898,41 +979,48 @@
 		align-items: center;
 		justify-content: space-between;
 	}
-	.my-use-list{
+
+	.my-use-list {
 		width: 25%;
 		margin-top: 10px;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 	}
-	.my-serve-list{
+
+	.my-serve-list {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
 	}
-	.my-serve-list image{
+
+	.my-serve-list image {
 		width: 76rpx;
 		height: 76rpx;
 	}
-	.my-serve-list-text{
+
+	.my-serve-list-text {
 		color: #6C6C6C;
 		margin-top: 5px;
 		font-size: 26rpx;
 	}
 
-	.my-serve-title,.my-use-title{
+	.my-serve-title,
+	.my-use-title {
 		width: 95%;
 		font-weight: bold;
 		font-size: 30rpx;
 		color: #333333;
 		margin-left: 8px;
 		margin-top: 5px;
-		}
-	.width{
+	}
+
+	.width {
 		width: 94%;
 	}
-	.my-serve{
+
+	.my-serve {
 		height: 626rpx;
 		background: #FFFFFF;
 		border-radius: 21rpx;
@@ -941,60 +1029,72 @@
 		flex-direction: column;
 		margin: 0px auto 8px auto;
 	}
-	.my-serve,.my-serve{
+
+	.my-serve,
+	.my-serve {
 		height: 240rpx;
 		background: #FFFFFF;
 		border-radius: 21rpx;
 		padding: 12px 14px;
 		display: flex;
 		flex-direction: column;
-		}
-	.my-head-bottom{
+	}
+
+	.my-head-bottom {
 		width: 86%;
-		}
-	.my-head-bottom image{
+	}
+
+	.my-head-bottom image {
 		width: 100%;
 		height: 100%;
 	}
-	.my-head-mian-bottom-list image{
+
+	.my-head-mian-bottom-list image {
 		width: 80rpx;
 		height: 80rpx;
 	}
-	.my-head-mian-bottom-list-text{
+
+	.my-head-mian-bottom-list-text {
 		font-size: 26rpx;
 		color: #6C6C6C;
 	}
-	.my-head-mian-bottom-list{
+
+	.my-head-mian-bottom-list {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
 	}
-	.my-head-mian-bottom{
+
+	.my-head-mian-bottom {
 		width: 80%;
 		margin: 0 auto;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
 		padding-bottom: 30rpx;
-		margin-top:30rpx;
+		margin-top: 30rpx;
 		border-top: 1px #F6F6F6 solid;
 		padding-top: 20rpx;
 	}
-	.money-list{
+
+	.money-list {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		font-size: 20rpx;
 		margin-top: 20rpx;
 	}
-	.my-head-mian-top-yuE{
+
+	.my-head-mian-top-yuE {
 		font-size: 60rpx;
 		color: #111111;
 		margin-top: 6rpx;
 		font-weight: bold;
 	}
-	.my-head-mian-top-view-chong,.my-head-mian-top-view-ming{
+
+	.my-head-mian-top-view-chong,
+	.my-head-mian-top-view-ming {
 		width: 136rpx;
 		height: 58rpx;
 		line-height: 58rpx;
@@ -1002,20 +1102,23 @@
 		border-radius: 60rpx;
 		font-size: 28rpx;
 	}
-	.my-head-mian-top-view-chong{
+
+	.my-head-mian-top-view-chong {
 		background: linear-gradient(90deg, #1bc8ac, #1bc8ac, #1bc8ac);
 		color: #fff;
 	}
-	.my-head-mian-top-view-ming{
+
+	.my-head-mian-top-view-ming {
 		background: #e6f6f3;
 		color: #019c88;
 	}
-	.my-head-mian-top-view-qian{
+
+	.my-head-mian-top-view-qian {
 		width: 100%;
 		color: #2f9e8d;
 		background: linear-gradient(90deg, #edfbfb, #effafc);
 		margin: 0 auto;
-		border-radius:20rpx 20rpx 0 0;
+		border-radius: 20rpx 20rpx 0 0;
 		height: 76rpx;
 		line-height: 74rpx;
 		display: flex;
@@ -1024,28 +1127,32 @@
 		padding: 0 20rpx;
 		font-size: 26rpx;
 	}
-	.view-more{
-		display:inline-block;
-		border-top:1px solid;
-		border-right:1px solid;
+
+	.view-more {
+		display: inline-block;
+		border-top: 1px solid;
+		border-right: 1px solid;
 		width: 15rpx;
 		height: 15rpx;
-		border-color:#019c88;
-		transform:rotate(45deg);
+		border-color: #019c88;
+		transform: rotate(45deg);
 		margin-top: 10rpx;
-		}
-	.wallet3{
+	}
+
+	.wallet3 {
 		width: 38rpx;
 		height: 34rpx;
 	}
-	.my-head-mian-top-view{
+
+	.my-head-mian-top-view {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		margin-top: 20rpx;
 		justify-content: center;
 	}
-	.my-head-mian-top{
+
+	.my-head-mian-top {
 		width: 95%;
 		margin: 0 auto;
 		display: flex;
@@ -1056,7 +1163,8 @@
 		text-align: center;
 		justify-content: center;
 	}
-	.my-head-mian{
+
+	.my-head-mian {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
@@ -1064,31 +1172,36 @@
 		background: #FFFFFF;
 		border-radius: 21rpx;
 	}
-	.my-head-top-id{
+
+	.my-head-top-id {
 		width: 26%;
 		padding: 3rpx 5rpx 6rpx 22rpx;
 		text-align: center;
 		/*ckground-image: url(../../static/vip/membership5.png);*/
-		border-radius: 0 30rpx 30rpx 0 ;
+		border-radius: 0 30rpx 30rpx 0;
 		color: #fff;
 		position: relative;
 	}
-	.my-head-top-id span:nth-child(1){
+
+	.my-head-top-id span:nth-child(1) {
 		margin-left: 20rpx;
 		font-size: 18rpx;
 	}
-	.my-head-texa{
+
+	.my-head-texa {
 		font-size: 26rpx;
 		color: #555;
 	}
-	.my-head-vip{
+
+	.my-head-vip {
 		width: 28rpx;
 		height: 28rpx;
 		position: absolute;
-		left:-20rpx;
-		top:-10rpx
+		left: -20rpx;
+		top: -10rpx
 	}
-	.my-head-top-text{
+
+	.my-head-top-text {
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
@@ -1096,23 +1209,28 @@
 		color: #3a3f4f;
 		margin-bottom: 8rpx;
 	}
-	.my-head-top-text span:nth-child(1){
+
+	.my-head-top-text span:nth-child(1) {
 		font-size: 32rpx;
 		font-weight: bold;
 	}
-	.my-head-top-text span:nth-child(2){
+
+	.my-head-top-text span:nth-child(2) {
 		font-size: 26rpx;
 	}
-	.my-head-top-view{
+
+	.my-head-top-view {
 		display: flex;
 		flex-direction: column;
 		width: 82%;
 	}
-	.my-head-top image{
+
+	.my-head-top image {
 		width: 106rpx;
 		height: 106rpx;
 	}
-	.my-head-top{
+
+	.my-head-top {
 		width: 100%;
 		margin: 20px 0px;
 		display: flex;
@@ -1120,13 +1238,15 @@
 		align-items: center;
 		justify-content: space-between;
 	}
-	.my-head{
+
+	.my-head {
 		width: 100%;
 		/* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');
 		background-position: center center;
 		background-repeat: no-repeat;
 		background-size: cover; */
 	}
+
 	.content {
 		width: 100%;
 		height: 100vh;
@@ -1138,23 +1258,29 @@
 		overflow: auto;
 		position: relative;
 	}
+
 	.div-with-background {
 
-	  width: 300px; /* 你的容器宽度 */
-	  height: 200px; /* 你的容器高度 */
+		width: 300px;
+		/* 你的容器宽度 */
+		height: 200px;
+		/* 你的容器高度 */
 	}
-	.back-width{
+
+	.back-width {
 		width: 94%;
 		display: flex;
 		margin: 12px auto;
-		}
-	.money-img{
+	}
+
+	.money-img {
 		width: 45rpx;
 		height: 45rpx;
 		margin-bottom: 20rpx;
 		margin-right: 8rpx;
 	}
-	.text-xl{
+
+	.text-xl {
 		width: 100rpx;
 		height: 56rpx;
 		font-size: 26rpx;
@@ -1164,4 +1290,4 @@
 		color: #fff;
 		text-align: center;
 	}
-</style>
+</style>
\ No newline at end of file