地址

manifest.json

@@ -1,6 +1,6 @@
 {
     "name" : "盛安到家",
-    "appid" : "__UNI__807ED4C",
+    "appid" : "__UNI__0A81F4F",
     "description" : "",
     "versionName" : "1.0.1",
     "versionCode" : 101,

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": {

pages/index/index.vue

@@ -645,15 +645,18 @@
 			},
 			goCity(){
 				var that = this
-				uni.chooseLocation({
+				uni.navigateTo({
-					success: function(res) {
+					url:'/pages/index/searchAddress'
-						console.log('经度：' + res);
+				})
-						that.detailaddress = res.name
+				// uni.chooseLocation({
-						that.latitude = res.latitude
+				// 	success: function(res) {
-						that.longitude = res.longitude
+				// 		console.log('经度：' + res);
-						that.selectCity(res.longitude, res.latitude);
+				// 		that.detailaddress = res.name
-					}
+				// 		that.latitude = res.latitude
-				});
+				// 		that.longitude = res.longitude
+				// 		that.selectCity(res.longitude, res.latitude);
+				// 	}
+				// });
 			
 			},
 			selectCity(longitude, latitude) {

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>

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;
 		}

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=='0'" class="my-head-vip" style="width:120rpx; height: 36rpx;"
-							<image v-if="vipNameType=='1'" class="my-head-vip" style="width:120rpx; height: 36rpx;" src="../../static/vip/membership6.gif"></image>
+								src="../../static/vip/membership5.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=='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,7 +33,9 @@
 			</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 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">
@@ -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>
 
@@ -196,17 +199,56 @@
 				couponnum: '0',
 				renzheng: 0,
 				XCXIsSelect: '否',
