|
|
<template>
|
<view class="content">
|
<view class="info-cotainer">
|
<view class="indicator">
|
<uv-icon name="question-circle" color="#ffffff" size="24"></uv-icon>
|
<uv-icon @click="toSetting" name="setting" color="#ffffff" size="24" style="margin-left: 20rpx;"></uv-icon>
|
|
</view>
|
<view class="info">
|
<view class="profile">
|
<view class="profile-empty"></view>
|
<view class="user-info">
|
<view class="user-name">{{userName}}</view>
|
<view class="profile-text">{{
|
userInfo.hasRecord?`资料已补全，额度最高提升${
|
userInfo.firstQuota || 15000
|
}`:'请先补全资料！' }}</view>
|
</view>
|
</view>
|
</view>
|
<view class="info-footer">
|
<view class="footer-item" >
|
<view class="item-top item-top-num">
|
{{
|
userInfo.hasRecord
|
? userInfo.firstQuota || 15000
|
: '0.00'
|
}}
|
</view>
|
<view class="item-bottom"> 金额 </view>
|
</view>
|
|
<view class="slid">
|
</view>
|
<view class="footer-item">
|
<view class="item-top item-top-num"> 0.00 </view>
|
<view class="item-bottom"> 邀请奖励 </view>
|
</view>
|
<view class="slid">
|
</view>
|
<view class="footer-item">
|
<view class="item-top">
|
查一查
|
<view class="item-top-icon"></view>
|
</view>
|
<view class="item-bottom"> 信用分 </view>
|
</view>
|
</view>
|
</view>
|
|
<view class="debit-and-credit">
|
<view class="debit-and-credit-title">借款信息</view>
|
<view class="debit-and-credit-content">
|
<view class="dac-content-item" @click="toIndex">
|
<view class="dac-bottom-icon"> </view>
|
<view class="dac-bottom-text">审批已通过</view>
|
</view>
|
<view class="dac-content-item" @click="toIndex">
|
<view class="dac-bottom-icon"> </view>
|
<view class="dac-bottom-text">待提现</view>
|
</view>
|
<view class="dac-content-item" @click="toIndex">
|
<view class="dac-bottom-icon"> </view>
|
<view class="dac-bottom-text">待还款</view>
|
</view>
|
<view
|
class="dac-content-item"
|
@click="toOrder"
|
>
|
<view class="dac-bottom-icon"> </view>
|
<view class="dac-bottom-text">拒件记录</view>
|
</view>
|
</view>
|
</view>
|
<view class="debit-and-credit">
|
<view class="debit-and-credit-title">更多服务</view>
|
<view class="debit-and-credit-content debit-and-credit-more">
|
<view class="dac-content-item" @click="toKF">
|
<view class="dac-bottom-icon"> </view>
|
<view class="dac-bottom-text">客服与投诉</view>
|
</view>
|
<view class="dac-content-item" @click="tips">
|
<view class="dac-bottom-icon"> </view>
|
<view class="dac-bottom-text">邀请有礼</view>
|
</view>
|
<view class="dac-content-item" @click="tips">
|
<view class="dac-bottom-icon"> </view>
|
<view class="dac-bottom-text">会员权益</view>
|
</view>
|
<view class="dac-content-item" style="opacity: 0">
|
<view class="dac-bottom-icon"> </view>
|
<view class="dac-bottom-text">会员权益</view>
|
</view>
|
</view>
|
</view>
|
<uv-tabbar :value="value" @change="index=>value = index" :border="false">
|
<uv-tabbar-item text="首页" icon="home-fill" @click="toIndex"></uv-tabbar-item>
|
<uv-tabbar-item text="我的" icon="account-fill"></uv-tabbar-item>
|
</uv-tabbar>
|
</view>
|
</template>
|
|
|
<script>
|
import {checkUserStatus} from '@/api/modules/user'
|
export default {
|
name: "index",
|
data() {
|
return {
|
userInfo: {
|
hasRecord:false,
|
firstQuota:false,
|
},
|
userName: uni.getStorageSync('phone'),
|
value: 1
|
}
|
},
|
created() {
|
|
if(uni.getStorageSync('userName')){
|
this.userName = uni.getStorageSync('userName');
|
}
|
checkUserStatus().then(res=>{
|
this.userInfo = res;
|
|
})
|
},
|
methods: {
|
toKF(){
|
uni.navigateTo({
|
url: '/pages/support/index'
|
})
|
},
|
toSetting(){
|
uni.navigateTo({
|
url: '/pages/setting/index'
|
})
|
},
|
toOrder(){
|
uni.navigateTo({
|
url: '/pages/order-form/index'
|
})
|
},
|
toIndex(){
|
if(this.userInfo.infoStatus===null){
|
uni.navigateTo({
|
url: '/pages/index/index'
|
})
|
return;
|
}
|
uni.redirectTo({
|
url: '/pages/loan/index'
|
})
|
},
|
tips(){
|
uni.showToast({
|
title: '暂未开放',
|
icon: 'none'
|
})
|
}
|
},
|
|
}
|
</script>
|
<style scoped lang="scss">
|
|
.content{
|
background-image: url(#{$iconHttps}/static/img/me/kadana/me-bg.png);
|
background-position: 0 -60rpx;
|
background-repeat: no-repeat;
|
background-size: 100% auto;
|
background-color: #f5f5f5;
|
padding: 15px;
|
padding-top: calc(var(--status-bar-height) + 14px);
|
min-height: 100vh;
|
.info-cotainer{
|
min-height: 200rpx;
|
padding: 30rpx;
|
border-radius: 5px;
|
margin-bottom: 20rpx;
|
.indicator{
|
display: flex;
|
flex-direction: row;
|
justify-content: flex-start;
|
margin-bottom: 20rpx;
|
.indicator-item {
|
width: 52rpx;
|
height: 52rpx;
|
background-size: contain;
|
background-position: center;
|
background-repeat: no-repeat;
|
}
|
.question-indicator {
|
background-image: url(#{$iconHttps}/static/img//me/question.png);
|
margin-right: 30rpx;
|
}
|
.setting-indicator {
|
background-image: url(#{$iconHttps}/static/img/me/setting.png);
|
}
|
}
|
|
}
|
|
.info{
|
display: flex;
|
.profile{
|
flex: 1;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
color: #fff;
|
.profile-empty{
|
background-image: url(#{$iconHttps}/static/img/me/me-avatar.png);
|
background-repeat: no-repeat;
|
background-size: contain;
|
height: 50px;
|
width: 50px;
|
border-radius: 50%;
|
margin-right: 15px;
|
}
|
|
.user-info{
|
.user-name{
|
font-size: 17px;
|
font-weight: 600;
|
color: #fff;
|
line-height: 24px;
|
margin-bottom: 5px;
|
}
|
.profile-text{
|
font-size: 12px;
|
color: #fff;
|
line-height: 17px;
|
}
|
}
|
}
|
}
|
|
.info-footer {
|
display: flex;
|
flex-direction: row;
|
justify-content: space-between;
|
color: #fff;
|
margin-top: 40rpx;
|
align-items: center;
|
.footer-item {
|
text-align: center;
|
align-self: flex-end;
|
.item-top {
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
|
.item-top-icon {
|
margin-left: 12rpx;
|
width: 10rpx;
|
height: 12rpx;
|
background-image: url('https://test-skfq.iben-itech.com/zip/static/img/me/item-top-icon.png');
|
background-position: center;
|
background-repeat: no-repeat;
|
background-size: contain;
|
}
|
}
|
.item-top-num {
|
font-size: 40rpx;
|
}
|
.item-bottom {
|
font-size: 28rpx;
|
text-align: center;
|
margin-top: 3rpx;
|
}
|
|
|
}
|
.slid{
|
height: 80%;
|
width: 1rpx;
|
background: white;
|
opacity: 0.2;
|
}
|
}
|
|
|
.debit-and-credit {
|
margin-bottom: 20rpx;
|
padding: 30rpx;
|
padding-bottom: 37rpx;
|
background: #fff;
|
border-radius: 16rpx;
|
|
.debit-and-credit-title {
|
font-size: 30rpx;
|
line-height: 42rpx;
|
font-weight: 600;
|
color: #000000;
|
margin-bottom: 40rpx;
|
}
|
|
.debit-and-credit-content {
|
display: flex;
|
flex-direction: row;
|
justify-content: space-between;
|
padding-left: 15rpx;
|
padding-right: 15rpx;
|
}
|
|
.debit-and-credit-content-removeH5 {
|
justify-content: space-around;
|
}
|
|
.dac-content-item {
|
text-align: center;
|
|
.dac-bottom-icon {
|
width: 50rpx;
|
height: 50rpx;
|
background-image: url(#{$iconHttps}/static/img/me_02.png);
|
background-size: contain;
|
background-position: center;
|
background-repeat: no-repeat;
|
margin: 0 auto 25rpx;
|
}
|
|
.dac-bottom-text {
|
font-size: 26rpx;
|
line-height: 1;
|
}
|
|
&:nth-child(1) {
|
.dac-bottom-icon {
|
background-image: url(#{$iconHttps}/static/img/me/kadana/me_01.png);
|
}
|
}
|
|
&:nth-child(2) {
|
.dac-bottom-icon {
|
background-image: url(#{$iconHttps}/static/img/me/kadana/me_02.png);
|
}
|
}
|
|
&:nth-child(3) {
|
.dac-bottom-icon {
|
background-image: url(#{$iconHttps}/static/img/me/kadana/me_03.png);
|
}
|
}
|
|
&:nth-child(4) {
|
.dac-bottom-icon {
|
background-image: url(#{$iconHttps}/static/img/me/kadana/me_04.png);
|
}
|
}
|
}
|
|
.debit-and-credit-more {
|
.dac-content-item {
|
&:nth-child(1) {
|
.dac-bottom-icon {
|
background-image: url(#{$iconHttps}/static/img/me/me_06.png);
|
}
|
}
|
|
&:nth-child(2) {
|
.dac-bottom-icon {
|
background-image: url(#{$iconHttps}/static/img/me/me_07.png);
|
}
|
}
|
|
&:nth-child(3) {
|
.dac-bottom-icon {
|
background-image: url(#{$iconHttps}/static/img/me/me_08.png);
|
}
|
}
|
}
|
}
|
}
|
}
|
</style>
|
