'提现模块'
This commit is contained in:
238
components/numberJpan/numberJpan.vue
Normal file
238
components/numberJpan/numberJpan.vue
Normal file
@@ -0,0 +1,238 @@
|
||||
<template>
|
||||
<view class="numberJpan" :style="wc" v-show="flag" >
|
||||
<!-- <view class="myshuru" :style="obj" @tap.stop="flag=true">
|
||||
<view class="srk" :style="'width:'+100/(length||6)+'%'" v-for=" i in length||6" :id="(i-1)==xz?'numberJpanActive':''" >
|
||||
{{arr[i-1]}}
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="myshuru" :style="obj" @tap.stop="flag=true">
|
||||
<view class="gb" @tap="close()" :style="gsbstyle">×</view>
|
||||
<view class="shuruTitle">
|
||||
请输入支付密码
|
||||
</view>
|
||||
<view class="center-x">
|
||||
<view class="srk" :style="'width:'+100/(length||6)+'%'" v-for=" i in length||6" :id="(i-1)==xz?'numberJpanActive':''" :key="i" >
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
{{showNum?arr[i]==null?'':arr[i]:arr[i]!=null?"●" : ""}}
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
{{showNum?arr[i-1]==null?'':arr[i-1]:arr[i-1]!=null?"●" : ""}}
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="jpan" :style="tsfY">
|
||||
<view class="nav" @tap="close()">
|
||||
<uni-icons type="arrowdown"></uni-icons>
|
||||
</view>
|
||||
<view class="main">
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view v-for="i in 9" :key="i" @tap="numshuzi(i+1)">{{i+1}}</view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<view v-for="i in 9" :key="i" @tap="numshuzi(i)">{{i}}</view>
|
||||
<!-- #endif -->
|
||||
<view> </view>
|
||||
<view @tap="numshuzi(0)">0</view>
|
||||
<view @tap="del()">
|
||||
<uni-icons type="arrowthinleft"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name:'number-jpan',
|
||||
data() {
|
||||
return {
|
||||
wc:{
|
||||
'background-color':"rgba(0, 0, 0, .0)"
|
||||
},
|
||||
obj:{
|
||||
"opacity":0,
|
||||
"top":'50%'
|
||||
},
|
||||
flag:false,
|
||||
clear1:"",
|
||||
clear2:"",
|
||||
arr:[],
|
||||
xz:0,
|
||||
gsbstyle:{
|
||||
"opacity":0
|
||||
},
|
||||
tsfY:{
|
||||
'transform':'translateY(100%)'
|
||||
}
|
||||
};
|
||||
},
|
||||
props:['length','showNum'],
|
||||
methods:{
|
||||
del(){
|
||||
if(this.xz>0){
|
||||
//let arr1=this.arr
|
||||
//arr1[this.xz]=""
|
||||
//this.arr=arr1
|
||||
this.arr.pop();
|
||||
this.xz--;
|
||||
}
|
||||
uni.vibrateShort();
|
||||
},
|
||||
numshuzi(num){
|
||||
let arr1=this.arr
|
||||
arr1[this.xz]=num
|
||||
this.arr=arr1
|
||||
uni.vibrateShort();
|
||||
this.xz++
|
||||
if(this.xz==this.length){
|
||||
let str=""
|
||||
for(let item of this.arr){
|
||||
str+=item
|
||||
}
|
||||
this.$emit('closeChange',str)
|
||||
this.close()
|
||||
}
|
||||
|
||||
},
|
||||
open(){
|
||||
this.flag=true;
|
||||
this.arr=[];
|
||||
this.xz=0;
|
||||
this.clear1=setTimeout(()=>{
|
||||
this.wc='background-color:rgba(0, 0, 0, .5)';
|
||||
|
||||
this.obj='opacity:1;top:40%';
|
||||
|
||||
this.gsbstyle="opacity:1";
|
||||
|
||||
this.tsfY='transform:translateY(0%)';
|
||||
},100)
|
||||
},
|
||||
close(){
|
||||
this.wc={
|
||||
'background-color':"rgba(0, 0, 0, .0)"
|
||||
}
|
||||
this.obj={
|
||||
"opacity":0,
|
||||
"top":'50%'
|
||||
}
|
||||
this.gsbstyle={
|
||||
"opacity":0
|
||||
}
|
||||
this.clear2=setTimeout(()=>{
|
||||
this.flag=false
|
||||
},1000)
|
||||
this.tsfY={
|
||||
'transform':'translateY(100%)'
|
||||
}
|
||||
},
|
||||
xuanze(i){
|
||||
this.xz=i
|
||||
uni.vibrateShort();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
#numberJpanActive{
|
||||
background-color: $mian-color;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.jpan{
|
||||
width: 100vw;
|
||||
height: 30vh;
|
||||
background-color: #FFFFFF;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
transform: translateY(100%);
|
||||
transition: all .5s;
|
||||
.nav{
|
||||
text-align: center;
|
||||
line-height: 50upx;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
}
|
||||
.main{
|
||||
width: 100%;
|
||||
height: calc(30vh - 50upx);
|
||||
view{
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
width: 33.33%;
|
||||
height: 25%;
|
||||
font-size: 40upx;
|
||||
text-align: center;
|
||||
line-height:7.5vh;
|
||||
border: 1px solid #f4f4f4;
|
||||
}
|
||||
view:active{
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
}
|
||||
}
|
||||
.numberJpan{
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
transition: all .5s;
|
||||
z-index: 999;
|
||||
.myshuru{
|
||||
transition: all .5s;
|
||||
position: absolute;
|
||||
width: 70vw;
|
||||
height: 350upx;
|
||||
top: 50%;
|
||||
opacity: 0;
|
||||
transform: translate(-50%,-50%);
|
||||
background-color: #FFFFFF;
|
||||
left: 50%;
|
||||
color: #000000;
|
||||
border-radius: 20upx;
|
||||
overflow: hidden;
|
||||
.shuruTitle{
|
||||
margin: 100upx auto;
|
||||
font-weight: 900;
|
||||
text-align: center;
|
||||
font-size: 30upx;
|
||||
}
|
||||
.center-x{
|
||||
width: 90%;
|
||||
height: 80upx;
|
||||
border: 1px solid #EEEEEE;
|
||||
border-radius: 20upx;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 50upx;
|
||||
.srk{
|
||||
height: 100%;
|
||||
line-height: 80upx;
|
||||
text-align: center;
|
||||
float: left;
|
||||
box-sizing: border-box;
|
||||
border-left: 1px solid #EEEEEE;
|
||||
transition: all .4s;
|
||||
}
|
||||
.srk:nth-child(1){
|
||||
border-left:0px;
|
||||
border-radius: 20upx 0 0 20upx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.gb{
|
||||
position: absolute;
|
||||
font-size: 50upx;
|
||||
top: 0;
|
||||
color: #AAAAAA;
|
||||
left: 30upx;
|
||||
transition: all .5s;
|
||||
}
|
||||
</style>
|
||||
93
components/property/record.vue
Normal file
93
components/property/record.vue
Normal file
@@ -0,0 +1,93 @@
|
||||
<template>
|
||||
<view>
|
||||
<block v-if="list.length > 0">
|
||||
<view class="record--item" v-for="(item, index) in list" :key="index">
|
||||
<view class="title ellipsis">{{item.hash || '-'}}</view>
|
||||
<view class="time ellipsis">{{item.block_time || '-'}}</view>
|
||||
<view class="webkit-box variation">
|
||||
<view class="ellipsis" :class="item.is_in ? 'add': 'remove'">{{item.is_in ? '+': '-'}}{{item.amount}}</view>
|
||||
<view class="symbol">{{item.assets.symbol}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<block v-else>
|
||||
<no-list v-if='logsType === 0' name='no-record' txt="没有任何记录~" />
|
||||
<no-list v-if='logsType === 2' name='no-in' txt="没有任何收入记录~" />
|
||||
<no-list v-if='logsType === 1' name='no-out' txt="没有任何支出记录~" />
|
||||
</block>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name:"property",
|
||||
props:{
|
||||
list: {
|
||||
type: Array,
|
||||
default: () => {
|
||||
return []
|
||||
}
|
||||
},
|
||||
logsType:{
|
||||
type:Number
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.record--item{
|
||||
padding: $padding 320rpx $padding 0;
|
||||
border-bottom: solid 1rpx $border-color;
|
||||
position: relative;
|
||||
min-height: 50rpx;
|
||||
.variation{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: $margin;
|
||||
bottom: $margin;
|
||||
width: 300rpx;
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
&>label{
|
||||
font-size: 80%;
|
||||
}
|
||||
.symbol{
|
||||
color: $mian-color;
|
||||
font-weight: normal;
|
||||
font-size: $title-size-m;
|
||||
}
|
||||
.add{
|
||||
color: $mian-color;
|
||||
}
|
||||
.remove{
|
||||
color: $mian-color;
|
||||
}
|
||||
}
|
||||
.title{
|
||||
line-height: 50rpx;
|
||||
}
|
||||
.time{
|
||||
font-size: $title-size-m;
|
||||
color: $mian-color;
|
||||
}
|
||||
}
|
||||
// 数据空
|
||||
.record--null{
|
||||
padding-top: $padding * 3;
|
||||
text-align: center;
|
||||
color: $mian-color;
|
||||
font-size: $title-size;
|
||||
height: 50vh;
|
||||
box-sizing: border-box;
|
||||
line-height: 60rpx;
|
||||
image{
|
||||
width: 168rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user