-				useList:[
+				useList: [{
-					{urlImg:'../../static/my-gong-1.png',text:'我的收藏',link:'/my/gird/shoucang'},
+						urlImg: '../../static/my-gong-1.png',
-					{urlImg:'../../static/my-gong-2.png',text:'应聘技师',link:'/pages/my/hehuo'},
+						text: '我的收藏',
-					{urlImg:'../../static/my-gong-3.png',text:'分享好友',link:'/pages/my/invitationUser'},
+						link: '/my/gird/shoucang'
-					{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-2.png',
-					{urlImg:'../../static/my-gong-7.png',text:'设置中心',link:'/my/setting/index'},
+						text: '应聘技师',
-					{urlImg:'../../static/my-gong-8.png',text:'浏览历史',link:'/pages/my/historyMy'},
+						link: '/pages/my/hehuo'
-					{urlImg:'../../static/my-gong-9.png',text:'我的团队',link:'/pages/my/myteam'},
+					},
-					{urlImg:'../../static/my-gong-10.png',text:'项目推荐',link:'/pages/my/fuwuGengduo'},
+					{
+						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: [],
@@ -247,6 +289,15 @@
 			}
 		},
 		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'),
@@ -268,7 +319,7 @@
 				this.$Request.get("/app/massage/package/findPackageAndMassagePage", {
 					city: '',
 					page: 1,
-					limit:6,
+					limit: 30,
 				}).then(res => {
 					if (res.code == 0) {
 						if (res.data) {
@@ -681,10 +732,12 @@
 		font-size: 14px;
 		color: #1296db;
 	}
+
 	.kefu image {
 		width: 50px;
 		height: 50px;
 	}
+
 	.kefu {
 		width: 75px;
 		height: 75px;
@@ -698,11 +751,13 @@
 		margin-bottom: 20%;
 		margin-right: 20px;
 	}
+
 	.shop_label {
 		display: flex;
 		flex-wrap: wrap;
 		margin-top: 4rpx;
 	}
+
 	.shop_label span {
 		background: linear-gradient(90deg, #ffefde, #fff7ef);
 		height: 34rpx;
@@ -714,17 +769,20 @@
 		margin-bottom: 8rpx;
 		color: #f68607;
 	}
+
 	.item-view-xiangmu span:nth-child(2) {
 		font-weight: normal;
 		color: #333333;
 		font-size: 30rpx;
 	}
+
 	.item-view-xiangmu span:nth-child(1) {
 		font-weight: normal;
 		color: #666666;
 		margin-right: 5rpx;
 		font-size: 30rpx;
 	}
+
 	.item-view-xiangmu {
 		width: 100%;
 		display: flex;
@@ -733,6 +791,7 @@
 		font-size: 25rpx;
 		align-items: flex-end;
 	}
+
 	.item-view-title {
 		font-weight: bold;
 		font-size: 32rpx;
@@ -741,6 +800,7 @@
 		text-overflow: ellipsis;
 		white-space: nowrap;
 	}
+
 	.item-view {
 		width: 60%;
 		height: 100%;
@@ -750,15 +810,18 @@
 		justify-content: space-between;
 		padding: 6rpx 0;
 	}
+
 	.item-img {
 		width: 240rpx;
 		height: 200rpx;
 		border-radius: 14rpx;
 		position: relative;
 	}
+
 	.item-img img {
 		border-radius: 14rpx;
 	}
+
 	.img-span {
 		padding: 2px 5px;
 		font-weight: 400;
@@ -772,6 +835,7 @@
 		margin-bottom: 5px;
 		margin-right: 5px;
 	}
+
 	.item {
 		width: 96%;
 		margin: 0 auto;
@@ -784,6 +848,7 @@
 		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,6 +865,7 @@
 		width: 100%;
 		background-color: #eeeeee;
 	}
+
 	.item-view-bottom-btn {
 		text-align: center;
 		width: 131rpx;
@@ -811,29 +878,35 @@
 		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) {
 		font-weight: bold;
 		font-size: 36.81rpx;
 		color: #FF6000;
 	}
+
 	.item-view-bottom-qian span:nth-child(1) {
 		font-weight: 400;
 		font-size: 26rpx;
 		color: #FF6000;
 	}
+
 	.item-view-bottom-qian {
 		margin-top: 2px;
 	}
+
 	.item-view-bottom {
 		width: 100%;
 		display: flex;
@@ -841,6 +914,7 @@
 		justify-content: space-between;
 		align-items: center;
 	}
+
 	.item-view-jianjie {
 		font-weight: 400;
 		font-size: 24rpx;
@@ -848,10 +922,12 @@
 		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 {
 		padding: 1px 2px;
 		border-radius: 6rpx;
@@ -865,15 +941,18 @@
 		text-align: center;
 		padding: 20rpx 0;
 	}
+
 	.my-use-list-text {
 		color: #6C6C6C;
 		margin-top: 5px;
 		font-size: 14px;
 	}
+
 	.my-use-list image {
 		width: 76rpx;
 		height: 76rpx;
 	}
+
 	.my-use {
 		background: #FFFFFF;
 		border-radius: 21rpx;
@@ -882,6 +961,7 @@
 		flex-direction: column;
 		margin: 0px auto 12px auto;
 	}
+
 	.my-use-view {
 		width: 100%;
 		margin: 5px auto;
@@ -890,6 +970,7 @@
 		align-items: center;
 		flex-wrap: wrap;
 	}
+
 	.my-serve-view {
 		width: 98%;
 		margin: 10px auto;
@@ -898,6 +979,7 @@
 		align-items: center;
 		justify-content: space-between;
 	}
+
 	.my-use-list {
 		width: 25%;
 		margin-top: 10px;
@@ -905,23 +987,27 @@
 		flex-direction: column;
 		align-items: center;
 	}
+
 	.my-serve-list {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
 	}
+
 	.my-serve-list image {
 		width: 76rpx;
 		height: 76rpx;
 	}
+
 	.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;
@@ -929,9 +1015,11 @@
 		margin-left: 8px;
 		margin-top: 5px;
 	}
+
 	.width {
 		width: 94%;
 	}
+
 	.my-serve {
 		height: 626rpx;
 		background: #FFFFFF;
@@ -941,7 +1029,9 @@
 		flex-direction: column;
 		margin: 0px auto 8px auto;
 	}
-	.my-serve,.my-serve{
+
+	.my-serve,
+	.my-serve {
 		height: 240rpx;
 		background: #FFFFFF;
 		border-radius: 21rpx;
@@ -949,27 +1039,33 @@
 		display: flex;
 		flex-direction: column;
 	}
+
 	.my-head-bottom {
 		width: 86%;
 	}
+
 	.my-head-bottom image {
 		width: 100%;
 		height: 100%;
 	}
+
 	.my-head-mian-bottom-list image {
 		width: 80rpx;
 		height: 80rpx;
 	}
+
 	.my-head-mian-bottom-list-text {
 		font-size: 26rpx;
 		color: #6C6C6C;
 	}
+
 	.my-head-mian-bottom-list {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
 	}
+
 	.my-head-mian-bottom {
 		width: 80%;
 		margin: 0 auto;
@@ -981,6 +1077,7 @@
 		border-top: 1px #F6F6F6 solid;
 		padding-top: 20rpx;
 	}
+
 	.money-list {
 		display: flex;
 		flex-direction: column;
@@ -988,13 +1085,16 @@
 		font-size: 20rpx;
 		margin-top: 20rpx;
 	}
+
 	.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,14 +1102,17 @@
 		border-radius: 60rpx;
 		font-size: 28rpx;
 	}
+
 	.my-head-mian-top-view-chong {
 		background: linear-gradient(90deg, #1bc8ac, #1bc8ac, #1bc8ac);
 		color: #fff;
 	}
+
 	.my-head-mian-top-view-ming {
 		background: #e6f6f3;
 		color: #019c88;
 	}
+
 	.my-head-mian-top-view-qian {
 		width: 100%;
 		color: #2f9e8d;
@@ -1024,6 +1127,7 @@
 		padding: 0 20rpx;
 		font-size: 26rpx;
 	}
+
 	.view-more {
 		display: inline-block;
 		border-top: 1px solid;
@@ -1034,10 +1138,12 @@
 		transform: rotate(45deg);
 		margin-top: 10rpx;
 	}
+
 	.wallet3 {
 		width: 38rpx;
 		height: 34rpx;
 	}
+
 	.my-head-mian-top-view {
 		display: flex;
 		flex-direction: row;
@@ -1045,6 +1151,7 @@
 		margin-top: 20rpx;
 		justify-content: center;
 	}
+
 	.my-head-mian-top {
 		width: 95%;
 		margin: 0 auto;
@@ -1056,6 +1163,7 @@
 		text-align: center;
 		justify-content: center;
 	}
+
 	.my-head-mian {
 		width: 100%;
 		display: flex;
@@ -1064,6 +1172,7 @@
 		background: #FFFFFF;
 		border-radius: 21rpx;
 	}
+
 	.my-head-top-id {
 		width: 26%;
 		padding: 3rpx 5rpx 6rpx 22rpx;
@@ -1073,14 +1182,17 @@
 		color: #fff;
 		position: relative;
 	}
+
 	.my-head-top-id span:nth-child(1) {
 		margin-left: 20rpx;
 		font-size: 18rpx;
 	}
+
 	.my-head-texa {
 		font-size: 26rpx;
 		color: #555;
 	}
+
 	.my-head-vip {
 		width: 28rpx;
 		height: 28rpx;
@@ -1088,6 +1200,7 @@
 		left: -20rpx;
 		top: -10rpx
 	}
+
 	.my-head-top-text {
 		display: flex;
 		flex-direction: row;
@@ -1096,22 +1209,27 @@
 		color: #3a3f4f;
 		margin-bottom: 8rpx;
 	}
+
 	.my-head-top-text span:nth-child(1) {
 		font-size: 32rpx;
 		font-weight: bold;
 	}
+
 	.my-head-top-text span:nth-child(2) {
 		font-size: 26rpx;
 	}
+
 	.my-head-top-view {
 		display: flex;
 		flex-direction: column;
 		width: 82%;
 	}
+
 	.my-head-top image {
 		width: 106rpx;
 		height: 106rpx;
 	}
+
 	.my-head-top {
 		width: 100%;
 		margin: 20px 0px;
@@ -1120,6 +1238,7 @@
 		align-items: center;
 		justify-content: space-between;
 	}
+
 	.my-head {
 		width: 100%;
 		/* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');
@@ -1127,6 +1246,7 @@
 		background-repeat: no-repeat;
 		background-size: cover; */
 	}
+
 	.content {
 		width: 100%;
 		height: 100vh;
@@ -1138,22 +1258,28 @@
 		overflow: auto;
 		position: relative;
 	}
+
 	.div-with-background {
 
-	  width: 300px; /* 你的容器宽度 */
+		width: 300px;
-	  height: 200px; /* 你的容器高度 */
+		/* 你的容器宽度 */
+		height: 200px;
+		/* 你的容器高度 */
 	}
+
 	.back-width {
 		width: 94%;
 		display: flex;
 		margin: 12px auto;
 	}
+
 	.money-img {
 		width: 45rpx;
 		height: 45rpx;
 		margin-bottom: 20rpx;
 		margin-right: 8rpx;
 	}
+
 	.text-xl {
 		width: 100rpx;
 		height: 56rpx;