This commit is contained in:
Mr.jiang 2024-08-02 10:01:09 +08:00
parent 377203fea9
commit ed854ff6b9
6 changed files with 517 additions and 193 deletions

View File

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

View File

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

View File

@ -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) {

View File

@ -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>

View File

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

View File

@ -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>