This commit is contained in:
parent
377203fea9
commit
ed854ff6b9
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name" : "盛安到家",
|
||||
"appid" : "__UNI__807ED4C",
|
||||
"appid" : "__UNI__0A81F4F",
|
||||
"description" : "",
|
||||
"versionName" : "1.0.1",
|
||||
"versionCode" : 101,
|
||||
|
|
12
pages.json
12
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": {
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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>
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue