zhangjing/cardtest
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[更新]

Browse Source
This commit is contained in:
zhangmanman
2021-08-09 15:57:37 +08:00
parent c661dd0e16
commit 540d76bdb8
158 changed files with 4914 additions and 788 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/favour/favour.js
View File

@@ -32,7 +32,7 @@ Page({
account: res.data.account,
typeArr: res.data.accounts
})
})
}).catch(err=>{})
},
/**

79
pages/favour/favour.wxml
View File

@@ -1,43 +1,56 @@
<view class="favourTitle">
<image class="favourTitle-img" src="/static/img/favour_title.png" mode="widthFix"></image>
</view>
<view class="favourBack">
<image class="favourBack-img" src="/static/img/favour_back.png" mode="widthFix"></image>
<view class="favourBack-cont-title">我的{{typeArr[typeIndex].value}}</view>
<view class="favourBack-cont">
<view class="favourBack-cont-title">本时生活 -- 积分赠与</view>
<view class="favourBack-cont-name">{{typeArr[typeIndex].value}}</view>
<view class="favourBack-cont-number">{{typeArr[typeIndex].key == 'silver' ? account.silver : account.drill}}</view>
<view class="favourBack-cont-number">
<text>{{typeArr[typeIndex].key == 'silver' ? account.silver : account.drill}}</text>元
</view>
</view>
<view class="favourCont">
<view class="favourBlack">
<view class="favourCont-title">赠好友消费红包</view>
<form bindsubmit="formSubmit">
<view class="favourCont-label">
<view class="favourCont-name">账户类型</view>
<picker class="favourCont-picker" range="{{typeArr}}" range-key="value" bindchange="typeBind">
<view class="tabs-text">
{{typeArr[typeIndex].value}}
</view>
<image src="/static/icon/rightsArrow.png"></image>
</picker>
</view>
<view class="favourCont-label">
<view class="favourCont-name">好友手机号</view>
<view class="favourCont-check">
<input type="number" bindinput="bindKeyInput" placeholder="输入好友手机号" />
<view class="favourCont-check-btn" bindtap="checkTel">校验号码</view>
</view>
</view>
<view class="favourCont-label">
<view class="favourCont-name">转账金额</view>
<input type="digit" name="amount" placeholder="请输入转账金额" />
</view>
<view class="favourCont-label">
<view class="favourCont-name">支付密码</view>
<input type="number" name="paypass" placeholder="请输入支付密码" password />
</view>
<button class="favourCont-btn" formType="submit" disabled="{{disabled}}">立即转入</button>
</form>
</view>
<navigator class="favourCont-record" hover-class="none"
url="/pages/account/account?type={{typeArr[typeIndex].key}}"><text>赠予记录</text>
</navigator>
</view>
</view>
<view class="favourCont">
<view class="favourCont-title">赠好友积分</view>
<form bindsubmit="formSubmit">
<view class="favourCont-label">
<view class="favourCont-name">积分账户</view>
<picker class="favourCont-picker" range="{{typeArr}}" range-key="value" bindchange="typeBind">
<view class="tabs-text">
{{typeArr[typeIndex].value}}
</view>
<image src="/static/icon/rightsArrow.png"></image>
</picker>
</view>
<view class="favourCont-label">
<view class="favourCont-name">手机号</view>
<view class="favourCont-check">
<input type="number" bindinput="bindKeyInput" placeholder="请输入被转人手机号" />
<view class="favourCont-check-btn" bindtap="checkTel">校验号码</view>
</view>
</view>
<view class="favourCont-label">
<view class="favourCont-name">转账金额</view>
<input type="digit" name="amount" placeholder="请输入转账金额" />
</view>
<view class="favourCont-label">
<view class="favourCont-name">支付密码</view>
<input type="number" name="paypass" placeholder="请输入支付密码" password />
</view>
<button class="favourCont-btn" formType="submit" disabled="{{disabled}}">立即转入</button>
<navigator class="favourCont-record" hover-class="none" url="/pages/account/account?type={{typeArr[typeIndex].key}}"><text>赠与记录</text></navigator>
</form>
</view>
<!-- 校验手机号弹出 -->
<view class="popTel-back" wx:if="{{popShow}}"></view>

193
pages/favour/favour.wxss
View File

@@ -1,9 +1,15 @@
page {
background: #fcdece;
background-color: #000000;
}
.favourBack {
.favourTitle {
text-align: center;
margin: 40rpx 0;
}
.favourBack{
position: relative;
width: 100vw;
}
.favourBack-img {
@@ -13,128 +19,129 @@ page {
.favourBack-cont {
position: absolute;
top: 0;
width: 100%;
padding: 140rpx 40rpx;
box-sizing: border-box;
top: 100rpx;
left: 0;
color: #ca3c19;
}
.favourBack-cont-title {
font-size: 32rpx;
font-weight: 600;
margin-bottom: 30rpx;
}
.favourBack-cont-name {
font-size: 46rpx;
font-weight: 600;
padding-left: 14%;
z-index: 1;
color: #606060;
width: 100%;
box-sizing: border-box;
}
.favourBack-cont-number {
background-color: #ff5e5d;
color: #fff;
border-radius: 50rpx;
display: inline-block;
padding: 4rpx 20rpx;
margin-top: 15rpx;
color: #000000;
width: 100%;
margin-top: 20rpx;
}
/* 表单 */
.favourCont {
background-color: #fff;
margin: 0 30rpx;
padding: 0 40rpx 60rpx;
box-sizing: border-box;
border-radius: 30rpx;
}
.favourCont-title {
text-align: center;
color: #d57449;
font-size: 38rpx;
.favourBack-cont-number text {
font-size: 50rpx;
font-weight: 600;
width: 100%;
padding: 30rpx 0 50rpx;
padding-right: 10rpx;
display: inline-block;
}
.favourCont-label {
position: relative;
line-height: 80rpx;
background-color: #f4f4f4;
margin-bottom: 40rpx;
font-size: 28rpx;
}
.favourCont-name {
background-color: #ffffff;
width: 130rpx;
}
.favourCont-label>input,
.favourCont-picker,
.favourCont-check {
.favourBack-cont-title {
position: absolute;
left: 0;
font-size: 28rpx;
top: 0;
display: block;
height: 80rpx;
padding: 0 30rpx 0 160rpx;
left: 0;
width: 100%;
text-align: center;
font-size: 26rpx;
line-height: 50rpx;
}
.favourCont {
background-color: #ffffff;
padding: 40rpx 50rpx;
width: 100%;
box-sizing: border-box;
border-radius: 5rpx 5rpx 0 0;
}
.favourCont-picker image {
width: 50rpx;
height: 50rpx;
position: absolute;
right: 10rpx;
top: 14rpx;
}
.favourCont-btn {
background: linear-gradient(to right, #ff8e65, #ff5f5d);
color: #fff;
margin-top: 80rpx;
width: 100% !important;
font-size: 32rpx;
line-height: 54rpx;
.favourBlack {
background-color: #e9e9e9;
padding: 40rpx;
box-sizing: border-box;
border-radius: 45rpx;
}
.favourCont-record {
line-height: 90rpx;
text-align: center;
color: #ff5f5d;
font-size: 30rpx;
font-weight: 600;
font-size: 34rpx;
}
.favourCont-title {
font-size: 45rpx;
text-align: center;
}
.favourCont-label {
display: flex;
margin-top: 40rpx;
text-align: center;
width: 100%;
font-size: 28rpx;
}
.favourCont-record text {
border-bottom: #ff5f5d solid 4rpx;
display: inline-block;
}
.favourCont-check {
.favourCont-check,
.favourCont-picker,
.favourCont-label>input {
background-color: #c9c9c9;
display: flex;
width: calc(100% - 160rpx);
padding: 0 20rpx;
box-sizing: border-box;
height: 80rpx;
line-height: 80rpx;
}
.favourCont-check>input {
.favourCont-picker {
position: relative;
}
.favourCont-picker image {
width: 40rpx;
height: 40rpx;
position: absolute;
right: 0;
top: 20rpx;
z-index: 2;
}
.favourCont-label input {
height: 80rpx;
line-height: 80rpx;
}
.favourCont-name {
width: 160rpx;
line-height: 80rpx;
}
.favourCont-check-btn {
font-size: 28rpx;
width: 150rpx;
text-align: center;
background-color: #a1a1a1;
line-height: 60rpx;
height: 60rpx;
margin-top: 10rpx;
font-size: 24rpx;
}
.favourCont-btn {
width: 100% !important;
background-color: #dbc190;
margin-top: 40rpx;
border-radius: 60rpx;
}
.tabs-text {
width: 100%;
position: absolute;
right: 0;
left: 0;
top: 0;
background: #ff8e65;
padding: 0 20rpx;
color: #fff;
z-index: 9;
padding-left: 20rpx;
box-sizing: border-box;
}
/* 校验弹出层 */