@ -0,0 +1,16 @@ |
||||
{ // launch.json 配置了启动调试时相关设置,configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/ |
||||
// launchtype项可配置值为local或remote, local代表前端连本地云函数,remote代表前端连云端云函数 |
||||
"version": "0.0", |
||||
"configurations": [{ |
||||
"default" : |
||||
{ |
||||
"launchtype" : "local" |
||||
}, |
||||
"mp-weixin" : |
||||
{ |
||||
"launchtype" : "local" |
||||
}, |
||||
"type" : "uniCloud" |
||||
} |
||||
] |
||||
} |
@ -0,0 +1,26 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
||||
<title>404</title> |
||||
<style> |
||||
body{ |
||||
background-color:#444; |
||||
font-size:14px; |
||||
} |
||||
h3{ |
||||
font-size:60px; |
||||
color:#eee; |
||||
text-align:center; |
||||
padding-top:30px; |
||||
font-weight:normal; |
||||
} |
||||
</style> |
||||
</head> |
||||
|
||||
<body> |
||||
<h3>404,您请求的文件不存在!</h3> |
||||
</body> |
||||
</html> |
@ -1,2 +1,5 @@ |
||||
export const $apiLinks = "https://admin.hezhiying.com.cn/" // api 接口地址
|
||||
export const baseUrl = "https://admin.hezhiying.com.cn/" |
||||
// export const $apiLinks = "https://admin.hezhiying.com.cn/" // api 接口地址
|
||||
// export const baseUrl = "https://admin.hezhiying.com.cn/"
|
||||
|
||||
export const $apiLinks = "https://huazhiyuadmin.first315.com/" // api 接口地址
|
||||
export const baseUrl = "https://huazhiyuadmin.first315.com/" |
@ -0,0 +1,39 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>恭喜,站点创建成功!</title> |
||||
<style> |
||||
.container { |
||||
width: 60%; |
||||
margin: 10% auto 0; |
||||
background-color: #f0f0f0; |
||||
padding: 2% 5%; |
||||
border-radius: 10px |
||||
} |
||||
|
||||
ul { |
||||
padding-left: 20px; |
||||
} |
||||
|
||||
ul li { |
||||
line-height: 2.3 |
||||
} |
||||
|
||||
a { |
||||
color: #20a53a |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="container"> |
||||
<h1>恭喜, 站点创建成功!</h1> |
||||
<h3>这是默认index.html,本页面由系统自动生成</h3> |
||||
<ul> |
||||
<li>本页面在FTP根目录下的index.html</li> |
||||
<li>您可以修改、删除或覆盖本页面</li> |
||||
<li>FTP相关信息,请到“面板系统后台 > FTP” 查看</li> |
||||
</ul> |
||||
</div> |
||||
</body> |
||||
</html> |
@ -0,0 +1,420 @@ |
||||
<template> |
||||
<view class="qianyue"> |
||||
<div v-if="showXieyi&&content&&!userInfo.sign_image" style="position: relative;" class="xieyi-content" v-html="content"> |
||||
|
||||
</div> |
||||
<view v-if="showXieyi&&content&&!userInfo.sign_image" class="interval">{{intervalTime}}</view> |
||||
<u-icon v-if="showXieyi&&content&&intervalTime===0&&!userInfo.sign_image" class="close" name="close" color="#909399" size="28" @click="showXieyi=false"></u-icon> |
||||
<div v-if="!showXieyi||userInfo.sign_image"> |
||||
<view v-if="userInfo.sign_status === 1" style="text-align: center;color:green;font-weight: 600;width: 100%;">已签约</view> |
||||
<view v-if="userInfo.sign_status === 2" style="text-align: center;color:red;font-weight: 600;width: 100%;">审核不通过</view> |
||||
<view v-if="userInfo.sign_status === 0&&userInfo.sign_image" style="text-align: center;color:grey;font-weight: 600;width: 100%;">审核中</view> |
||||
<u-form :model="form" ref="uForm" :rules="rules"> |
||||
<u-form-item label="姓名" prop="bank_username" border-bottom required> |
||||
<u-input :border="false" :disabled="userInfo.sign_status === 1||(userInfo.sign_status === 0&&userInfo.sign_image)" placeholder="请输入姓名" v-model="form.bank_username" /> |
||||
</u-form-item> |
||||
<u-form-item :label-width="100" label="银行卡姓名" prop="bank_realname" border-bottom required> |
||||
<u-input :border="false" :disabled="userInfo.sign_status === 1||(userInfo.sign_status === 0&&userInfo.sign_image)" placeholder="请输入银行卡姓名" v-model="form.bank_realname" /> |
||||
</u-form-item> |
||||
<u-form-item :label-width="85" label="银行卡号" prop="bank_no" border-bottom required> |
||||
<u-input :border="false" :disabled="userInfo.sign_status === 1||(userInfo.sign_status === 0&&userInfo.sign_image)" placeholder="请输入银行卡号" v-model="form.bank_no" /> |
||||
</u-form-item> |
||||
<u-form-item :label-width="70" label="开户行" prop="bank_address" border-bottom required> |
||||
<u-input :border="false" :disabled="userInfo.sign_status === 1||(userInfo.sign_status === 0&&userInfo.sign_image)" placeholder="请输入开户行" v-model="form.bank_address" /> |
||||
</u-form-item> |
||||
<u-form-item label="支行" prop="bank_sub_address" border-bottom required> |
||||
<u-input :disabled="userInfo.sign_status === 1||(userInfo.sign_status === 0&&userInfo.sign_image)" :border="false" placeholder="请输入支行" v-model="form.bank_sub_address" /> |
||||
</u-form-item> |
||||
<u-form-item label="签字" prop="sign_image" border-bottom required> |
||||
<view v-if="!form.sign_image" class="sign-btn" @click="showSign">点击签名</view> |
||||
<image v-else style="width: 60vw;" mode="aspectFit" @click="showSign" :src="form.sign_image"></image> |
||||
</u-form-item> |
||||
</u-form> |
||||
|
||||
</div> |
||||
<view v-if="!showXieyi||userInfo.sign_image"> |
||||
<view v-if="!userInfo.sign_image||userInfo.sign_status === 2" class="saveBtn" @click="submitSign">提交</view> |
||||
</view> |
||||
|
||||
<u-toast ref="uToast"></u-toast> |
||||
<u-popup :show="show" mode="bottom" @close="show=false" round="10" > |
||||
<view style="width: 100vw; height: 60vh;"> |
||||
<l-signature disableScroll backgroundColor="#ddd" |
||||
ref="signatureRef" |
||||
:landscape="true" |
||||
:openSmooth="openSmooth" ></l-signature> |
||||
</view> |
||||
<view class="btn"> |
||||
<button @click="onClick('clear')">清空</button> |
||||
<button @click="onClick('undo')">撤消</button> |
||||
<button @click="onClick('save')">保存</button> |
||||
</view> |
||||
</u-popup> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getWarehouseList,getUserInfo,privacyPolicy, confirmSign} from '@/common/api.js' |
||||
import {getToken} from '@/common/auth.js' |
||||
import {updateUserInfo} from '@/common/api.js' |
||||
var base64Img = require('base64-img'); |
||||
export default{ |
||||
components:{ |
||||
|
||||
}, |
||||
data(){ |
||||
return{ |
||||
userInfo: {}, // sign_status 1已签 2 审核拒绝 0 且sign_image不为空 审核中 |
||||
showXieyi: true, |
||||
form: { |
||||
bank_username: '', |
||||
bank_realname: '', |
||||
bank_no: '', |
||||
bank_address: '', |
||||
bank_sub_address: '', |
||||
sign_image: '', |
||||
}, |
||||
rules: { |
||||
bank_username: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入姓名', |
||||
// 可以单个或者同时写两个触发验证方式 |
||||
trigger: ['change','blur'], |
||||
} |
||||
], |
||||
bank_realname: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入银行卡姓名', |
||||
// 可以单个或者同时写两个触发验证方式 |
||||
trigger: ['change','blur'], |
||||
} |
||||
], |
||||
bank_no: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入银行卡号', |
||||
// 可以单个或者同时写两个触发验证方式 |
||||
trigger: ['change','blur'], |
||||
} |
||||
], |
||||
bank_address: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入开户行', |
||||
// 可以单个或者同时写两个触发验证方式 |
||||
trigger: ['change','blur'], |
||||
} |
||||
], |
||||
bank_address: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入开户行', |
||||
// 可以单个或者同时写两个触发验证方式 |
||||
trigger: ['change','blur'], |
||||
} |
||||
], |
||||
bank_sub_address: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入支行', |
||||
// 可以单个或者同时写两个触发验证方式 |
||||
trigger: ['change','blur'], |
||||
} |
||||
], |
||||
}, |
||||
showList:true, |
||||
show:false, |
||||
content: '', |
||||
intervalTime: 15, |
||||
} |
||||
}, |
||||
methods:{ |
||||
showSign(){ |
||||
if(this.userInfo.sign_status === 1||(this.userInfo.sign_status === 0&&this.userInfo.sign_image)){ |
||||
return; |
||||
} |
||||
this.show = true; |
||||
}, |
||||
submitSign(){ |
||||
console.log('submit') |
||||
console.log(this.$refs.uForm.validate,'submit') |
||||
if(!this.form.bank_address||!this.form.bank_no||!this.form.bank_realname||!this.form.bank_sub_address||!this.form.bank_username||!this.form.sign_image){ |
||||
return |
||||
} |
||||
confirmSign(this.form).then(res => { |
||||
if(res.code === 1){ |
||||
this.$refs.uToast.show({ |
||||
message:'签约信息已提交' |
||||
}) |
||||
const tem = setTimeout(() => { |
||||
uni.navigateBack({ |
||||
delta:1 |
||||
}) |
||||
clearTimeout(tem) |
||||
},1000) |
||||
|
||||
} |
||||
}) |
||||
// this.$refs.uForm.validate(valid => { |
||||
// debugger |
||||
// console.log(valid, 'ca') |
||||
// if (valid) { |
||||
|
||||
// } else { |
||||
// console.log('验证失败'); |
||||
// } |
||||
// }); |
||||
|
||||
}, |
||||
base64toBlob(dataurl) { |
||||
var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], |
||||
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); |
||||
|
||||
while (n--) { |
||||
u8arr[n] = bstr.charCodeAt(n); |
||||
} |
||||
return new Blob([u8arr], { type: mime }); |
||||
}, |
||||
onClick(type) { |
||||
console.log(type, 'type') |
||||
if(type == 'openSmooth') { |
||||
this.openSmooth = !this.openSmooth |
||||
return |
||||
} |
||||
if (type == 'save') { |
||||
this.$refs.signatureRef.canvasToTempFilePath({ |
||||
success: (res) => { |
||||
|
||||
if(res.isEmpty){ |
||||
uni.$u.toast("请签名") |
||||
return; |
||||
} |
||||
var path = URL.createObjectURL(this.base64toBlob(res.tempFilePath)) |
||||
uni.uploadFile({ |
||||
url: this.baseUrl+'api/common/upload', |
||||
filePath: path, |
||||
name: 'file', |
||||
header:{ |
||||
token:getToken() |
||||
}, |
||||
formData: { |
||||
}, |
||||
success: (res) => { |
||||
const data = JSON.parse(res.data) |
||||
if(data.code==1){ |
||||
this.form.sign_image = data.data.fullurl |
||||
console.log(data, 'this.form.sign_image') |
||||
this.show = false |
||||
}else{ |
||||
uni.$u.toast(JSON.parse(res.data).msg) |
||||
|
||||
} |
||||
}, |
||||
fail: (res) => { |
||||
console.log(res,"rrr") |
||||
} |
||||
}); |
||||
} |
||||
}) |
||||
return |
||||
} |
||||
if (this.$refs.signatureRef) |
||||
this.$refs.signatureRef[type]() |
||||
}, |
||||
|
||||
saveSignPic(picurl){ |
||||
console.log(picurl) |
||||
updateUserInfo({sign_image:picurl}).then(res=>{ |
||||
console.log(res,"ooooo") |
||||
if(res.code==1){ |
||||
uni.switchTab({ |
||||
url:"/pages/qianyue/qianyue" |
||||
}) |
||||
} |
||||
}) |
||||
} |
||||
}, |
||||
onShow(){ |
||||
getUserInfo().then(res=>{ |
||||
this.userInfo =Object.assign(({},this.userInfo,res.data)) |
||||
if(this.userInfo.sign_image){ |
||||
this.form = { |
||||
bank_username: this.userInfo.bank_username, |
||||
bank_realname: this.userInfo.bank_realname, |
||||
bank_no: this.userInfo.bank_no, |
||||
bank_address: this.userInfo.bank_address, |
||||
bank_sub_address: this.userInfo.bank_sub_address, |
||||
sign_image: this.userInfo.sign_image, |
||||
} |
||||
} |
||||
}) |
||||
privacyPolicy({id:2}).then(res => { |
||||
console.log(res, 'privacyPolicy'); |
||||
this.content = res.data.content; |
||||
}) |
||||
const tem = setInterval(() => { |
||||
if(this.intervalTime>0){ |
||||
this.intervalTime --; |
||||
}else{ |
||||
clearInterval(tem) |
||||
} |
||||
},1000) |
||||
|
||||
this.getUserInfoHandle() |
||||
this.show = false |
||||
}, |
||||
onLoad() { |
||||
}, |
||||
onReady() { |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.interval{ |
||||
position: fixed; |
||||
top: 40px; |
||||
left: 5px; |
||||
border-radius: 50%; |
||||
height: 40px; |
||||
width: 40px; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
color: red; |
||||
font-size: 25px; |
||||
} |
||||
.close{ |
||||
top: 45px; |
||||
right: 15px; |
||||
position: fixed; |
||||
z-index: 99; |
||||
} |
||||
.qianyue{ |
||||
padding:24rpx; |
||||
.banner{ |
||||
height: 260rpx; |
||||
margin-bottom: 10rpx; |
||||
// margin: -200rpx auto 20rpx; |
||||
border-radius: 10rpx; |
||||
overflow: hidden; |
||||
.u-swiper{ |
||||
background-color: #fff !important; |
||||
} |
||||
} |
||||
.qgList{ |
||||
.qgItem{ |
||||
height:286rpx; |
||||
width: 100%; |
||||
position: relative; |
||||
overflow: hidden; |
||||
margin-bottom:20rpx; |
||||
.bgPic{ |
||||
width:100%; |
||||
} |
||||
.qgInfo{ |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
left: 0; |
||||
height: 100%; |
||||
width: 100%; |
||||
text-align: center; |
||||
background: rgba(0,0,0,.6); |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
justify-content: center; |
||||
z-index:99; |
||||
.conpany{ |
||||
display: flex; |
||||
align-items: center; |
||||
color: rgb(193, 193, 193);; |
||||
.line{ |
||||
height:4rpx; |
||||
width:100rpx; |
||||
background-color: rgb(193, 193, 193);; |
||||
} |
||||
.text{ |
||||
font-size: 30rpx; |
||||
color: rgb(193, 193, 193); |
||||
margin:0 10rpx; |
||||
} |
||||
} |
||||
.time{ |
||||
font-size: 38rpx; |
||||
color: #fff; |
||||
margin-top: 26px; |
||||
} |
||||
} |
||||
|
||||
} |
||||
} |
||||
} |
||||
.gobottom{ |
||||
color: rgba(165, 165, 165, 0.5); |
||||
font-size: 30rpx; |
||||
margin-top:20rpx; |
||||
text-align: center; |
||||
} |
||||
.istruction{ |
||||
text-align: center; |
||||
color:#9f751f; |
||||
margin-top:80rpx; |
||||
} |
||||
.xieyi{ |
||||
border:1px solid $base; |
||||
color:$base; |
||||
border-radius: 10rpx; |
||||
width:40%; |
||||
text-align: center; |
||||
margin:30rpx auto; |
||||
padding:10rpx 0; |
||||
} |
||||
.sign{ |
||||
border:1px solid $base; |
||||
color:$base; |
||||
border-radius: 10rpx; |
||||
width:40%; |
||||
text-align: center; |
||||
margin:30rpx auto; |
||||
padding:10rpx 0; |
||||
} |
||||
|
||||
.btn{ |
||||
// transform: rotate(90deg); |
||||
display: flex; |
||||
position: fixed; |
||||
bottom:10px; |
||||
width:100%; |
||||
button{ |
||||
flex:1; |
||||
margin:0 10rpx; |
||||
background-color: $base; |
||||
color:#fff; |
||||
font-size: 28rpx; |
||||
} |
||||
} |
||||
.sign-btn{ |
||||
width: 80px; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
background-color: #fff; |
||||
text-align: center; |
||||
} |
||||
.saveBtn{ |
||||
background: rgb(35, 96, 48); |
||||
color: rgb(255, 255, 255); |
||||
border: 1px solid rgb(35, 96, 48); |
||||
overflow: hidden; |
||||
font-size: 28rpx; |
||||
height: 44px; |
||||
line-height: 44px; |
||||
text-align: center; |
||||
border-radius: 10rpx; |
||||
margin-top:100rpx; |
||||
} |
||||
</style> |
@ -0,0 +1,355 @@ |
||||
<template> |
||||
<view class="page"> |
||||
<view class="totalContent"> |
||||
<view class="totalitem"> |
||||
<view class="price"> |
||||
<text>¥</text> |
||||
<text class="num">{{info.available_commission_amount}}</text> |
||||
</view> |
||||
<view class="descText"> |
||||
可提现金额 |
||||
</view> |
||||
|
||||
</view> |
||||
<view class="withdraw-btn" @click="show=true">提现</view> |
||||
<!-- <view class="totalitem" style="border-left:1px solid #fff;"> |
||||
<view class="price"> |
||||
|
||||
<text class="num">{{info.distribute_order_num}}</text> |
||||
</view> |
||||
<view class="descText"> |
||||
订单数 |
||||
</view> |
||||
</view> --> |
||||
</view> |
||||
<view class="yongjinTitle"> |
||||
提现明细 |
||||
</view> |
||||
<!-- 佣金明细 --> |
||||
<view class="record-list" v-show="tableData.length>0"> |
||||
<view class="list" v-for="(item,index) in tableData" :key="index"> |
||||
<!-- <image :src="baseUrl+item.avatar" mode="aspectFill" class="avatarPic"></image> --> |
||||
<view class="outer"> |
||||
<view class="title-date"> |
||||
<view class="title"> |
||||
<text>提现金额</text>{{item.amount}} |
||||
|
||||
</view> |
||||
<view class="date"> |
||||
<text>提现时间</text>{{item.update_time_text}} |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
<view class="integral"> |
||||
<text style="color: #22AA44;">{{item.total_commission_amount}}</text> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="empty" v-show="tableData.length==0"> |
||||
<image src="../../static/image/mescroll-empty.png" mode="widthFix"></image> |
||||
<view class="emptyText"> |
||||
暂无数据 |
||||
</view> |
||||
</view> |
||||
<u-modal z-index="99" :show="show" title="提现" :show-cancel-button="true" @cancel="show=false" @confirm="submit"> |
||||
<view class="slot-content"> |
||||
<u-radio-group style="margin-top: 10px;" v-model="value" @change="radioGroupChange"> |
||||
<u-radio |
||||
@change="radioChange" |
||||
style="margin-left: 10px;" |
||||
v-for="(item, index) in list" :key="index" |
||||
:name="item.name" |
||||
:disabled="item.disabled" |
||||
> |
||||
{{item.name}} |
||||
</u-radio> |
||||
</u-radio-group> |
||||
<u-input type="digit" v-model="amount" style="margin-top: 20px;" placeholder="请输入充值金额"></u-input> |
||||
<view v-if="validate" style="color: red;">{{amount?'提现金额不能大于可提现金额':'请输入充值金额'}}</view> |
||||
</view> |
||||
</u-modal> |
||||
<u-toast ref="uToast"></u-toast> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getUserInfo,getWithdrawList,withdraw} from '@/common/api.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
tabList:[ |
||||
|
||||
{id:1,name:'已到账'}, |
||||
{id:0,name:'未到账'}, |
||||
], |
||||
activeIndex:1, |
||||
info:{ |
||||
}, |
||||
page:1, |
||||
limit:10, |
||||
tableData:[], |
||||
total:0, |
||||
show: false, |
||||
value: '银联', |
||||
amount: '', |
||||
list: [ |
||||
{ |
||||
name: '银联', |
||||
disabled: false |
||||
}, |
||||
{ |
||||
name: '支付宝', |
||||
disabled: false |
||||
}, |
||||
{ |
||||
name: '微信', |
||||
disabled: false |
||||
} |
||||
], |
||||
typeMap: { |
||||
'银联': 'bank', |
||||
'微信': 'wechat', |
||||
'支付宝': 'alipay', |
||||
}, |
||||
validate: false, |
||||
}; |
||||
}, |
||||
methods:{ |
||||
submit(){ |
||||
console.log(Number(this.info.available_commission_amount), 'this.amount') |
||||
if(!this.amount||Number(this.amount) > Number(this.info.available_commission_amount)){ |
||||
this.validate = true |
||||
return; |
||||
} |
||||
withdraw({ |
||||
amount: this.amount, |
||||
method: this.typeMap[this.value] |
||||
}).then(res => { |
||||
console.log(res,'res') |
||||
if(res.code === 1){ |
||||
this.show = false; |
||||
this.$refs.uToast.show({ |
||||
message:'申请已提交' |
||||
}) |
||||
const tem = setTimeout(() => { |
||||
uni.navigateBack({ |
||||
delta:1 |
||||
}) |
||||
clearTimeout(tem) |
||||
},2000) |
||||
} |
||||
}) |
||||
}, |
||||
getInfo(){ |
||||
getUserInfo({status:this.activeIndex}).then(res=>{ |
||||
this.info = res.data |
||||
}) |
||||
}, |
||||
getList(val){ |
||||
let params={ |
||||
page:this.page, |
||||
limit:this.limit, |
||||
} |
||||
getWithdrawList(params).then(res=>{ |
||||
console.log(res, 'list') |
||||
if(val){ |
||||
this.tableData.push(...res.data.data) |
||||
}else{ |
||||
this.tableData = res.data.data; |
||||
this.total = res.data.total |
||||
} |
||||
}) |
||||
}, |
||||
getItem(item){ |
||||
this.page = 1; |
||||
this.activeIndex = item.id; |
||||
this.getInfo(); |
||||
this.getList() |
||||
}, |
||||
}, |
||||
onReachBottom() { |
||||
if(this.tableData.length<this.total){ |
||||
this.page++; |
||||
this.getList('over') |
||||
} |
||||
|
||||
}, |
||||
mounted(){ |
||||
this.getInfo() |
||||
this.getList() |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.page{ |
||||
// position: absolute; |
||||
// left: 0; |
||||
// top: 0; |
||||
// width: 100%; |
||||
// height: 100%; |
||||
// background-color: #FFFFFF; |
||||
|
||||
} |
||||
.tabs{ |
||||
height: 80rpx; |
||||
background-color: rgb(35, 96, 48); |
||||
padding: 6rpx; |
||||
border-radius: 5px; |
||||
display: flex; |
||||
margin:0 24rpx; |
||||
|
||||
.tabsItem{ |
||||
flex:1; |
||||
text-align: center; |
||||
line-height: 70rpx; |
||||
font-size: 26rpx; |
||||
color: #ffffff; |
||||
} |
||||
.active{ |
||||
background-color: #fff; |
||||
font-size: 30rpx; |
||||
font-weight: bold; |
||||
border-radius: 5px; |
||||
color: rgb(35, 96, 48); |
||||
} |
||||
} |
||||
.withdraw-btn{ |
||||
width: 60px; |
||||
height: 30px; |
||||
line-height: 30px; |
||||
background: #fff; |
||||
border-radius: 30px; |
||||
font-size: 12px; |
||||
font-weight: 500; |
||||
color: #9f751f; |
||||
position: absolute; |
||||
right: 15px; |
||||
top: 20px; |
||||
text-align: center; |
||||
} |
||||
.totalContent{ |
||||
|
||||
height: 160rpx; |
||||
background: url('../../static/image/total-bg.png'); |
||||
background-size: cover; |
||||
background-repeat: no-repeat; |
||||
border-radius: 6px; |
||||
overflow: hidden; |
||||
position: relative; |
||||
// width:94%; |
||||
// margin:20rpx auto 0 auto; |
||||
display: flex; |
||||
padding:40rpx 0; |
||||
margin:20rpx 24rpx; |
||||
.totalitem{ |
||||
flex:1; |
||||
text-align: center; |
||||
display: flex; |
||||
flex-direction: column; |
||||
// justify-content: center; |
||||
.price{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
text{ |
||||
font-size: 30rpx; |
||||
color:#fff; |
||||
} |
||||
.num{ |
||||
font-size: 48rpx; |
||||
} |
||||
} |
||||
.descText{ |
||||
text-align: center; |
||||
font-size: 28rpx; |
||||
color:#fff; |
||||
} |
||||
} |
||||
} |
||||
.yongjinTitle{ |
||||
padding: 13px 0 4px 0; |
||||
font-size: 30rpx; |
||||
color: #9f751f; |
||||
margin:0 24rpx; |
||||
} |
||||
.record-list{ |
||||
// width: 100%; |
||||
background-color: #FFFFFF; |
||||
padding:0 24rpx; |
||||
margin:0 24rpx; |
||||
border-radius: 10rpx; |
||||
.list{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
|
||||
border-bottom: 2rpx solid #f6f6f6; |
||||
.avatarPic{ |
||||
width:100rpx; |
||||
height:100rpx; |
||||
border-radius: 50%; |
||||
} |
||||
.outer{ |
||||
flex:1; |
||||
margin-left:20rpx; |
||||
padding:20rpx 0; |
||||
} |
||||
.title-date{ |
||||
height: 100%; |
||||
.title{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
width: 100%; |
||||
height: 50rpx; |
||||
text{ |
||||
font-size: 28rpx; |
||||
font-weight: bold; |
||||
// color: #236030; |
||||
color: #959595; |
||||
} |
||||
} |
||||
.date{ |
||||
display: flex; |
||||
align-items: center; |
||||
width: 100%; |
||||
height: 60rpx; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
text{ |
||||
font-size: 28rpx; |
||||
font-weight: bold; |
||||
color: #959595; |
||||
} |
||||
} |
||||
} |
||||
.integral{ |
||||
display: flex; |
||||
align-items: center; |
||||
height: 100%; |
||||
text{ |
||||
font-size: 36rpx; |
||||
font-weight: bold; |
||||
color: $base; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.empty{ |
||||
text-align: center; |
||||
image{ |
||||
width:50%; |
||||
height:auto |
||||
} |
||||
.emptyText{ |
||||
text-align: center; |
||||
margin-top:20rpx; |
||||
color:#aaa; |
||||
} |
||||
} |
||||
|
||||
</style> |
After Width: | Height: | Size: 403 KiB |
After Width: | Height: | Size: 250 KiB |
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 964 KiB After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 41 KiB |
After Width: | Height: | Size: 94 KiB |
After Width: | Height: | Size: 97 KiB |
@ -1,2 +1,2 @@ |
||||
<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>商城</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)')) |
||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.97465e7b.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.a1e8ef11.js></script><script src=/static/js/index.33b549b2.js></script></body></html> |
||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.97465e7b.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.aabf9ea3.js></script><script src=/static/js/index.0afd1cc1.js></script></body></html> |
After Width: | Height: | Size: 403 KiB |
After Width: | Height: | Size: 250 KiB |
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 964 KiB After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 41 KiB |
After Width: | Height: | Size: 94 KiB |
After Width: | Height: | Size: 97 KiB |