我是代理商

This commit is contained in:
Mr.jiang 2024-08-26 16:25:30 +08:00
parent ea253e3732
commit 5d2d9668cc
8 changed files with 1314 additions and 269 deletions

View File

@ -86,6 +86,28 @@
} }
} }
}, },
{
"path": "pages/my/joinUs/myJoinUs",
"style": {
"navigationBarTitleText": "我是代理商",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"app-plus": {
"titleNView": false
}
}
},
{
"path": "pages/my/joinUs/index",
"style": {
"navigationBarTitleText": "招商加盟",
"enablePullDownRefresh": false,
"navigationStyle": "custom",
"app-plus": {
"titleNView": false
}
}
},
{ {
"path": "pages/my/channelMerchants/myMerchants", "path": "pages/my/channelMerchants/myMerchants",
"style": { "style": {

View File

@ -976,16 +976,17 @@
color: #fff; color: #fff;
} }
.detail-btn { .detail-btn {
width:95%; display: flex;
height: 90rpx; width: 92%;
line-height: 90rpx;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
border-radius: 46rpx; height: 40px;
margin: 0 auto; border-radius: 28px;
text-align: center; color: #ffffff;
font-weight: 400; margin-top: 4px;
font-size: 36rpx; font-size: 17px;
color: #FFFFFF; padding-top: 2px;
justify-content: center;
align-items: center;
} }
.detail-foot-mian-txet span:nth-child(1){ .detail-foot-mian-txet span:nth-child(1){
color: #777777; color: #777777;

View File

@ -108,11 +108,6 @@
</view> </view>
<view class="detail-foot-mian"> <view class="detail-foot-mian">
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image> <image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image>
<!-- <view class="lab-view">
<view class="detail-foot-mian-txet" v-for="item in labels" :key="item">
<span class="detail-foot-mian-txetList">{{item}}</span>
</view>
</view> -->
</view> </view>
</view> </view>
<view class="detail-btn" v-if="dataList.name=='my'&&dataList.status=='0'" @click="goumai(getList)"> <view class="detail-btn" v-if="dataList.name=='my'&&dataList.status=='0'" @click="goumai(getList)">
@ -256,7 +251,7 @@
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
font-weight: 400; font-weight: 400;
font-size: 36rpx; font-size: 17px;
color: #FFFFFF; color: #FFFFFF;
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
@ -471,6 +466,7 @@
font-weight: 400; font-weight: 400;
font-size: 11px; font-size: 11px;
color: #029c88; color: #029c88;
word-break: keep-all;
} }
.header-bottom-foot-view2-img1{ .header-bottom-foot-view2-img1{
width: 35rpx; width: 35rpx;

View File

@ -983,16 +983,17 @@
color: #fff; color: #fff;
} }
.detail-btn { .detail-btn {
display: inline-block; display: flex;
width: 92%; width: 92%;
text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
height: 40px; height: 40px;
border-radius: 28px; border-radius: 28px;
color: #ffffff; color: #ffffff;
line-height: 40px;
margin-top: 4px; margin-top: 4px;
font-size: 34rpx; font-size: 17px;
padding-top: 2px;
justify-content: center;
align-items: center;
} }
.detail-foot-mian-txet span:nth-child(1){ .detail-foot-mian-txet span:nth-child(1){
color: #777777; color: #777777;

View File

@ -185,6 +185,14 @@
<image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image> <image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image>
<span class="my-use-list-text">我是渠道商</span> <span class="my-use-list-text">我是渠道商</span>
</view> --> </view> -->
<view class="my-use-list" @click="useToUrl('/pages/my/joinUs/index')">
<image style="padding: 3rpx;" src="../../static/my-gong-11.png" mode=""></image>
<span class="my-use-list-text">招商加盟</span>
</view>
<view class="my-use-list" @click="useToUrl('/pages/my/joinUs/myJoinUs')">
<image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image>
<span class="my-use-list-text">我是代理商</span>
</view>
<view class="my-use-list" @click="useToUrl('/pages/my/myteam')"> <view class="my-use-list" @click="useToUrl('/pages/my/myteam')">
<image style="padding: 3rpx;" src="../../static/my-gong-9.png" mode=""></image> <image style="padding: 3rpx;" src="../../static/my-gong-9.png" mode=""></image>
<span class="my-use-list-text">我的团队</span> <span class="my-use-list-text">我的团队</span>

475
pages/my/joinUs/index.vue Normal file
View File

@ -0,0 +1,475 @@
<template>
<view class="hehuo_view">
<view class="advantage-title">
<image style="width: 35rpx; height: 35rpx; margin-right:10rpx; margin-top: 5rpx;" src="../../../static/technician.png"></image>招商加盟</view>
<view class="advantage-bor" style="margin-right: 10rpx;"></view>
<view class="text_view">
<view class="item_view">
<view class="item_title">姓名</view>
<u-input type="text" v-model="userName" placeholder="请输入姓名" />
<view class="xian"></view>
</view>
<view class="item_view">
<view class="item_title">联系电话</view>
<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
<view class="xian"></view>
</view>
<view class="item_view">
<view class="item_title">联系电话</view>
<u-input type="number" v-model="phone" maxlength="11" placeholder="请输入联系电话" />
<view class="xian"></view>
</view>
<view class="item_view" v-if="applyContent">
<uni-forms ref="baseForm" :disabled="true">
<uni-forms-item label="申请加入的区域" :disabled="true">
<picker class="addRess" :disabled="true" range-key="AreaName" mode="multiSelector">
<view class="uni-input">
<text>{{applyContent}}</text>
</view>
</picker>
</uni-forms-item>
</uni-forms>
</view>
<view class="item_view" v-else>
<uni-forms ref="baseForm" >
<uni-forms-item label="申请加入的区域">
<picker class="addRess" @change="bindPickerChange" @columnchange="pluginclass" :value="pickVal" :range="cityArr"
range-key="AreaName" mode="multiSelector">
<view class="qing" v-if="pickVal2.length==0">请输入您想代理得区域</view>
<view v-else class="uni-input">
<text>{{cityData}}</text>
</view>
</picker>
</uni-forms-item>
</uni-forms>
</view>
</view>
<view class="text_view" style="margin-bottom: 20px;">
<view class="jibie">
<view class="d-title title-font">代理类型</view>
<view class="jibie-list" v-for="(item,index) in jbList" :key="index">
<view class="jibie-title">
<span class="item_title">{{item.title}}</span>
</view>
<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay(item)'>
<label class="tui-radio">
<radio color="#019c88" :checked="openWay === item.id ? true : false" />
</label>
</radio-group>
</view>
</view>
</view>
<view class="push-button">
<view class="que-btn" @tap="pay()">提交申请</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
userName: '',
phone: '',
textareaData:'',
jbList:[
{'title':'省代理','id':1},
{'title':'城市代理','id':2},
{'title':'区县代理','id':3},
],
openWay:'1',
money:'',
oneFee:'',
twoFee:'',
pickVal: [0, 0, 0], //
pickVal2:[], // 线
cityArr: [], //
applyContent: '',
}
},
onLoad() {
this.getChannel();
this.loadProvinces()
},
methods: {
loadProvinces() { //
uni.request({
url: 'http://test-api.tiananhub.com/api/province/GetListProvince',
method: 'get',
success: async (res) => {
let {
data
} = res.data
console.log(data)
this.cityArr[0] = data
this.loadCities(data[0].AreaId)
this.$forceUpdate()
},
fail: async (res) => {}
})
},
//
loadCities(AreaId) {
uni.request({
url: 'http://test-api.tiananhub.com/api/province/GetListCity',
data: {
AreaId
},
method: 'get',
success: async (res) => {
let {
data
} = res.data
this.cityArr[1] = data
this.loadAreas(data[0].AreaId)
this.$forceUpdate()
},
fail: async (res) => {}
})
},
//
loadAreas(AreaId) {
uni.request({
url: 'http://test-api.tiananhub.com/api/province/GetListCity',
data: {
AreaId
},
method: 'get',
success: async (res) => {
let {
data
} = res.data
this.cityArr[2] = data
this.$forceUpdate()
},
fail: async (res) => {}
})
},
//
bindPickerChange(data) {
this.pickVal=data.target.value;
this.pickVal2=data.target.value;
this.cityData=this.cityArr[0][this.pickVal2[0]].AreaName+'-'+this.cityArr[1][this.pickVal2[1]].AreaName+'-'+this.cityArr[2][this.pickVal2[2]].AreaName
},
//
pluginclass(e) {
if (e.detail.column == 0) {
this.loadCities(this.cityArr[0][e.detail.value].AreaId);
}
if (e.detail.column == 1) {
this.loadAreas(this.cityArr[1][e.detail.value].AreaId);
}
},
//
pay() {
let that = this
this.showpay = false;
if (this.userName === '') {
this.$queue.showToast('请输入姓名')
return;
}
if (this.phone === '' || this.phone.length != 11) {
this.$queue.showToast('请输入正确的手机号!')
return;
}
uni.showModal({
title: '付款提示',
content: '是否确定提交申请!',
success: function(re) {
if (re.confirm) {
that.$queue.showLoading('支付中...')
let data = {
level:that.openWay,
money:that.money,
name:that.userName,
phone:that.phone,
remarks:that.textareaData,
type: 2
}
that.$Request.post('/app/wxPay/payFxyMoney', data).then(rea => {
uni.hideLoading();
if (rea.code == 0) {
uni.showToast({
title: '支付成功'
})
that.callPay(rea.data);
} else {
uni.showToast({
title: rea.msg,
icon: 'none'
})
}
});
} else if (re.cancel) {
uni.hideLoading();
console.log('用户点击取消');
}
}
})
},
selectWay: function(item) {
this.openWay = item.id;
this.money=item.money
},
textareaChange(e){//
this.textareaData=e.detail.value
},
getChannel() {
this.$Request.getT('/app/commission/fxy/fxyConfig').then(res => {
if (res.code == 0) {
var data=[]
// for(var i=0;i<this.jbList.length;i++){
// if(this.jbList[i].id==1){
// data.push({
// 'title':'',
// 'money':'',
// 'id':1,
// 'money':res.data.oneFee
// })
// }else{
// data.push({
// 'title':'',
// 'money':'',
// 'id':2,
// 'money':res.data.twoFee
// })
// }
// }
this.openWay=data[0].id;
this.money=data[0].money;
this.jbList=data;
}
});
},
}
}
</script>
<style lang="less" scoped>
@import '../../../static/less/index.less';
@import '../../../static/css/index.css';
.qing{
color: rgb(192, 196, 204);
font-size: 13px;
}
/deep/.uni-forms-item__label{
font-size: 15px;
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
color: #333333;
width: 100% !important;
}
/deep/.is-direction-left{
flex-direction: column !important;
}
.weixin{
margin-left: 5px;
}
.foot-beizhu{
border: 1px dashed #fe912e;
border-radius: 5px;
padding: 7px;
color: #fe912e;
margin-top: 10px;
}
.item_title_money{
font-size: 32rpx;
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
color: #fb672b;
font-weight: bold;
}
.jibie-title-w{
display: flex;
flex-direction: row;
align-items: center;
}
.jibie-title{
display: flex;
flex-direction: row;
align-items: center;
margin-top: 10px;
}
.jibie-list{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.jibie{
width: 100%;
display: flex;
flex-direction: column;
}
/deep/uni-radio .uni-radio-input{
width: 38.86rpx;
height: 38.86rpx;
margin: -1px 2px 0px -8px;
}
.chong-list-radio{
width: 29.86rpx;
height: 29.86rpx;
border-radius: 50%;
}
/deep/.uni-textarea-textarea{
font-weight: 400;
font-size: 26rpx;
}
/deep/.uni-textarea-placeholder{
font-weight: 400;
font-size: 28rpx;
color: rgb(192, 196, 204);
}
.textarea-pay-list{
width: 100%;
height: 120px;
margin-top: 10px;
}
.textarea-pay{
background-color: #f3f3f3;
width: 100%;
height: 100%;
background: #F3F3F3;
border-radius: 14rpx;
padding: 7px;
}
.list-pay{
width: 100%;
}
.title-font{
font-size:30rpx;
color: #333333;
}
.d-title{
font-size: 15px;
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
color: #333333;
}
.header-view{
background-color: #fff;
border-radius: 11px;
}
.header-padd{
padding:30rpx;
}
.header-margin{
margin:20rpx;
}
.push-button{
width: 100%;
height: 48px;
// position: fixed;
// bottom: 0px;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
}
.que-btn{
display: inline-block;
width: 90%;
text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
height: 40px;
border-radius: 28px;
color: #ffffff;
line-height: 40px;
margin-top: 4px;
font-size: 34rpx;
}
.margin-top-view{
width: 150upx;
height: 150upx;
background: #f7f7f7;
}
.advantage-title{
font-size: 32rpx;
font-weight: bold;
margin-top: 60rpx;
margin-left: 35rpx;
}
.advantage-bor{
width: 96px;
height: 6px;
border-radius: 3px;
bottom: 0;
background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
margin-bottom: 80rpx;
margin-left: 35rpx;
}
.hehuo_view {
width: 100%;
padding-top: 10px;
height: 100vh;
background:#f7f7f7 url(../../../static/cooperate/cooperate6.png)no-repeat ;
background-size: 100%;
position: relative;
display: flex;
flex-direction: column;
//align-items: center;
.text_view {
width: 95%;
margin: 0 auto;
background-color: #fff;
border-radius: 10px;
padding: 20px;
margin-top: 20px;
.audit_message {
color: red;
width: 650rpx;
height: 50rpx;
margin-top: 50rpx;
}
.save_btn1 {
width: 650rpx;
height: 88rpx;
background: #FFFFFF;
border-radius: 10rpx;
margin-top: 100rpx;
text-align: center;
line-height: 88rpx;
}
.item_view {
margin-top: 30rpx;
.item_title {
font-size: 32rpx;
font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
color: #333333;
}
input {
margin-top: 20rpx;
height: 40rpx;
font-size: 24rpx;
font-family: PingFang SC Regular, PingFang SC Regular-Regular;
font-weight: 400;
color: #333333;
}
.xian {
width: 100%;
border-bottom: 1rpx solid #f7f7f7;
margin-top: 10rpx;
}
}
}
}
</style>

View File

@ -0,0 +1,460 @@
<template>
<view class="content">
<view class="content-top">
<view class="bgimg">
<view class="bgimg-top">
<view class="bgimg-top-tou">
<u-avatar :src="avatar" size="120" style=" border: 2px solid #F2F2F2;"></u-avatar>
</view>
<view class="bgimg-top-view">
<view class="bgimg-top-money">
<span>{{listData.name}}</span>
<!-- <span>平台</span>
<span style="color: #fff;">当前身份一级分销员</span> -->
</view>
</view>
</view>
<view class="mian">
<view class="mian-title" style="position: relative;">
<view class="mian-title-top">
<span class="money">{{listData.withdrawableAmount}}</span>
<span class="list-title">可提现()</span>
</view>
<view class="mian-title-top">
<view class="detail-btn" @click="goNav('/pages/my/applyBroker/withdrawal')">
我要提现</view>
</view>
<!-- <image class="bangzhu" src="../../../static/bangzhu.png" mode=""></image> -->
</view>
<view class="mian-list">
<view class="list-view">
<view class="money">{{listData.income}}</view>
<view class="list-title">总金额(不含手续费)</view>
</view>
<view class="list-view">
<view class="money">{{listData.notCredited}}</view>
<view class="list-title">未入账()</view>
</view>
</view>
</view>
</view>
<view class="mian-bottom">
<view class="mian-bottom-list" @click="goNav('/pages/my/applyBroker/mymoneydetail')">
<image class="mian-bottom-img" src="../../../static/my-gong-17.png" mode=""></image>
<span>我的收益</span>
</view>
<view class="mian-bottom-list" @click="goNav('/pages/my/applyBroker/myInvitation')">
<image class="mian-bottom-img" src="../../../static/my-gong-19.png" mode=""></image>
<span>我的邀请</span>
</view>
<view class="mian-bottom-list" @click="goNav('/pages/my/applyBroker/withdrawalRecord')">
<image class="mian-bottom-img" src="../../../static/my-gong-20.png" mode=""></image>
<span>提现记录</span>
</view>
</view>
<view class="mian-foot">
<view class="mian-foot-top">
<view class="mian-foot-top-list">
<span class="list-title">今日成交订单</span>
<span class="money">{{listData.curOrdersCount}}</span>
</view>
<view class="mian-foot-top-list">
<span class="list-title">累计成交订单</span>
<span class="money">{{listData.ordersCount}}</span>
</view>
</view>
<view class="mian-foot-top" style="margin-top: 10px;">
<view class="mian-foot-top-list">
<span class="list-title">今日新增技师</span>
<span class="money">{{listData.curArtificerCount}}</span>
</view>
<view class="mian-foot-top-list">
<span class="list-title">累计入驻技师</span>
<span class="money">{{listData.artificerCount}}</span>
</view>
</view>
</view>
<view class="foot-img-list" @click="showModal">
<image class="foot-img" src="../../../static/suggest-banner.png" mode=""></image>
</view>
<tki-qrcode ref="qrcode" :val="url" :size="200" background="#fff" foreground="#000" pdground="#000"
:onval="true" :loadMake="true" @result="qrR" :show="false"></tki-qrcode>
<view class="cu-modal" :class="modalName == 'Image' ? 'show' : ''" @tap="hideModal">
<view class="cu-dialog" v-if="backgroundImage && erweimapath && haibaoShow" @tap="hideModal">
<view class="bg-img">
<wm-poster @success="posterSuccess" :imgSrc="backgroundImage" :Referrer="'我的邀请码:'+invitationCode"
:QrSrc="erweimapath" :Title="tuiguang" :LineType="false"></wm-poster>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue';
import wmPoster from '@/components/wm-poster/wm-posterorders.vue';
export default {
components: {
wmPoster,
tkiQrcode
},
data() {
return {
url: '',
avatar: '',
listData:[],
haibaoImg: null,
haibaoShow: false,
modalName: '',
backgroundImage:'',
invitationCode: '',
erweimapath: '',
tuiguang: '',
}
},
onLoad() {
this.avatar = uni.getStorageSync('avatar')
this.getData();
this.getBackImageList();
this.getUserInfo();
this.$Request.getT('/app/common/type/116').then(res => {
if (res.code === 0) {
if (res.data && res.data.value) {
this.tuiguang = res.data.value;
this.tuiguang1 = res.data.value;
}
}
});
//APP
this.$Request.getT('/app/common/type/136').then(res => {
if (res.code === 0) {
if (res.data && res.data.value) {
this.isShowWxAPPShare = res.data.value;
}
}
});
// #ifndef H5
this.$Request.getT('/app/common/type/25').then(res => {
if (res.code === 0) {
if (res.data && res.data.value) {
this.url = res.data.value;
}
}
});
//#endif
},
onShareAppMessage(res) {
return {
path: '/pages/index/index?invitation=' + this.invitationCode, // onload(data){let id=data.id;}
title: this.tuiguang,
imageUrl: this.bgImg
}
},
methods:{
getUserInfo() {
this.$Request.get("/app/user/selectUserById").then(res => {
if (res.code == 0) {
this.nickName = res.data.userName
this.invitationCode = res.data.invitationCode
this.userImageUrl = res.data.avatar ? res.data.avatar : '../../static/logo.png'
// #ifdef H5
this.$Request.getT('/app/common/type/141').then(res => {
if (res.code === 0) {
if (res.data && res.data.value && res.data.value == '是') {
this.$Request.getT('/app/common/type/25').then(ress => {
if (ress.code === 0) {
if (ress.data && ress.data.value) {
this.url = ress.data.value;
}
}
});
} else {
this.url = this.$queue.publicYuMingApp() + '/?invitation=' + this
.invitationCode+"&flag=3";
}
}
});
//#endif
}
});
},
getBackImageList() {
this.$Request.get("/app/commission/jjr/poster").then(res => {
uni.hideLoading();
if (res.code == 0) {
this.backgroundImage = res.data.artificerImage;
}
console.log("res.data--->", this.backgroundImage);
});
// this.make();
},
make() {
uQRCode.make({
canvasId: 'default_PosterCanvasId',
componentInstance: this,
text: this.url,
size: 68,
margin: 4,
backgroundColor: '#ffffff',
foregroundColor: '#000000',
fileType: 'jpg',
correctLevel: uQRCode.errorCorrectLevel.H,
success: res => {
console.log(res)
}
})
},
hideModal() {
this.modalName = null;
},
qrR(path) {
this.erweimapath = path;
},
posterSuccess(haibaoImg) {
this.haibaoImg = haibaoImg;
this.modalName = 'Image';
},
showModal() {
if (!this.haibaoImg) {
this.haibaoShow = true;
this.$queue.showLoading('海报生成中...');
} else {
this.modalName = 'Image';
}
},
goNav(link){
uni.navigateTo({
url:link+'?navName='+'经纪人'
})
},
getData(){
this.$Request.get("/app/commission/jjr/myJjr").then(res => {
console.log("res.data--->", res.data);
if (res.code == 0) {
this.listData=res.data
}
});
}
}
}
</script>
<style scoped>
.mian-foot-top-list span:nth-child(1){
margin-bottom: 5px;
}
.mian-foot-top-list{
display: flex;
flex-direction: column;
}
.mian-foot-top{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.mian-foot{
width: 93%;
margin: 0 auto;
background-color: #fff;
border-radius: 10px;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 20px;
}
.bangzhu{
width: 15px;
height: 15px;
position: absolute;
right: 0;
margin-right: -20px;
top: 0;
margin-top: -10px;
}
.mian-title-top{
display: flex;
flex-direction: column;
align-items: center;
}
.foot-img-list{
width: 92%;
margin: 0 auto;
}
.foot-img image{
width:100%;
height: 100%;
}
.foot-img{
width: 100%;
height:180rpx;
margin: 0 auto;
margin-top:20rpx;
}
.mian-bottom-list span{
color: #333;
font-size: 14px;
font-weight: bold;
margin-top: 5px;
}
.mian-bottom-list{
width:30%;
display: flex;
flex-direction: column;
align-items: center;
}
.mian-bottom-img{
height: 40px;
width: 40px;
flex: 0 0 40px;
background-color: transparent;
border-radius: 500px;
}
.mian-bottom{
width: 93%;
margin: 0 auto;
background-color: #fff;
border-radius: 10px;
padding: 10px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 155px;
}
.mian-top-title{
color: #333;
font-size: 16px;
font-weight: bold;
}
.money{
color: #333;
font-size: 15px;
font-weight: bold;
}
.list-title{
margin-top: 5px;
font-size: 12px;
color: #B8B8B8;
font-weight: 400;
}
.list-view{
width:30%;
display: flex;
flex-direction: column;
align-items: center;
}
.mian-list{
width:100%;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 20px;
}
.mian-title{
width:100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}
.mian{
width: 100%;
margin: 0 auto;
background-color: #fff;
border-radius: 10px;
padding: 15px 26px;
display: flex;
flex-direction: column;
margin-top: 15px;
}
.detail-btn{
display: inline-block;
width: 100px;
text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
height: 40px;
border-radius: 28px;
color: #ffffff;
line-height: 40px;
margin: 0 auto;
margin-top: 4px;
font-size: 34rpx;
}
.content-top{
width: 100%;
height: 100%;
}
.content{
width: 100%;
height: 100vh;
padding-bottom: 10rpx;
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;
}
page {
background-color: #F7F7F7;
}
.bgimg-top-money span:nth-child(1){
font-weight: bold;
font-size: 43rpx;
color: #FFFFFF;
}
.bgimg-top-money span:nth-child(2){
font-weight: 400;
font-size: 25rpx;
color: #FFFFFF;
margin-top:4px;
}
.bgimg-top-money{
display: flex;
flex-direction: column;
margin-left: 10px;
}
.bgimg-top-view{
width: 80%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.bgimg-top{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 15rpx;
}
.bgimg {
background: url(../../../static/wallet/reduce.png);
background-size: cover;
width: 100%;
height: 150px;
position: relative;
margin: 0px auto 10px auto;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 15px;
}
.mingxi{
width: 140rpx;
height: 42rpx;
line-height: 42rpx;
text-align: center;
background: #F5F7FB;
border-radius: 21rpx;
font-weight: bold;
font-size: 22rpx;
color: #333333;
}
</style>

View File

@ -58,15 +58,18 @@
<view class="header-bottom-foot-cont"> <view class="header-bottom-foot-cont">
<!-- <view class="header-fubz">保障</view> --> <!-- <view class="header-fubz">保障</view> -->
<view class="header-bottom-foot-view"> <view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image> <image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png"
mode=""></image>
<span>未服务全额退款</span> <span>未服务全额退款</span>
</view> </view>
<view class="header-bottom-foot-view" style="margin: 0px 7px;width: 26%;"> <view class="header-bottom-foot-view" style="margin: 0px 7px;width: 26%;">
<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image> <image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png"
mode=""></image>
<span>不满意重做</span> <span>不满意重做</span>
</view> </view>
<view class="header-bottom-foot-view"> <view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image> <image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png"
mode=""></image>
<span>最快30分钟上门</span> <span>最快30分钟上门</span>
</view> </view>
</view> </view>
@ -83,7 +86,9 @@
<view class="detail-foot-list-top"> <view class="detail-foot-list-top">
<span style="margin-right: 5px;">{{item.title}}</span> <span style="margin-right: 5px;">{{item.title}}</span>
<!-- <span style="margin-left: 5px;">{{mainData.levelName}}</span> --> <!-- <span style="margin-left: 5px;">{{mainData.levelName}}</span> -->
<image style="width:80rpx; height:30rpx;" :src="mainData.level=='3'?'../../static/vip/grade1.gif':mainData.level=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image> <image style="width:80rpx; height:30rpx;"
:src="mainData.level=='3'?'../../static/vip/grade1.gif':mainData.level=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'"
mode=""></image>
</view> </view>
<view class="detail-view" style="position: relative;"> <view class="detail-view" style="position: relative;">
<image class="detail-view-img" :src="item.massageImg" mode=""></image> <image class="detail-view-img" :src="item.massageImg" mode=""></image>
@ -100,7 +105,8 @@
</view> </view>
</view> </view>
<view v-if="serviData.name!='index'"> <view v-if="serviData.name!='index'">
<view class="service-more" @click.stop="xiangqing(item)">{{item.status=='1'?'订单':'预约'}}</view> <view class="service-more" @click.stop="xiangqing(item)">
{{item.status=='1'?'订单':'预约'}}</view>
</view> </view>
</view> </view>
<view style="color: #019c88; font-size: 26rpx;">服务时长:{{item.duration}}分钟</view> <view style="color: #019c88; font-size: 26rpx;">服务时长:{{item.duration}}分钟</view>
@ -125,7 +131,8 @@
<span class="detail-foot-nav-bor"></span> <span class="detail-foot-nav-bor"></span>
</view> </view>
<view class="detail-foot-mian detail-pad"> <view class="detail-foot-mian detail-pad">
<image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item" mode="widthFix"></image> <image class="detail-foot-mian-img" v-for="(item,index) in contentImg" :key="index" :src="item"
mode="widthFix"></image>
<!-- <view class="lab-view"> <!-- <view class="lab-view">
<view class="detail-foot-mian-txet" v-for="item in labels" :key="item"> <view class="detail-foot-mian-txet" v-for="item in labels" :key="item">
<span class="detail-foot-mian-txetList">{{item}}</span> <span class="detail-foot-mian-txetList">{{item}}</span>
@ -142,7 +149,8 @@
<u-popup v-model="showpay" mode="bottom" :closeable="closeable"> <u-popup v-model="showpay" mode="bottom" :closeable="closeable">
<view class="popup_pay"> <view class="popup_pay">
<view style="background-color: #fff;"> <view style="background-color: #fff;">
<view style="padding: 0 20upx;margin-top: 60rpx;margin-bottom: 20rpx;display: flex;flex-direction: column;justify-content: center;"> <view
style="padding: 0 20upx;margin-top: 60rpx;margin-bottom: 20rpx;display: flex;flex-direction: column;justify-content: center;">
<view <view
style="width:92%;display: flex;height: 100upx;align-items: center;padding: 20upx 0;justify-content: center;" style="width:92%;display: flex;height: 100upx;align-items: center;padding: 20upx 0;justify-content: center;"
v-for="(item,index) in openLists" :key='item.id'> v-for="(item,index) in openLists" :key='item.id'>
@ -281,9 +289,10 @@
sumMoney: that.mainData.price, sumMoney: that.mainData.price,
// oldSumMoney: that.mainData.oldPrice*that.detailData.length, // oldSumMoney: that.mainData.oldPrice*that.detailData.length,
// sumMoney: that.mainData.price*that.detailData.length, // sumMoney: that.mainData.price*that.detailData.length,
ordersPackageList:[ ordersPackageList: [{
{packageId: that.mainData.id,num: 1}, packageId: that.mainData.id,
] num: 1
}, ]
} }
that.$Request.postJson("/app/user/package/order/insertOrders", data).then(res => { that.$Request.postJson("/app/user/package/order/insertOrders", data).then(res => {
that.showorder = false that.showorder = false
@ -341,8 +350,7 @@
}) })
} }
}); });
} else if (re.cancel) { } else if (re.cancel) {}
}
} }
}) })
} else if (that.openWay == 2) { // } else if (that.openWay == 2) { //
@ -655,7 +663,8 @@
xiangqing(item) { xiangqing(item) {
if (item.status == '1') { if (item.status == '1') {
uni.navigateTo({ uni.navigateTo({
url:'/pages/my/orderDetailsList?id='+this.mainData.id+'&mainId='+this.mainId+'&name='+'套餐' url: '/pages/my/orderDetailsList?id=' + this.mainData.id + '&mainId=' + this.mainId +
'&name=' + '套餐'
}) })
} else { } else {
uni.navigateTo({ uni.navigateTo({
@ -749,17 +758,20 @@
margin-bottom: 14px; margin-bottom: 14px;
margin-left: 27px; margin-left: 27px;
} }
.detail-view-mina { .detail-view-mina {
width: 74%; width: 74%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
} }
.detail-view-img { .detail-view-img {
width: 74px; width: 74px;
height: 74px; height: 74px;
border-radius: 9px; border-radius: 9px;
} }
.detail-view { .detail-view {
width: 100%; width: 100%;
display: flex; display: flex;
@ -769,15 +781,18 @@
margin-top: 5px; margin-top: 5px;
height: 100px; height: 100px;
} }
/deep/uni-checkbox .uni-checkbox-input { /deep/uni-checkbox .uni-checkbox-input {
width: 26px; width: 26px;
height: 26px; height: 26px;
border-radius: 50%; border-radius: 50%;
} }
.youhui-img { .youhui-img {
width: 111.81rpx; width: 111.81rpx;
height: 111.81rpx; height: 111.81rpx;
} }
.youhui-view-right-btn { .youhui-view-right-btn {
width: 158rpx; width: 158rpx;
height: 64rpx; height: 64rpx;
@ -791,22 +806,26 @@
text-shadow: 0rpx 2rpx 4rpx rgba(0, 119, 104, 0.44); text-shadow: 0rpx 2rpx 4rpx rgba(0, 119, 104, 0.44);
margin-left: 10px; margin-left: 10px;
} }
.youhui-view-right-time { .youhui-view-right-time {
font-weight: 400; font-weight: 400;
font-size: 22rpx; font-size: 22rpx;
color: #999999; color: #999999;
} }
.youhui-view-right-title { .youhui-view-right-title {
width: 105px; width: 105px;
font-weight: 400; font-weight: 400;
font-size: 32rpx; font-size: 32rpx;
color: #333333; color: #333333;
} }
.youhui-view-right-top { .youhui-view-right-top {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.youhui-view-right { .youhui-view-right {
width: 502.08rpx; width: 502.08rpx;
height: 100%; height: 100%;
@ -815,25 +834,30 @@
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
.youhui-view-left-bottom { .youhui-view-left-bottom {
font-weight: 400; font-weight: 400;
font-size: 22rpx; font-size: 22rpx;
color: #FFFFFF; color: #FFFFFF;
} }
.youhui-view-left-yuan { .youhui-view-left-yuan {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: baseline; align-items: baseline;
color: #FFFFFF; color: #FFFFFF;
} }
.youhui-view-left-num { .youhui-view-left-num {
font-weight: bold; font-weight: bold;
font-size: 89rpx; font-size: 89rpx;
} }
.youhui-view-left-text { .youhui-view-left-text {
font-weight: bold; font-weight: bold;
font-size: 24.31rpx; font-size: 24.31rpx;
} }
.youhui-view-left { .youhui-view-left {
width: 199rpx; width: 199rpx;
height: 242rpx; height: 242rpx;
@ -842,12 +866,15 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.youhui-yiyong { .youhui-yiyong {
background-image: url('../../static/youhuijuan/coupons7.png'); background-image: url('../../static/youhuijuan/coupons7.png');
} }
.youhui-weiyong { .youhui-weiyong {
background-image: url('../../static/youhuijuan/coupons1.png'); background-image: url('../../static/youhuijuan/coupons1.png');
} }
.youhui-list { .youhui-list {
width: 95%; width: 95%;
display: flex; display: flex;
@ -858,6 +885,7 @@
margin: 20px auto; margin: 20px auto;
justify-content: space-between; justify-content: space-between;
} }
.popup_pay { .popup_pay {
width: 100%; width: 100%;
position: relative; position: relative;
@ -869,6 +897,7 @@
/* #endif */ /* #endif */
} }
.pay_btn { .pay_btn {
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto;
@ -879,6 +908,7 @@
color: #ffffff; color: #ffffff;
line-height: 80rpx; line-height: 80rpx;
} }
.push-button { .push-button {
width: 100%; width: 100%;
height: 48px; height: 48px;
@ -889,23 +919,26 @@
align-items: center; align-items: center;
margin: 0 auto; margin: 0 auto;
} }
.detail-btn { .detail-btn {
display: inline-block; display: flex;
width: 92%; width: 92%;
text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
height: 40px; height: 40px;
border-radius: 28px; border-radius: 28px;
color: #ffffff; color: #ffffff;
line-height: 40px;
margin-top: 4px; margin-top: 4px;
font-size: 30rpx; font-size: 17px;
padding-top: 2px; padding-top: 2px;
justify-content: center;
align-items: center;
} }
.header-top image { .header-top image {
width: 706.25rpx; width: 706.25rpx;
height: 105.07rpx; height: 105.07rpx;
} }
.header-top { .header-top {
width: 100%; width: 100%;
height: 745.83rpx; height: 745.83rpx;
@ -916,6 +949,7 @@
align-items: flex-end; align-items: flex-end;
justify-content: center; justify-content: center;
} }
.shouc image { .shouc image {
width: 34.03rpx; width: 34.03rpx;
height: 32.64rpx; height: 32.64rpx;
@ -926,6 +960,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.detail-foot-nav-bor { .detail-foot-nav-bor {
width: 64px; width: 64px;
height: 11rpx; height: 11rpx;
@ -934,17 +969,20 @@
bottom: 0; bottom: 0;
background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7)); background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
} }
.detail-foot-nav-text { .detail-foot-nav-text {
font-weight: bold; font-weight: bold;
font-size: 34rpx; font-size: 34rpx;
color: #000000; color: #000000;
} }
.detail-foot-nav { .detail-foot-nav {
width: 90%; width: 90%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
} }
.detail-foot-title { .detail-foot-title {
width: 100px; width: 100px;
height: 24px; height: 24px;
@ -960,12 +998,14 @@
right: 0; right: 0;
top: 0; top: 0;
} }
.detail-foot-list-top { .detail-foot-list-top {
width: 95%; width: 95%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.detail-foot-list { .detail-foot-list {
width: 95%; width: 95%;
border-radius: 21rpx; border-radius: 21rpx;
@ -976,6 +1016,7 @@
flex-direction: column; flex-direction: column;
background-color: #fff; background-color: #fff;
} }
.detail-foot { .detail-foot {
width: 100%; width: 100%;
display: flex; display: flex;
@ -989,24 +1030,29 @@
font-size: 24rpx; font-size: 24rpx;
color: #666; color: #666;
} }
.tese span:nth-child(2) { .tese span:nth-child(2) {
font-size: 24rpx; font-size: 24rpx;
color: #8D9194; color: #8D9194;
} }
.tese { .tese {
width: 100%; width: 100%;
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;
margin-top: 4rpx; margin-top: 4rpx;
} }
.detail-foot-list-top span:nth-child(1) { .detail-foot-list-top span:nth-child(1) {
font-weight: bold; font-weight: bold;
font-size: 31rpx; font-size: 31rpx;
color: #333333; color: #333333;
} }
.detail-foot-list-top span:nth-child(2) { .detail-foot-list-top span:nth-child(2) {
/* width: 76rpx; /* width: 76rpx;
height: 33rpx; height: 33rpx;
@ -1025,6 +1071,7 @@
background-color: #f1f8d7; background-color: #f1f8d7;
color: #58b314; color: #58b314;
} }
.detail-foot-list-top span:nth-child(3) { .detail-foot-list-top span:nth-child(3) {
font-size: 30rpx; font-size: 30rpx;
color: #029d88; color: #029d88;
@ -1039,33 +1086,40 @@
margin-top: 8px; margin-top: 8px;
margin-bottom: 100px; margin-bottom: 100px;
} }
.jianjie-contnet { .jianjie-contnet {
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #8D9194; color: #8D9194;
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;
} }
.jianjie { .jianjie {
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #8D9194; color: #8D9194;
} }
.jianjie-more { .jianjie-more {
color: #029d88; color: #029d88;
font-size: 24rpx; font-size: 24rpx;
} }
.header-bottom-mian { .header-bottom-mian {
margin: 3px 0px; margin: 3px 0px;
} }
.header-bottom-mian-title { .header-bottom-mian-title {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.header-bottom-mian-title span { .header-bottom-mian-title span {
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 28rpx;
@ -1073,16 +1127,19 @@
margin-left: 5px; margin-left: 5px;
padding: 10rpx 0; padding: 10rpx 0;
} }
.header-bottom-mian-title image { .header-bottom-mian-title image {
width: 30.56rpx; width: 30.56rpx;
height: 29.86rpx; height: 29.86rpx;
} }
.header-bottom-foot-title { .header-bottom-foot-title {
width: 65px; width: 65px;
height: 17px; height: 17px;
margin-right: 8rpx; margin-right: 8rpx;
margin-top: 4rpx; margin-top: 4rpx;
} }
.header-bottom-money-jia { .header-bottom-money-jia {
font-size: 28rpx; font-size: 28rpx;
color: #848484; color: #848484;
@ -1090,30 +1147,36 @@
text-decoration-line: line-through; text-decoration-line: line-through;
margin-left: 5px; margin-left: 5px;
} }
.header-bottom-money-zhen span { .header-bottom-money-zhen span {
color: #FF1200; color: #FF1200;
} }
.header-bottom-money-zhen span:nth-child(1) { .header-bottom-money-zhen span:nth-child(1) {
font-weight: 400; font-weight: 400;
font-size: 26rpx; font-size: 26rpx;
color: #FF6000; color: #FF6000;
} }
.header-bottom-money-zhen span:nth-child(2) { .header-bottom-money-zhen span:nth-child(2) {
font-size: 38rpx; font-size: 38rpx;
font-weight: bold; font-weight: bold;
color: #FF6000; color: #FF6000;
line-height: 32rpx; line-height: 32rpx;
} }
.header-bottom-money-zhen span:nth-child(3) { .header-bottom-money-zhen span:nth-child(3) {
font-size: 26rpx; font-size: 26rpx;
color: #FF6000; color: #FF6000;
} }
.header-bottom-money-zhen { .header-bottom-money-zhen {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
/*align-items: baseline;*/ /*align-items: baseline;*/
align-items: center; align-items: center;
} }
.header-bottom-money-view { .header-bottom-money-view {
width: 100%; width: 100%;
display: flex; display: flex;
@ -1121,28 +1184,34 @@
justify-content: space-between; justify-content: space-between;
margin-top: 8px; margin-top: 8px;
} }
.header-bottom-money { .header-bottom-money {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.header-bottom-title-num span { .header-bottom-title-num span {
font-size: 28rpx; font-size: 28rpx;
} }
.header-bottom-title-num span:nth-child(1) { .header-bottom-title-num span:nth-child(1) {
font-weight: bold; font-weight: bold;
color: #08A28A; color: #08A28A;
} }
.header-bottom-title-num span:nth-child(2) { .header-bottom-title-num span:nth-child(2) {
color: #848485; color: #848485;
margin-left: 5px; margin-left: 5px;
} }
.header-bottom-title-text { .header-bottom-title-text {
font-weight: bold; font-weight: bold;
font-size: 35rpx; font-size: 35rpx;
color: #13141A; color: #13141A;
} }
.header-bottom-title { .header-bottom-title {
width: 100%; width: 100%;
display: flex; display: flex;
@ -1150,11 +1219,13 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.header-bottom-top { .header-bottom-top {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.header-bottom { .header-bottom {
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
@ -1168,6 +1239,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.content { .content {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
@ -1177,6 +1249,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.service-more { .service-more {
width: 50px; width: 50px;
height: 26px; height: 26px;
@ -1189,6 +1262,7 @@
justify-content: fex-end; justify-content: fex-end;
background: #eefffa; background: #eefffa;
} }
.header-bottom-top-list { .header-bottom-top-list {
width: 100%; width: 100%;
display: flex; display: flex;
@ -1196,6 +1270,7 @@
align-items: center; align-items: center;
background-color: rgba(230, 246, 243, 0.6); background-color: rgba(230, 246, 243, 0.6);
} }
.header-bottom-foot { .header-bottom-foot {
width: 100%; width: 100%;
display: flex; display: flex;
@ -1205,6 +1280,7 @@
border-top: 1px solid #f7f7f7; border-top: 1px solid #f7f7f7;
padding: 20rpx 0rpx 0rpx 0rpx; padding: 20rpx 0rpx 0rpx 0rpx;
} }
.header-bottom-foot-cont { .header-bottom-foot-cont {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
@ -1213,21 +1289,26 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.header-bottom-foot-view-img1 { .header-bottom-foot-view-img1 {
width: 30rpx; width: 30rpx;
height: 30rpx; height: 30rpx;
} }
.header-bottom-foot-view-img2 { .header-bottom-foot-view-img2 {
width: 23rpx; width: 23rpx;
height: 23rpx; height: 23rpx;
} }
.header-bottom-foot-view-img3 { .header-bottom-foot-view-img3 {
width: 26rpx; width: 26rpx;
height: 26rpx; height: 26rpx;
} }
.header-bottom-foot-view image { .header-bottom-foot-view image {
margin-right: 1px; margin-right: 1px;
} }
.header-bottom-foot-view { .header-bottom-foot-view {
width: 33%; width: 33%;
display: flex; display: flex;
@ -1240,5 +1321,6 @@
font-weight: 400; font-weight: 400;
font-size: 11px; font-size: 11px;
color: #029c88; color: #029c88;
word-break: keep-all;
} }
</style> </style>