zhangjing/douhuo-rule
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[抖火申请支付]

Browse Source
This commit is contained in:
张慢慢
2023-05-15 13:33:00 +08:00
commit c503bff7d2
294 changed files with 25144 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

951
pages/sheet/index.vue Normal file
View File

@@ -0,0 +1,951 @@
<template>
<view class="content">
<!-- @click="$Router.push({name: 'sheetSpeed'})" -->
<view class="model">
<image class="model-back" src="@/static/imgs/01@3x.png" mode="aspectFill"></image>
<view class="model-list">
<view class="model-label">
<view class="model-number">
{{count.all}}<text>单</text>
</view>
<view class="model-name">
预约咨询
</view>
</view>
<view class="model-label">
<view class="model-number">
{{count.b_complete}}<text>单</text>
</view>
<view class="model-name">
成功办理
</view>
</view>
</view>
</view>
<!-- 筛选 -->
<view class="screen" :class="{active : dropDown == true}">
<view class="screen-lable">
<view class="screen-lable-item" :class="{active : status == ''}" @click="screenClick('')">
<text>全部订单</text>
</view>
<view class="screen-lable-item" :class="{active : status == '0'}" @click="screenClick('0')">
<text>待预约</text>
</view>
<view class="screen-lable-item" :class="{active : status == '2'}" @click="screenClick('2')" v-if="dropDownSee">
<text>已预约</text>
</view>
<block v-else>
<!-- <view v-if="status == '1'" class="screen-lable-item" :class="{active : status == '1'}" @click="screenClick('2')">
<text>待评估</text>
</view> -->
<view v-if="status == '2'" class="screen-lable-item" :class="{active : status == '2'}" @click="screenClick('2')">
<text>已预约</text>
</view>
<view v-else-if="status == '3'" class="screen-lable-item" :class="{active : status == '3'}" @click="screenClick('3')">
<text>待缴服务费</text>
</view>
<view v-else-if="status == '4'" class="screen-lable-item" :class="{active : status == '4'}" @click="screenClick('4')">
<text>待签约</text>
</view>
<view v-else-if="status == '5'" class="screen-lable-item" :class="{active : status == '5'}" @click="screenClick('5')">
<text>待完善资料</text>
</view>
<view v-else-if="status == '6'" class="screen-lable-item" :class="{active : status == '6'}" @click="screenClick('6')">
<text>初审中</text>
</view>
<view v-else-if="status == '7'" class="screen-lable-item" :class="{active : status == '7'}" @click="screenClick('7')">
<text>复审中</text>
</view>
<view v-else-if="status == '8'" class="screen-lable-item" :class="{active : status == '8'}" @click="screenClick('8')">
<text>办理中</text>
</view>
<view v-else-if="status == '9'" class="screen-lable-item" :class="{active : status == '9'}" @click="screenClick('9')">
<text>待确认</text>
</view>
<view v-else-if="status == '10'" class="screen-lable-item" :class="{active : status == '10'}" @click="screenClick('10')">
<text>办理完成</text>
</view>
<view v-else-if="status == '11'" class="screen-lable-item" :class="{active : status == '11'}" @click="refundClick">
<text>退款完成</text>
</view>
</block>
<view class="screen-lable-item" @click="screenDrop">
<text>其他选项</text>
</view>
</view>
<!-- <image class="screen-arrow" src="/static/imgs/basic_down_black.png" mode="aspectFill"></image> -->
<view class="screen-drop" v-if="dropDown">
<view class="screen-list">
<view class="screen-list-item" :class="{active : status == '0'}" @click="screenClick('0')">
<view class="screen-list-img">
<view class="screen-list-number" v-if="ordersCount.a_init > 0">{{ordersCount.a_init}}</view>
<image src="/static/icon/dropDown_01.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
待预约
</view>
</view>
<!-- <view class="screen-list-item" :class="{active : status == '1'}" @click="screenClick('1')">
<view class="screen-list-img">
<view class="screen-list-number" v-if="ordersCount.a_payed > 0">{{ordersCount.a_payed}}</view>
<image src="/static/icon/dropDown_02.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
待评估
</view>
</view> -->
<view class="screen-list-item" :class="{active : status == '2'}" @click="screenClick('2')">
<view class="screen-list-img">
<view class="screen-list-number" v-if="ordersCount.a_service > 0">{{ordersCount.a_service}}</view>
<image src="/static/icon/dropDown_03.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
已预约
</view>
</view>
<view class="screen-list-item" :class="{active : status == '3'}" @click="screenClick('3')">
<view class="screen-list-img">
<view class="screen-list-number" v-if="ordersCount.a_serviced > 0">{{ordersCount.a_serviced}}</view>
<image src="/static/icon/dropDown_04.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
待缴服务费
</view>
</view>
<view class="screen-list-item" :class="{active : status == '4'}" @click="screenClick('4')">
<view class="screen-list-img">
<view class="screen-list-number" v-if="ordersCount.b_sign > 0">{{ordersCount.b_sign}}</view>
<image src="/static/icon/dropDown_06.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
待签约
</view>
</view>
<view class="screen-list-item" :class="{active : status == '5'}" @click="screenClick('5')">
<view class="screen-list-img">
<view class="screen-list-number" v-if="ordersCount.a_bank > 0">{{ordersCount.a_bank}}</view>
<image src="/static/icon/dropDown_10.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
待完善资料
</view>
</view>
<view class="screen-list-item" :class="{active : status == '6'}" @click="screenClick('6')">
<view class="screen-list-img">
<view class="screen-list-number" v-if="ordersCount.b_check > 0">{{ordersCount.b_check}}</view>
<image src="/static/icon/dropDown_05.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
初审中
</view>
</view>
<!-- <view class="screen-list-item" :class="{active : status == '7'}" @click="screenClick('7')">
<image class="screen-list-img" src="/static/icon/dropDown_07.png" mode="aspectFill"></image>
<view class="screen-list-name">
待邮寄资料
</view>
</view> -->
<view class="screen-list-item" :class="{active : status == '7'}" @click="screenClick('7')">
<view class="screen-list-img">
<view class="screen-list-number" v-if="ordersCount.b_recheck > 0">{{ordersCount.b_recheck}}</view>
<image src="/static/icon/dropDown_08.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
复审中
</view>
</view>
<view class="screen-list-item" :class="{active : status == '8'}" @click="screenClick('8')">
<view class="screen-list-img">
<view class="screen-list-number" v-if="ordersCount.b_process > 0">{{ordersCount.b_process}}</view>
<image src="/static/icon/dropDown_09.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
办理中
</view>
</view>
<view class="screen-list-item" :class="{active : status == '9'}" @click="screenClick('9')">
<view class="screen-list-img">
<view class="screen-list-number" v-if="ordersCount.b_confirm > 0">{{ordersCount.b_confirm}}</view>
<image src="/static/icon/dropDown_10.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
待确认
</view>
</view>
<view class="screen-list-item" :class="{active : status == '10'}" @click="screenClick('10')">
<view class="screen-list-img">
<!-- <view class="screen-list-number" v-if="ordersCount.b_complete > 0">{{ordersCount.b_complete}}</view> -->
<image src="/static/icon/dropDown_11.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
办理完成
</view>
</view>
<view class="screen-list-item" :class="{active : status == '11'}" @click="refundClick()">
<view class="screen-list-img">
<view class="screen-list-number" v-if="ordersCount.refund > 0">{{ordersCount.refund}}</view>
<image src="/static/icon/dropDown_07.png" mode="aspectFill"></image>
</view>
<view class="screen-list-name">
退款完成
</view>
</view>
</view>
<view class="screen-btn">
<view class="screen-btn-handle" @click="dropDown = false">
取消
</view>
<!-- <view class="screen-btn-handle screen-btn-go">
确定
</view> -->
</view>
</view>
</view>
<!-- 弹出背景 -->
<view class="screen-back" v-if="dropDown"></view>
<!-- 列表 -->
<view class="reveal">
<block v-if="orderArr.length > 0">
<view class="list" v-for="(item, index) in orderArr" :key="index">
<view class="item borderBottom">
<view class="item-name">
<!-- 订单号 -->
{{item.order_no}}
</view>
<view class="item-status">
<block v-if="status == '11'">
<block v-if="item.refund_status">{{item.refund_status.text}}</block>
</block>
<block v-else>
{{item.status.text}}
</block>
</view>
</view>
<!-- start 待判断 -->
<view class="item">
<view class="item-label">
业务类型
</view>
<view class="item-text" @click="typeState(index)">
<block v-for="(typeItem, index) in item.item_type">
<block v-if="typeItem.number > 0">
<!-- {{typeItem.title}}x{{typeItem.number}} -->
</block>
</block>
<image class="item-text-arrow" src="@/static/imgs/openArrow_grey.png" mode="widthFix"></image>
</view>
</view>
<view class="baleShow" v-if="item.typeShow">
<view class="baleColor">
<view class="baleShow-label" v-for="(businessItem, index) in item.items">
<view class="baleShow-name">
{{businessItem.institution.title}}（{{businessItem.business_type.title}}）
</view>
<view class="baleShow-number">
￥{{businessItem.price}}
</view>
</view>
</view>
</view>
<view class="item" v-if="item.service_count > 0">
<view class="item-label">
服务包
</view>
<view class="item-text">
<view class="item-text-go" @click="$Router.push({name: 'sheetBale', params: {id: item.business_order_id}})">查看</view>
<text>x</text>{{item.service_count}}
</view>
</view>
<view class="item" v-if="item.pay.service_pay">
<view class="item-label">
咨询服务费
</view>
<view class="item-quantity" :class="{ gery : item.pay.service_pay}">
{{item.pay.service_pay ? '已缴' : '未缴'}}
</view>
<view class="item-text">
<text>￥</text>{{item.total}}
</view>
</view>
<view class="item" v-if="item.diff_prices > 0">
<view class="item-label">
补差价
</view>
<view class="item-quantity">
未缴
</view>
<view class="item-text">
<text>￥</text>{{item.diff_prices}}
</view>
</view>
<view class="item" v-if="item.diff_prices_pays > 0">
<view class="item-label">
补差价
</view>
<view class="item-quantity gery">
已缴
</view>
<view class="item-text">
<text>￥</text>{{item.diff_prices_pays}}
</view>
</view>
<!-- 邮寄 -->
<block v-if="item.deliver_count.can">
<view class="item">
<view class="item-label">
邮寄材料
</view>
<block v-if="item.deliver_count">
<view class="item-express" v-if="item.deliver_count.num < item.deliver_count.all" @click="$Router.push({name: 'sheetExpress', params: {id: item.business_order_id, adderss: item.adderss, metarial: item.deliver_count.metarial, mobile: item.deliver_count.mobile}})">
去邮寄({{item.deliver_count.num}}/{{item.deliver_count.all}})
</view>
<view class="item-express active" v-else>
已邮寄({{item.deliver_count.num}}/{{item.deliver_count.all}})
</view>
</block>
</view>
<view class="item" v-if="item.deliver_count.num > 0">
<view class="item-label">
物流信息
</view>
<view class="item-express" v-if="item.deliver_count.num > 0" @click="expressSheet(item.business_order_id)">
去查看
</view>
</view>
</block>
<!-- end 待判断 -->
<view class="item">
<view class="item-label">
下单日期
</view>
<view class="item-text">
{{item.created_at}}
</view>
</view>
<view class="btn">
<view class="btn-user" @click="callPhone(item.manager.username)">
<image class="btn-user-head" :src="item.manager.avatar ? item.manager.avatar : '/static/imgs/default_myHead.png'" mode="aspectFill"></image>
<view class="btn-user-cont">
<view class="btn-user-name">{{item.manager.nickname}}</view>
<view class="btn-user-tips">业务咨询</view>
</view>
</view>
<view class="btn-lable">
<view class="btn-lable-go" @click="$Router.push({name: 'sheetSpeed', params: {id: item.business_order_id}})">
查看进度
</view>
<view v-if="item.status.value == 2" @click="$Router.push({name: 'sheetEstimate', params: {id: item.business_order_id}})"></view>
<view class="btn-lable-go" v-else-if="item.status.value == 3" @click="$Router.push({name: 'sheetPayment', params: {id: item.business_order_id, price: item.total, style: 'daijiao'}})">
去缴费
</view>
<view class="btn-lable-go" v-else-if="item.status.value == 4" @click="contractClick(item.business_order_id)">
去签约
</view>
<view class="btn-lable-go" v-else-if="item.status.value == 5" @click="$Router.push({name: 'sheetSpeed', params: {id: item.business_order_id}})">
去完善
</view>
<block v-else-if="item.status.value == 6 || item.status.value == 8">
<view class="btn-lable-go" v-if="item.can.diff" @click="$Router.push({name: 'sheetPayment', params: {id: item.diff.business_order_diff_price_id, price: item.diff.price, remark: item.diff.remark, style: 'chajia'}})">
补差价
</view>
<block v-else>
<view class="btn-lable-go" v-if="item.status.value == 8" @click="$Router.push({name: 'sheetHandle', params: {id: item.business_order_id}})">
查看记录
</view>
<view class="btn-lable-go active" v-else>{{item.status.text}}</view>
</block>
</block>
<view class="btn-lable-go active" v-else-if="item.status.value == 7 || item.status.value == 10">
{{item.status.text}}
</view>
<block v-else-if="item.status.value == 9">
<view class="btn-lable-go" v-if="item.can.confirm" @click="$Router.push({name: 'OrderModify', params: {id: item.business_order_id}})">
去确认
</view>
</block>
<!-- <view class="btn-lable-go" v-else-if="item.status.value == 8" @click="$Router.push({name: 'sheetHandle'})">
{{item.status.text}}
</view> -->
<view v-else class="btn-lable-go" @click="$Router.push({name: 'sheetSpeed', params: {id: item.business_order_id}})">
{{item.status.text}}
</view>
</view>
</view>
</view>
<view class="pagesLoding" v-if="lodingStats">
<block v-if="page.has_more">
<image class="pagesLodingIcon" src="/static/icons/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block v-else>
没有更多了~
</block>
</view>
</block>
<view class="reveal-no pages-hint" v-else>
<image src="/static/imgs/Noevaluate.png"></image>
<view>暂无订单</view>
</view>
</view>
</view>
</template>
<script>
import { myOrders, contractGo, userIndex, expressList, myRefund } from '@/apis/interfaces/user'
export default {
data() {
return {
count : '', // 订单数量
dropDown : false, // 订单下拉
status : '', // 订单状态 0 待预约 1 待评估 2待匹配服务包 3 待缴服务费 4 待完善资料 5 待初审
orderArr : [], // 订单列表
baleState : false, // 展开收起
page : {}, // 分页信息
lodingStats : false, // 加载状态
dropDownSee : '0',
ordersCount : '', // 数字
}
},
onShow() {
// 获取用户信息
this.userInfo();
if(this.status == '11') {
// 退款列表
this.refundClick()
} else {
// 获取基础信息
this.orderInfo();
}
},
methods: {
// 用户信息
userInfo() {
userIndex().then(res => {
this.ordersCount = res.business_orders_count
}).catch(err => {
uni.showToast({
title: err.message,
icon: "none"
})
})
},
// 基础信息
orderInfo(page) {
myOrders({
status: this.status || null,
page : page || 1
}).then(res => {
let esArr = res.lists.data
esArr.forEach((item, index) => {
item.typeShow = false
})
let list = this.orderArr,
newData = []
if(page == 1 || page == undefined) list = []
newData = list.concat(esArr)
this.orderArr = newData
this.page = res.lists.page
this.count = res.count
this.lodingStats = false
uni.stopPullDownRefresh()
}).catch( err => {
uni.showToast({
title: err.message,
icon: "none"
})
})
},
//tab更改
screenClick(e) {
this.status = e
this.dropDown = false
// 获取基础信息
this.orderInfo();
if(e == 0) {
this.dropDownSee = '0'
return
}
this.dropDownSee = ''
},
//退款成功
refundClick(page) {
this.dropDown = false
this.status = '11'
if(this.status == 0) {
this.dropDownSee = '0'
return
}
this.dropDownSee = ''
myRefund({
page : page || 1
}).then(res => {
let esArr = res.data
esArr.forEach((item, index) => {
item.typeShow = false
})
let list = this.orderArr,
newData = []
if(page == 1 || page == undefined) list = []
newData = list.concat(esArr)
this.orderArr = newData
this.page = res.page
// this.count = res.count
this.lodingStats = false
uni.stopPullDownRefresh()
}).catch( err => {
uni.showToast({
title: err.message,
icon: "none"
})
})
},
//查看更多
screenDrop() {
this.dropDown = true
},
// 列表展开
typeState(index) {
var listData = this.orderArr
var helpFlag = this.orderArr[index].typeShow
listData.forEach((item) => {
item.typeShow = false
})
listData[index].typeShow = !helpFlag
this.orderArr = listData
},
// 拨打电话
callPhone(e) {
uni.makePhoneCall({
phoneNumber: e
})
},
// 去签约
contractClick(id) {
contractGo(id, {
// redirect_url: "https://web.douhuofalv.com/user/index",
// redirect_url: "https://web.douhuotest.douhuofalv.com/user/index",
redirect_url: "https://rule.douhuofalv.com/user/index",
app_scheme : ''
}).then(res => {
// let faceUrl = encodeURIComponent(res.sign_url)
window.location.href= res.sign_url
// uni.navigateTo({
// url: '/webview/webview?faceUrl=' + faceUrl
// });
}).catch(err => {
uni.showToast({
title: err.message,
icon: "none"
})
})
},
// 获取邮寄列表弹出
expressSheet(id) {
expressList(id).then(res => {
let nameArr = []
nameArr = res.map(val => {
return val.type
})
uni.showActionSheet({
itemList: nameArr,
success: sheetRes => {
this.$Router.push({name: 'sheetLogistic', params: {express: res[sheetRes.tapIndex].business_order_express_id}})
},
fail: sheetFail => {}
})
}).catch(err => {
uni.showToast({
title: err.message,
icon: "none"
})
})
},
// 页面相关事件处理函数--监听用户下拉动作
onPullDownRefresh() {
// 获取基础信息
this.orderInfo();
},
// 上拉加载
onReachBottom(){
this.lodingStats = true
let pageNumber = this.page.current
if(this.page.has_more){
pageNumber++
// 获取基础信息
this.orderInfo(pageNumber);
}
}
}
}
</script>
<style lang="scss">
.content{
background: #f4f4f4;
// height: calc(100vh - 44px);
overflow: hidden;
overflow-y: scroll;
}
.model {
position: fixed;
width: 100%;
z-index: 99;
height: 280rpx;
.model-back,
.model-list {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.model-back {
height: 100%;
}
.model-list {
z-index: 1;
display: flex;
padding-top: $padding * 3;
color: #ffffff;
.model-label {
flex: 2;
text-align: center;
.model-number {
font-size: $title-size + 18;
text {
font-size: $title-size-m;
padding-left: 5rpx;
}
}
.model-name {
opacity: .9;
font-size: $title-size-lg;
margin-top: 10rpx;
}
}
}
}
// 弹出背景
.screen-back {
position: fixed;
background-color: rgba(0, 0, 0, .5);
width: 100%;
height: 100vh;
top: 0;
left: 0;
z-index: 99;
}
.screen {
width: 100%;
display: flex;
height: 100rpx;
transition: .2s;
z-index: 99;
top: 188px;
left: 0;
position: fixed;
background: #f4f4f4;
padding: 20rpx 0;
box-sizing: border-box;
&.active {
background-color: #ffffff;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.screen-drop {
border-top: 2rpx solid #f7f7f7;
position: absolute;
top: 100rpx;
left: 0;
width: 100%;
z-index: 99;
background-color: #ffffff;
box-sizing: border-box;
border-radius: 0 0 $radius $radius;
overflow: hidden;
.screen-list {
padding: $padding 0 $padding - 20;
overflow: hidden;
.screen-list-item {
width: 25%;
float: left;
text-align: center;
font-size: $title-size-sm;
color: #111111;
margin-bottom: $margin;
.screen-list-img {
position: relative;
image {
width: 44rpx;
height: 44rpx;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.screen-list-number {
position: absolute;
top: -10rpx;
right: 25%;
background-color: $mian-color;
border-radius: $radius;
color: #ffffff;
padding: 0 10rpx;
font-size: $title-size-sm - 2;
}
}
&.active {
color: $mian-color;
}
&.active .screen-list-img image {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
}
.screen-btn {
display: flex;
.screen-btn-handle {
flex: 2;
text-align: center;
line-height: 90rpx;
background-color: #FBE7EE;
color: $mian-color;
&.screen-btn-go {
background-color: $mian-color;
color: #ffffff;
}
}
}
}
.screen-lable {
display: flex;
width: 100%;
.screen-lable-item {
width: 25%;
text-align: center;
display: inline-block;
font-size: $title-size-m;
color: #999999;
height: 54rpx;
line-height: 54rpx;
text {
background-color: transparent;
display: block;
display: inline-block;
padding: 0 $padding - 10;
border-radius: $radius * 2;
}
&.active text {
background-color: $mian-color;
color: #ffffff;
}
&:last-child {
margin-right: 0;
}
}
}
.screen-arrow {
width: 30rpx;
height: 30rpx;
margin-top: 16rpx;
-moz-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
}
}
.reveal {
padding: 0 $padding $padding;
box-sizing: border-box;
width: 100%;
margin-top: 380rpx;
.list {
border-radius: $radius-lg;
background-color: #ffffff;
margin-bottom: 30rpx;
&:last-child {
margin-bottom: 0;
}
.borderBottom {
border-bottom: 2rpx solid #f7f7f7;
}
.baleShow {
padding: 0 $padding;
box-sizing: border-box;
.baleColor {
background-color: #FFF5F9;
padding: 10rpx $padding;
box-sizing: border-box;
border-radius: $radius-m;
.baleShow-label {
display: flex;
font-size: $title-size-sm;
line-height: 54rpx;
color: #111111;
.baleShow-name {
flex: 1;
}
}
}
}
.item {
padding: $padding;
box-sizing: border-box;
padding-bottom: $padding;
display: flex;
font-size: $title-size-lg;
line-height: 44rpx;
.item-name {
font-size: $title-size-lg;
flex: 1;
}
.item-status {
color: $mian-color;
font-size: $title-size-m;
}
.item-label {
flex: 1;
color: #999999;
}
.item-express {
font-size: $title-size-m;
color: $mian-color;
border-radius: $radius-m;
height: 50rpx;
line-height: 50rpx;
text-align: right;
&.active {
color: #999999;
}
}
.item-quantity {
background-color: #FFF5EA;
color: #FFA031;
font-size: $title-size-sm;
padding: 0 20rpx;
border-radius: $radius;
&.gery {
background-color: #f5f5f5;
color: #999999;
}
}
.item-text {
text-align: right;
display: flex;
.item-text-go {
font-size: $title-size-sm - 2;
border: 2rpx solid $mian-color;
color: $mian-color;
padding: 0 10rpx;
border-radius: $radius-m;
margin: 3rpx 10rpx 0 0;
height: 38rpx;
line-height: 38rpx;
}
text {
font-size: $title-size-m;
padding-left: 10rpx;
}
}
.item-text-arrow {
width: 22rpx;
margin-left: 10rpx;
margin-top: 10rpx;
}
}
.btn {
display: flex;
padding: $padding $padding - 10;
box-sizing: border-box;
border-top: 2rpx solid #f7f7f7;
.btn-user {
flex: 1;
line-height: 54rpx;
display: flex;
.btn-user-head {
width: 54rpx;
height: 54rpx;
border-radius: 50%;
}
.btn-user-cont {
display: flex;
font-size: $title-size-sm;
.btn-user-name {
padding: 0 $padding - 10;
line-height: 60rpx;
}
.btn-user-tips {
background-color: #FBE7EE;
color: $mian-color;
height: 44rpx;
line-height: 44rpx;
font-size: $title-size-sm - 2;
border-radius: $radius * 2;
padding: 0 15rpx;
margin-top: 8rpx;
}
}
}
.btn-lable {
font-size: $title-size-sm;
display: flex;
.btn-lable-go {
height: 54rpx;
line-height: 54rpx;
text-align: center;
background-color: #FBAF3B;
border: 2rpx solid transparent;
color: #ffffff;
border-radius: $radius * 2;
width: 140rpx;
&:first-child {
background-color: #ffffff;
color: #111111;
border-color: #999999;
margin-right: 15rpx;
}
&.active {
background-color: #ededed;
color: #727272;
}
}
}
}
}
}
// 暂无内容
.reveal-no {
padding: 200rpx 0;
}
</style>