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

新增分享,找回密码,实名认证,签约

Browse Source
This commit is contained in:
唐明明
2023-08-25 14:04:31 +08:00
parent 32cc588ae7
commit 0f7c37d548
106 changed files with 2130 additions and 1313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
pages/bankCard/bankAdd/bankAdd.js
View File

@@ -25,12 +25,10 @@ Page({
type : options.type,
bankId: options.id
})
if(options.type == 'Compile') {
// 获取银行编辑信息
this.bankEdit();
}
},
/**
@@ -79,7 +77,6 @@ Page({
*/
siteform(val) {
let value = val.detail.value
console.log(value)
let data = {
name : value.name,
mobile : value.mobile,

92
pages/bankCard/bankAdd/bankAdd.wxml
View File

@@ -1,34 +1,62 @@
<!-- 添加地址 -->
<form bindsubmit="siteform" class="ce-radius site-form">
<view class="ce-white">
<view class="site-input">
<label>开户银行</label>
<picker bindchange="bankChange" value="{{bankIndex}}" range="{{bankArr}}" range-key="name" class="conneColor">
<view class="picker">
{{bankArr[bankIndex].name}}
</view>
<image src="/static/icons/orderArrow.png"></image>
</picker>
</view>
<view class="site-input">
<label>支行名称</label>
<input placeholder="请输入支行名称" name="branch_name" value="{{bankData.branch_name}}"></input>
</view>
<view class="site-input">
<label>银行卡号</label>
<input placeholder="请输入银行卡号" name="no" value="{{bankData.no}}"></input>
</view>
<view class="site-input">
<label>收款人姓名</label>
<input placeholder="请输入收款人姓名" name="name" value="{{bankData.name}}"></input>
</view>
<view class="site-input">
<label>收款人手机号</label>
<input placeholder="请输入开户账号手机号" name="mobile" type="number" maxlength="11" value="{{bankData.mobile}}"></input>
</view>
</view>
<view class="site-btn">
<button form-type="submit" size="mini" disabled="{{disabled}}">确认添加</button>
</view>
</form>
<view class="content">
<form bindsubmit="siteform">
<view class="form">
<view class="form-item">
<label class="form-label">开户银行</label>
<picker bindchange="bankChange" value="{{bankIndex}}" range="{{bankArr}}" range-key="name" class="form-picker">
<view class="form-picker-text">{{bankArr[bankIndex].name}}</view>
<image class="form-picker-icon" src="/static/icons/orderArrow.png" mode="widthFix"></image>
</picker>
</view>
<view class="form-item">
<label class="form-label">支行名称</label>
<input class="form-intpu" placeholder="请输入支行名称" name="branch_name" value="{{bankData.branch_name}}"></input>
</view>
<view class="form-item">
<label class="form-label">银行卡号</label>
<input class="form-intpu" placeholder="请输入银行卡号" name="no" value="{{bankData.no}}"></input>
</view>
<view class="form-item">
<label class="form-label">真实姓名</label>
<input class="form-intpu" placeholder="请输入收款人姓名" name="name" value="{{bankData.name}}"></input>
</view>
<view class="form-item">
<label class="form-label">预留手机</label>
<input class="form-intpu" placeholder="请输入开户账号手机号" name="mobile" type="number" maxlength="11" value="{{bankData.mobile}}"></input>
</view>
</view>
<!-- <view class="ce-white">
<view class="site-input">
<label>开户银行</label>
<picker bindchange="bankChange" value="{{bankIndex}}" range="{{bankArr}}" range-key="name" class="conneColor">
<view class="picker">
{{bankArr[bankIndex].name}}
</view>
<image src="/static/icons/orderArrow.png"></image>
</picker>
</view>
<view class="site-input">
<label>支行名称</label>
<input placeholder="请输入支行名称" name="branch_name" value="{{bankData.branch_name}}"></input>
</view>
<view class="site-input">
<label>银行卡号</label>
<input placeholder="请输入银行卡号" name="no" value="{{bankData.no}}"></input>
</view>
<view class="site-input">
<label>收款人姓名</label>
<input placeholder="请输入收款人姓名" name="name" value="{{bankData.name}}"></input>
</view>
<view class="site-input">
<label>收款人手机号</label>
<input placeholder="请输入开户账号手机号" name="mobile" type="number" maxlength="11" value="{{bankData.mobile}}"></input>
</view>
</view>
-->
<view class="btn">
<button form-type="submit" size="default" disabled="{{disabled}}">确认添加</button>
</view>
</form>
</view>

146
pages/bankCard/bankAdd/bankAdd.wxss
View File

@@ -1,137 +1,15 @@
.site-form {
margin: 20rpx;
display: block;
overflow: hidden;
}
.site-btn {
margin: 40rpx 0;
}
.content{ background: #f7f8f9; min-height: 100vh; padding: 30rpx; box-sizing: border-box; }
.site-input {
padding: 0 30rpx 0 280rpx;
position: relative;
line-height: 100rpx;
min-height: 100rpx;
}
/* 绑定银行卡 */
.form{ background: white; border-radius: 20rpx; padding: 15rpx 0; }
.form-item{ display: flex; justify-content: space-between; padding: 0 30rpx; height: 90rpx; line-height: 90rpx; align-items: center; }
.form-label{ width: 180rpx; font-size: 30rpx; }
.form-intpu{ width: calc(100% - 180rpx); height: 90rpx; line-height: 90rpx; font-size: 30rpx; }
.form-picker{ width: calc(100% - 180rpx); position: relative; }
.form-picker-text{ line-height: 90rpx; height: 90rpx; font-size: 30rpx; }
.form-picker-icon{ width: 48rpx; height: 48rpx; position: absolute; right: 0; top: 50%; margin-top: -24rpx; }
.site-input label {
position: absolute;
left: 30rpx;
top: 0;
}
.site-input input {
height: 100rpx;
}
.site-input::before {
position: absolute;
bottom: 0;
left: 30rpx;
right: 0;
height: 1rpx;
content: "";
background: #e4e6f2;
}
.site-input:last-child::before {
display: none;
}
.tui-picker-detail {
width: 33%;
}
.site-btn button[size="mini"] {
width: 100%;
background: #da2b54;
height: 90rpx;
line-height: 90rpx;
font-size: 30rpx;
color: white;
padding: 0;
}
.site-btn button[disabled] {
opacity: .6;
}
/* pickerView */
.pickerView-back {
background: rgba(0, 0, 0, .3);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
.pickerView-back.active {
display: block;
}
.pickerView-layer {
position: fixed;
bottom: -571rpx;
left: 0;
width: 100%;
background: white;
transition: all .3s;
}
.pickerView-layer.active {
bottom: 0;
}
.pickerView-btn {
line-height: 90rpx;
font-size: 30rpx;
padding: 0 30rpx;
display: flex;
justify-content: space-between;
}
.pickerView {
height: 480rpx;
padding: 0 10rpx;
}
.pickerView-name {
line-height: 80rpx;
padding: 0 20rpx;
text-align: center;
}
.pickerView-mask {
border-top: solid 1rpx #e4e6f2;
}
.pickerView-indicator {
height: 80rpx;
}
.pickerView-determine {
color: #3ec28e;
}
.pickerView-cancel {
color: #747788;
}
.site-input image {
width: 38rpx;
height: 38rpx;
position: absolute;
right: 20rpx;
top: calc(50% - 19rpx);
}
.site-switch {
position: absolute;
right: 0;
top: 0;
}
/* 确认添加 */
.btn{ margin-top: 50rpx; }
.btn button[size="default"]{ background: #da2b54; width: 100%; height: 90rpx; line-height: 90rpx; padding: 0; border-radius: 45rpx; color: white; font-size: 32rpx; }

14
pages/bankCard/index.wxml
View File

@@ -19,13 +19,13 @@
</view>
</view>
<view class="address-tool">
<view class="address-tool {{type == 'selectAddress' ? 'active' : ''}}" wx:if="{{type == 'selectAddress'}}">
<view class="address-tool-btn {{type == 'selectAddress' ? 'active' : ''}}" bindtap="selectAddress" data-index="{{index}}">选择地址</view>
</view>
<view class="address-icon" wx:else>
<navigator hover-class="none" class="address-edit address-edit-border" url="/pages/bankCard/bankAdd/bankAdd?type=Compile&id={{item.bank_account_id}}">编辑账户</navigator>
<view class="address-edit" bindtap="bankRemove" data-index="{{index}}" data-id="{{item.bank_account_id}}">删除账户</view>
</view>
<block wx:if="{{type == 'selectAddress'}}">
<view class="address-tool-btn address-tool-border" bindtap="selectAddress" data-index="{{index}}">选择地址</view>
</block>
<block wx:else>
<navigator class="address-tool-btn address-tool-border" hover-class="none" url="/pages/bankCard/bankAdd/bankAdd?type=Compile&id={{item.bank_account_id}}">编辑账户</navigator>
<view class="address-tool-btn" bindtap="bankRemove" data-index="{{index}}" data-id="{{item.bank_account_id}}">删除账户</view>
</block>
</view>
</view>
</view>

130
pages/bankCard/index.wxss
View File

@@ -1,103 +1,19 @@
page {
background: #f5f5f5;
}
.address { padding: 30rpx 30rpx 180rpx; min-height: 100vh; box-sizing: border-box; background: #f7f8f9; }
.address-li { margin-bottom: 20rpx; background-color: #ffffff; border-radius: 20rpx; }
.top { position: relative; border-bottom: 1rpx solid #ececec; padding: 30rpx; box-sizing: border-box; display: flex; align-items: center; }
.top-logo { width: 68rpx; height: 68rpx; border-radius: 50%; }
.top-name { font-weight: 600; font-size: 32rpx; margin-left: 20rpx; }
.cont { padding: 30rpx; box-sizing: border-box; }
.address-title { display: flex; justify-content: space-between; font-size: 28rpx; line-height: 70rpx; }
.address-title text { width: 200rpx; color: gray; }
.address-tool{ padding: 30rpx; box-sizing: border-box; display: flex; justify-content: flex-end; border-top: 1rpx solid #ececec; }
.address-tool-btn{ background: #e92152; color: white; height: 62rpx; line-height: 60rpx; border-radius: 30rpx; font-size: 28rpx; margin-left: 30rpx; padding: 0 30rpx; border:solid 1rpx #e92152; box-sizing: border-box; }
.address-tool-border{ color: #e92152; background: white; }
.address {
border-bottom: 120rpx solid transparent;
margin: 20rpx;
}
/* .address-tool { padding: 30rpx; box-sizing: border-box; font-size: 28rpx; }
.address-edit { margin-left: 30rpx; background-color: #e92152; border: 2rpx solid #e92152; color: #ffffff; line-height: 60rpx; padding: 0 30rpx; border-radius: 30rpx; font-size: 28rpx; }
.address-li {
margin-bottom: 20rpx;
background-color: #ffffff;
border-radius: 20rpx;
}
.top {
position: relative;
border-bottom: 2rpx solid #ececec;
padding: 20rpx 20rpx 15rpx;
box-sizing: border-box;
}
.top-logo {
width: 80rpx;
height: 80rpx;
border-radius: 50%;
}
.top-name {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 20rpx 20rpx 20rpx 120rpx;
box-sizing: border-box;
line-height: 80rpx;
font-weight: 600;
font-size: 32rpx;
}
.cont {
padding: 30rpx;
box-sizing: border-box;
}
.address-title {
display: flex;
font-size: 28rpx;
line-height: 80rpx;
background-color: #f9fbfc;
margin-bottom: 30rpx;
padding: 0 30rpx;
box-sizing: border-box;
border-radius: 10rpx;
}
.address-title text {
display: inline-block;
width: 200rpx;
color: #aaaaaa;
}
.address-title:last-child {
margin-bottom: 0;
}
.address-nmae,
.address-tips {
flex: 1;
}
.address-text {
font-size: 28rpx;
margin: 20rpx 0;
}
.address-tool {
padding: 30rpx;
box-sizing: border-box;
font-size: 28rpx;
overflow: hidden;
border-top: 2rpx solid #ececec;
}
.address-edit {
margin-left: 30rpx;
display: inline-block;
background-color: #ff9b26;
border: 2rpx solid #ff9b26;
color: #ffffff;
line-height: 58rpx;
padding: 0 30rpx;
border-radius: 10rpx;
font-size: 28rpx;
}
.address-edit-border {
color: #ff9b26;
background-color: #ffffff;
}
.address-edit-border { color: #e92152; background-color: #ffffff; }
.address-edit image {
width: 32rpx;
@@ -137,30 +53,30 @@ page {
.address-icon {
float: right;
}
} */
/* 空页面 */
.pages-hint{ padding-bottom: 180rpx; }
/* footer */
.address-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding-left: 30rpx;
padding-right: 30rpx;
background: white;
z-index: 9;
height: 120rpx;
z-index: 99;
padding: 30rpx 30rpx 60rpx;
}
.address-footer navigator {
width: 100%;
line-height: 90rpx;
height: 90rpx;
margin: 15rpx 0;
text-align: center;
background: #e92152;
font-size: 30rpx;
font-size: 32rpx;
font-weight: bold;
color: white;
border-radius: 10rpx
border-radius: 45rpx
}