yangjun
/
sadjv3_user
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: yangjun:c10dba9978181af9f834bfd3a5362b2342e3bea6
Branches Tags
yangjun:master
..
compare: yangjun:9609b63d0b122c46a04c42c38f93885ba628ecc1
Branches Tags
yangjun:master

No commits in common. "c10dba9978181af9f834bfd3a5362b2342e3bea6" and "9609b63d0b122c46a04c42c38f93885ba628ecc1" have entirely different histories.
c10dba9978 ... 9609b63d0b

6 changed files with 193 additions and 517 deletions
Show Stats Expand all files Collapse all files

2
manifest.json
View File

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

12
pages.json
View File

@ -54,18 +54,6 @@
} }
} }
}, },
{
"path": "pages/index/searchAddress",
"style": {
"navigationBarTitleText": "地址列表",
"enablePullDownRefresh": false,
"onReachBottomDistance":200,
"navigationStyle": "custom",
"app-plus": {
"titleNView": false
}
}
},
{ {
"path": "pages/videoCircle/index", "path": "pages/videoCircle/index",
"style": { "style": {

21
pages/index/index.vue
View File

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

153
pages/index/searchAddress.vue
View File

@ -1,153 +0,0 @@
<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>

30
pages/msg/im.vue
View File

@ -245,8 +245,6 @@
uni.showLoading({ uni.showLoading({
title: '连接中...' title: '连接中...'
}) })
// wss://sausers.blxinchuang.com/wss/chatSocket/
// websocketUtils.getWsBaseUrl()
uni.connectSocket({ uni.connectSocket({
url: websocketUtils.getWsBaseUrl() + userId, url: websocketUtils.getWsBaseUrl() + userId,
data() { data() {
@ -301,30 +299,6 @@
that.startRecive = false that.startRecive = false
that.msg = false that.msg = false
console.log('onClose', res) 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() { close() {
@ -418,7 +392,6 @@
}, 50); }, 50);
}, },
fail(err) { fail(err) {
that.connect()
console.log(err); console.log(err);
} }
}) })
@ -572,9 +545,6 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/static/HM-chat/css/style.scss"; @import "@/static/HM-chat/css/style.scss";
/deep/.popup-layer{
width: 100%;
}
page { page {
background-color: #F7F7F7; background-color: #F7F7F7;
} }

492
pages/my/index.vue
View File

@ -3,20 +3,16 @@
<view class="my-head"> <view class="my-head">
<view class="my-head-top back-width"> <view class="my-head-top back-width">
<view class="u-m-r-10" style="position: relative;"> <view class="u-m-r-10" style="position: relative;">
<image :src="avatar" <image :src="avatar" style="width: 120rpx;height:120rpx;border-radius: 50%; margin-left: 10rpx; border:#fff 1px solid;"
style="width: 120rpx;height:120rpx;border-radius: 50%; margin-left: 10rpx; border:#fff 1px solid;"
@click="goNav('/pages/my/userinfo')"></image> @click="goNav('/pages/my/userinfo')"></image>
</view> </view>
<view class="my-head-top-view" v-if="!isLogin"> <view class="my-head-top-view" v-if="!isLogin">
<view class="my-head-top-text"> <view class="my-head-top-text">
<span>{{userName}}</span> <span>{{userName}}</span>
<view class="my-head-top-id" v-if="vipNameType!=null"> <view class="my-head-top-id" v-if="vipNameType!=null">
<image v-if="vipNameType=='0'" class="my-head-vip" style="width:120rpx; height: 36rpx;" <image v-if="vipNameType=='0'" class="my-head-vip" style="width:120rpx; height: 36rpx;" src="../../static/vip/membership5.gif"></image>
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=='1'" class="my-head-vip" style="width:120rpx; height: 36rpx;" <image v-if="vipNameType=='2'" class="my-head-vip" style="width:120rpx; height: 36rpx;" src="../../static/vip/membership7.gif"></image>
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> <span>{{vipNameType=='0'?'':vipNameType=='1'?'':''}}</span>
</view> </view>
@ -33,10 +29,8 @@
</view> </view>
<view class="my-head-mian back-width"> <view class="my-head-mian back-width">
<view class="my-head-mian-top-view-qian"> <view class="my-head-mian-top-view-qian">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;"><image class="wallet3" src="../../static/wallet3.png" mode=""></image>我的钱包</view>
<image class="wallet3" src="../../static/wallet3.png" mode=""></image>我的钱包 <view @click="chonghi('明细')">钱包明细<span class="view-more"></span></view>
</view>
<view @click="chonghi('明细')">钱包明细<span class="view-more"></span></view>
</view> </view>
<view class="my-head-mian-top"> <view class="my-head-mian-top">
<view class="flex money-list"> <view class="flex money-list">
@ -123,7 +117,7 @@
<view class="my-use width"> <view class="my-use width">
<view class="my-use-title">常用功能</view> <view class="my-use-title">常用功能</view>
<view class="my-use-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> <image style="padding: 3rpx;" :src="item.urlImg" mode=""></image>
<span class="my-use-list-text">{{item.text}}</span> <span class="my-use-list-text">{{item.text}}</span>
</view> </view>
@ -135,6 +129,10 @@
<view class="item-view-title"> <view class="item-view-title">
{{item.title}} {{item.title}}
</view> </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">
<view class="item-view-bottom-qian"> <view class="item-view-bottom-qian">
@ -145,8 +143,7 @@
</span> </span>
<span v-if="item.type=='104'">/套 <span v-if="item.type=='104'">/套
</span> </span>
<span <span v-if="item.type!='104'">￥{{item.oldPrice}}/{{item.serviceCount?item.serviceCount:''}}{{item.type=='105'||item.type=='106'?'次':'元'}}</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> <span v-if="item.type=='104'">￥{{item.oldPrice}}/套</span>
</view> </view>
@ -177,8 +174,8 @@
</template> </template>
<script> <script>
export default { export default{
data() { data(){
return { return {
isShop: 0, isShop: 0,
hyCheck: '否', hyCheck: '否',
@ -187,7 +184,7 @@
avatar: '../../static/logo.png', avatar: '../../static/logo.png',
isLogin: true, isLogin: true,
userName: '匿名', userName: '匿名',
phone: '18684369159', phone:'18684369159',
browse: 0, //浏览数 browse: 0, //浏览数
fans: 0, //粉丝数 fans: 0, //粉丝数
follow: 0, //关注数 follow: 0, //关注数
@ -199,62 +196,23 @@
couponnum: '0', couponnum: '0',
renzheng: 0, renzheng: 0,
XCXIsSelect: '否', XCXIsSelect: '否',
useList: [{ useList:[
urlImg: '../../static/my-gong-1.png', {urlImg:'../../static/my-gong-1.png',text:'我的收藏',link:'/my/gird/shoucang'},
text: '我的收藏', {urlImg:'../../static/my-gong-2.png',text:'应聘技师',link:'/pages/my/hehuo'},
link: '/my/gird/shoucang' {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-2.png', {urlImg:'../../static/my-gong-6.png',text:'帮助中心',link:'/my/help/feedbackIndex'},
text: '应聘技师', {urlImg:'../../static/my-gong-7.png',text:'设置中心',link:'/my/setting/index'},
link: '/pages/my/hehuo' {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'},
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: '', token:'',
vipData: [], vipData:[],
vipNameType: '', vipNameType:'',
dataList: [], dataList:[],
tagsData: [] tagsData:[]
} }
}, },
onLoad(e) { onLoad(e) {
@ -288,52 +246,43 @@
this.isVip = 0 this.isVip = 0
} }
}, },
methods: { methods:{
itemClick(item) { //热门精选，推荐套餐 跳详情 goMsg() {//客服聊天
if(item.type){ let data = {
userId: uni.getStorageSync('userId'),
} focusedUserId: '0',
uni.navigateTo({ // userName:this.order.userName
url: '/pages/my/fuwuDateil?id=' + item.id + '&limit=' + '10' + '&page=' + }
'1' // app/chat/insertChatConversation
}) this.$Request.postJson('/app/chat/insertChatConversation', data).then(res => {
}, if (res.data) {
goMsg() { //客服聊天 let id = this.ordersId == res.data.userId ? res.data.focusedUserId : this.ordersId
let data = { uni.navigateTo({
userId: uni.getStorageSync('userId'), url: '/pages/msg/im?chatConversationId=' + res.data.chatConversationId +
focusedUserId: '0', '&byUserId=' + res.data.userId
// userName:this.order.userName })
} }
// app/chat/insertChatConversation })
this.$Request.postJson('/app/chat/insertChatConversation', data).then(res => { },
if (res.data) { getDataX(){
let id = this.ordersId == res.data.userId ? res.data.focusedUserId : this.ordersId this.$Request.get("/app/massage/package/findPackageAndMassagePage",{
uni.navigateTo({ city:'',
url: '/pages/msg/im?chatConversationId=' + res.data.chatConversationId + page:1,
'&byUserId=' + res.data.userId limit:6,
})
}
})
},
getDataX() {
this.$Request.get("/app/massage/package/findPackageAndMassagePage", {
city: '',
page: 1,
limit: 30,
}).then(res => { }).then(res => {
if (res.code == 0) { if (res.code == 0) {
if (res.data) { if (res.data) {
this.dataList = res.data.list || {}; //追加新数据 this.dataList = res.data.list||{}; //追加新数据
for (var i = 0; i < this.dataList.length; i++) { for(var i=0;i<this.dataList.length;i++){
this.dataList[i].tagsData = this.dataList[i].labels.split(','); this.dataList[i].tagsData=this.dataList[i].labels.split(',');
} }
} }
} }
}); });
}, },
qidai() { qidai(){
uni.showToast({ uni.showToast({
title: '敬请期待！' title:'敬请期待！'
}) })
}, },
goChat() { goChat() {
@ -535,7 +484,7 @@
console.log("res.data--->", res.data); console.log("res.data--->", res.data);
if (res.code == 0) { if (res.code == 0) {
this.userName = res.data.userName this.userName = res.data.userName
this.phone = res.data.phone; this.phone=res.data.phone;
this.invitationCode = res.data.invitationCode this.invitationCode = res.data.invitationCode
this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png' this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png'
this.isAuthentication = res.data.isAuthentication this.isAuthentication = res.data.isAuthentication
@ -599,21 +548,21 @@
getIsVip() { getIsVip() {
this.$Request.get("/app/UserVip/selectUserVip").then(res => { this.$Request.get("/app/UserVip/selectUserVip").then(res => {
if (res.code == 0) { if (res.code == 0) {
this.vipNameType = res.data.vipNameType; this.vipNameType=res.data.vipNameType;
this.isVip = res.data.isVip; 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 (this.userId) {
if (link == '充值') { if(link=='充值'){
uni.navigateTo({ uni.navigateTo({
url: '/my/wallet/index?text=' + 'my' url:'/my/wallet/index?text='+'my'
}) })
} else { }else{
uni.navigateTo({ uni.navigateTo({
url: '/my/wallet/mymoneydetail' url:'/my/wallet/mymoneydetail'
}) })
} }
} else { } else {
@ -633,10 +582,10 @@
}) })
} }
}, },
youhui(link) { //优惠劵，券码兑换，积分兑换 跳页 youhui(link){//优惠劵，券码兑换，积分兑换 跳页
if (this.userId) { if (this.userId) {
uni.navigateTo({ uni.navigateTo({
url: link url:link
}) })
} else { } else {
uni.showModal({ uni.showModal({
@ -655,11 +604,11 @@
}) })
} }
}, },
useToUrl(item) { //常用功能跳转页面 useToUrl(item){//常用功能跳转页面
var link = item.link var link=item.link
if (this.userId) { if (this.userId) {
uni.navigateTo({ uni.navigateTo({
url: link url:link
}) })
} else { } else {
uni.showModal({ uni.showModal({
@ -678,29 +627,29 @@
}) })
} }
}, },
tuangou() { tuangou(){
uni.navigateTo({ uni.navigateTo({
url: '/pages/my/newTeaml?text=' + 'my' url:'/pages/my/newTeaml?text='+'my'
}) })
}, },
miaoshao() { miaoshao(){
uni.navigateTo({ uni.navigateTo({
url: '/pages/my/newseckill?text=' + 'my' url:'/pages/my/newseckill?text='+'my'
}) })
}, },
meServe(item) { meServe(item){
if (this.userId) { if (this.userId) {
if (item == "服务套餐") { if(item=="服务套餐"){
uni.navigateTo({ uni.navigateTo({
url: '/pages/my/servicePackage' url:'/pages/my/servicePackage'
}) })
} else if (item == "项目次卡") { }else if(item=="项目次卡"){
uni.navigateTo({ uni.navigateTo({
url: '/pages/my/cika' url:'/pages/my/cika'
}) })
} else if (item == "服务疗程") { }else if(item=="服务疗程"){
uni.navigateTo({ uni.navigateTo({
url: '/pages/my/fuwuliaocheng' url:'/pages/my/fuwuliaocheng'
}) })
} }
} else { } else {
@ -746,17 +695,15 @@
</script> </script>
<style scoped> <style scoped>
.kefu span { .kefu span{
font-size: 14px; font-size: 14px;
color: #1296db; color: #1296db;
} }
.kefu image{
.kefu image {
width: 50px; width: 50px;
height: 50px; height: 50px;
} }
.kefu{
.kefu {
width: 75px; width: 75px;
height: 75px; height: 75px;
display: flex; display: flex;
@ -769,14 +716,12 @@
margin-bottom: 20%; margin-bottom: 20%;
margin-right: 20px; margin-right: 20px;
} }
.shop_label{
.shop_label {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 4rpx; margin-top: 4rpx;
} }
.shop_label span{
.shop_label span {
background: linear-gradient(90deg, #ffefde, #fff7ef); background: linear-gradient(90deg, #ffefde, #fff7ef);
height: 34rpx; height: 34rpx;
line-height: 34rpx; line-height: 34rpx;
@ -787,21 +732,18 @@
margin-bottom: 8rpx; margin-bottom: 8rpx;
color: #f68607; color: #f68607;
} }
.item-view-xiangmu span:nth-child(2){
.item-view-xiangmu span:nth-child(2) {
font-weight: normal; font-weight: normal;
color: #333333; color: #333333;
font-size: 30rpx; font-size: 30rpx;
} }
.item-view-xiangmu span:nth-child(1){
.item-view-xiangmu span:nth-child(1) {
font-weight: normal; font-weight: normal;
color: #666666; color: #666666;
margin-right: 5rpx; margin-right: 5rpx;
font-size: 30rpx; font-size: 30rpx;
} }
.item-view-xiangmu{
.item-view-xiangmu {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -809,8 +751,7 @@
font-size: 25rpx; font-size: 25rpx;
align-items: flex-end; align-items: flex-end;
} }
.item-view-title{
.item-view-title {
font-weight: bold; font-weight: bold;
font-size: 32rpx; font-size: 32rpx;
color: #333333; color: #333333;
@ -818,29 +759,25 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.item-view{
.item-view { width:60%;
width: 60%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
justify-content: space-between; justify-content: space-between;
padding: 6rpx 0; padding:6rpx 0;
} }
.item-img{
.item-img {
width: 240rpx; width: 240rpx;
height: 200rpx; height: 200rpx;
border-radius: 14rpx; border-radius: 14rpx;
position: relative; position: relative;
} }
.item-img img{
.item-img img {
border-radius: 14rpx; border-radius: 14rpx;
} }
.img-span{
.img-span {
padding: 2px 5px; padding: 2px 5px;
font-weight: 400; font-weight: 400;
font-size: 8px; font-size: 8px;
@ -853,7 +790,6 @@
margin-bottom: 5px; margin-bottom: 5px;
margin-right: 5px; margin-right: 5px;
} }
.item { .item {
width: 96%; width: 96%;
margin: 0 auto; margin: 0 auto;
@ -862,11 +798,10 @@
justify-content: space-between; justify-content: space-between;
background: #FFFFFF; background: #FFFFFF;
border-radius: 21rpx; border-radius: 21rpx;
margin-top: 10px; margin-top:10px;
align-items: center; align-items: center;
padding: 12px; padding: 12px;
} }
.item-detail { .item-detail {
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
border-radius: 10rpx; border-radius: 10rpx;
@ -874,7 +809,6 @@
color: white; color: white;
background-color: #007AFF; background-color: #007AFF;
} }
.item-line { .item-line {
position: absolute; position: absolute;
bottom: 0rpx; bottom: 0rpx;
@ -883,8 +817,7 @@
width: 100%; width: 100%;
background-color: #eeeeee; background-color: #eeeeee;
} }
.item-view-bottom-btn{
.item-view-bottom-btn {
text-align: center; text-align: center;
width: 131rpx; width: 131rpx;
height: 50rpx; height: 50rpx;
@ -896,62 +829,53 @@
color: #FFFFFF; color: #FFFFFF;
margin-top: 8rpx; margin-top: 8rpx;
} }
.item-view-bottom-qian span:nth-child(4){
.item-view-bottom-qian span:nth-child(4) { font-size: 26rpx;
font-size: 26rpx; color: #848484;
color: #848484; text-decoration-line: line-through;
text-decoration-line: line-through; margin-left: 5px;
margin-left: 5px; }
} .item-view-bottom-qian span:nth-child(3){
font-size: 28rpx;
.item-view-bottom-qian span:nth-child(3) { color: #FF6000;
font-size: 28rpx; }
color: #FF6000; .item-view-bottom-qian span:nth-child(2){
}
.item-view-bottom-qian span:nth-child(2) {
font-weight: bold; font-weight: bold;
font-size: 36.81rpx; font-size: 36.81rpx;
color: #FF6000; color: #FF6000;
} }
.item-view-bottom-qian span:nth-child(1){
.item-view-bottom-qian span:nth-child(1) {
font-weight: 400; font-weight: 400;
font-size: 26rpx; font-size: 26rpx;
color: #FF6000; color: #FF6000;
} }
.item-view-bottom-qian{
.item-view-bottom-qian {
margin-top: 2px; margin-top: 2px;
} }
.item-view-bottom{
.item-view-bottom {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.item-view-jianjie{
.item-view-jianjie {
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #848484; color: #848484;
margin: 5px 0px; margin:5px 0px;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2; /* 显示的行数，可以根据需要修改 */
/* 显示的行数，可以根据需要修改 */
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.item-view-biao{
.item-view-biao {
padding: 1px 2px; padding: 1px 2px;
border-radius: 6rpx; border-radius: 6rpx;
} }
.prompt-text { .prompt-text{
font-size: 21rpx; font-size: 21rpx;
color: #999999; color: #999999;
height: 170rpx; height: 170rpx;
@ -959,19 +883,16 @@
text-align: center; text-align: center;
padding: 20rpx 0; padding: 20rpx 0;
} }
.my-use-list-text{
.my-use-list-text {
color: #6C6C6C; color: #6C6C6C;
margin-top: 5px; margin-top: 5px;
font-size: 14px; font-size: 14px;
} }
.my-use-list image{
.my-use-list image {
width: 76rpx; width: 76rpx;
height: 76rpx; height: 76rpx;
} }
.my-use{
.my-use {
background: #FFFFFF; background: #FFFFFF;
border-radius: 21rpx; border-radius: 21rpx;
padding: 12px 14px; padding: 12px 14px;
@ -979,8 +900,7 @@
flex-direction: column; flex-direction: column;
margin: 0px auto 12px auto; margin: 0px auto 12px auto;
} }
.my-use-view{
.my-use-view {
width: 100%; width: 100%;
margin: 5px auto; margin: 5px auto;
display: flex; display: flex;
@ -988,8 +908,7 @@
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
} }
.my-serve-view{
.my-serve-view {
width: 98%; width: 98%;
margin: 10px auto; margin: 10px auto;
display: flex; display: flex;
@ -997,48 +916,41 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.my-use-list{
.my-use-list {
width: 25%; width: 25%;
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.my-serve-list{
.my-serve-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.my-serve-list image{
.my-serve-list image {
width: 76rpx; width: 76rpx;
height: 76rpx; height: 76rpx;
} }
.my-serve-list-text{
.my-serve-list-text {
color: #6C6C6C; color: #6C6C6C;
margin-top: 5px; margin-top: 5px;
font-size: 26rpx; font-size: 26rpx;
} }
.my-serve-title, .my-serve-title,.my-use-title{
.my-use-title {
width: 95%; width: 95%;
font-weight: bold; font-weight: bold;
font-size: 30rpx; font-size: 30rpx;
color: #333333; color: #333333;
margin-left: 8px; margin-left: 8px;
margin-top: 5px; margin-top: 5px;
} }
.width{
.width {
width: 94%; width: 94%;
} }
.my-serve{
.my-serve {
height: 626rpx; height: 626rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 21rpx; border-radius: 21rpx;
@ -1047,72 +959,60 @@
flex-direction: column; flex-direction: column;
margin: 0px auto 8px auto; margin: 0px auto 8px auto;
} }
.my-serve,.my-serve{
.my-serve,
.my-serve {
height: 240rpx; height: 240rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 21rpx; border-radius: 21rpx;
padding: 12px 14px; padding: 12px 14px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.my-head-bottom{
.my-head-bottom {
width: 86%; width: 86%;
} }
.my-head-bottom image{
.my-head-bottom image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.my-head-mian-bottom-list image{
.my-head-mian-bottom-list image {
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
} }
.my-head-mian-bottom-list-text{
.my-head-mian-bottom-list-text {
font-size: 26rpx; font-size: 26rpx;
color: #6C6C6C; color: #6C6C6C;
} }
.my-head-mian-bottom-list{
.my-head-mian-bottom-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.my-head-mian-bottom{
.my-head-mian-bottom {
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
padding-bottom: 30rpx; padding-bottom: 30rpx;
margin-top: 30rpx; margin-top:30rpx;
border-top: 1px #F6F6F6 solid; border-top: 1px #F6F6F6 solid;
padding-top: 20rpx; padding-top: 20rpx;
} }
.money-list{
.money-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
font-size: 20rpx; font-size: 20rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.my-head-mian-top-yuE{
.my-head-mian-top-yuE {
font-size: 60rpx; font-size: 60rpx;
color: #111111; color: #111111;
margin-top: 6rpx; margin-top: 6rpx;
font-weight: bold; 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; width: 136rpx;
height: 58rpx; height: 58rpx;
line-height: 58rpx; line-height: 58rpx;
@ -1120,23 +1020,20 @@
border-radius: 60rpx; border-radius: 60rpx;
font-size: 28rpx; font-size: 28rpx;
} }
.my-head-mian-top-view-chong{
.my-head-mian-top-view-chong {
background: linear-gradient(90deg, #1bc8ac, #1bc8ac, #1bc8ac); background: linear-gradient(90deg, #1bc8ac, #1bc8ac, #1bc8ac);
color: #fff; color: #fff;
} }
.my-head-mian-top-view-ming{
.my-head-mian-top-view-ming {
background: #e6f6f3; background: #e6f6f3;
color: #019c88; color: #019c88;
} }
.my-head-mian-top-view-qian{
.my-head-mian-top-view-qian {
width: 100%; width: 100%;
color: #2f9e8d; color: #2f9e8d;
background: linear-gradient(90deg, #edfbfb, #effafc); background: linear-gradient(90deg, #edfbfb, #effafc);
margin: 0 auto; margin: 0 auto;
border-radius: 20rpx 20rpx 0 0; border-radius:20rpx 20rpx 0 0;
height: 76rpx; height: 76rpx;
line-height: 74rpx; line-height: 74rpx;
display: flex; display: flex;
@ -1145,32 +1042,28 @@
padding: 0 20rpx; padding: 0 20rpx;
font-size: 26rpx; font-size: 26rpx;
} }
.view-more{
.view-more { display:inline-block;
display: inline-block; border-top:1px solid;
border-top: 1px solid; border-right:1px solid;
border-right: 1px solid;
width: 15rpx; width: 15rpx;
height: 15rpx; height: 15rpx;
border-color: #019c88; border-color:#019c88;
transform: rotate(45deg); transform:rotate(45deg);
margin-top: 10rpx; margin-top: 10rpx;
} }
.wallet3{
.wallet3 {
width: 38rpx; width: 38rpx;
height: 34rpx; height: 34rpx;
} }
.my-head-mian-top-view{
.my-head-mian-top-view {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-top: 20rpx; margin-top: 20rpx;
justify-content: center; justify-content: center;
} }
.my-head-mian-top{
.my-head-mian-top {
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
@ -1181,8 +1074,7 @@
text-align: center; text-align: center;
justify-content: center; justify-content: center;
} }
.my-head-mian{
.my-head-mian {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -1190,36 +1082,31 @@
background: #FFFFFF; background: #FFFFFF;
border-radius: 21rpx; border-radius: 21rpx;
} }
.my-head-top-id{
.my-head-top-id {
width: 26%; width: 26%;
padding: 3rpx 5rpx 6rpx 22rpx; padding: 3rpx 5rpx 6rpx 22rpx;
text-align: center; text-align: center;
/*ckground-image: url(../../static/vip/membership5.png);*/ /*ckground-image: url(../../static/vip/membership5.png);*/
border-radius: 0 30rpx 30rpx 0; border-radius: 0 30rpx 30rpx 0 ;
color: #fff; color: #fff;
position: relative; position: relative;
} }
.my-head-top-id span:nth-child(1){
.my-head-top-id span:nth-child(1) {
margin-left: 20rpx; margin-left: 20rpx;
font-size: 18rpx; font-size: 18rpx;
} }
.my-head-texa{
.my-head-texa {
font-size: 26rpx; font-size: 26rpx;
color: #555; color: #555;
} }
.my-head-vip{
.my-head-vip {
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
position: absolute; position: absolute;
left: -20rpx; left:-20rpx;
top: -10rpx top:-10rpx
} }
.my-head-top-text{
.my-head-top-text {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@ -1227,28 +1114,23 @@
color: #3a3f4f; color: #3a3f4f;
margin-bottom: 8rpx; margin-bottom: 8rpx;
} }
.my-head-top-text span:nth-child(1){
.my-head-top-text span:nth-child(1) {
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
} }
.my-head-top-text span:nth-child(2){
.my-head-top-text span:nth-child(2) {
font-size: 26rpx; font-size: 26rpx;
} }
.my-head-top-view{
.my-head-top-view {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 82%; width: 82%;
} }
.my-head-top image{
.my-head-top image {
width: 106rpx; width: 106rpx;
height: 106rpx; height: 106rpx;
} }
.my-head-top{
.my-head-top {
width: 100%; width: 100%;
margin: 20px 0px; margin: 20px 0px;
display: flex; display: flex;
@ -1256,15 +1138,13 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.my-head{
.my-head {
width: 100%; width: 100%;
/* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png'); /* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; */ background-size: cover; */
} }
.content { .content {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
@ -1276,29 +1156,23 @@
overflow: auto; overflow: auto;
position: relative; position: relative;
} }
.div-with-background { .div-with-background {
width: 300px; width: 300px; /* 你的容器宽度 */
/* 你的容器宽度 */ height: 200px; /* 你的容器高度 */
height: 200px;
/* 你的容器高度 */
} }
.back-width{
.back-width {
width: 94%; width: 94%;
display: flex; display: flex;
margin: 12px auto; margin: 12px auto;
} }
.money-img{
.money-img {
width: 45rpx; width: 45rpx;
height: 45rpx; height: 45rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
margin-right: 8rpx; margin-right: 8rpx;
} }
.text-xl{
.text-xl {
width: 100rpx; width: 100rpx;
height: 56rpx; height: 56rpx;
font-size: 26rpx; font-size: 26rpx;
@ -1308,4 +1182,4 @@
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
</style> </style>