增加新模块
This commit is contained in:
@@ -0,0 +1,122 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
inputCss: {
|
||||
"height": "80rpx",
|
||||
"background": "#F5F5F5",
|
||||
"border-radius": "30rpx",
|
||||
"border": "0rpx",
|
||||
"padding-left": "16px"
|
||||
},
|
||||
form: {
|
||||
name: null,
|
||||
number: null,
|
||||
bankName: null,
|
||||
// 银行名称
|
||||
bankBranch: null,
|
||||
// 开户支行
|
||||
iban: null
|
||||
// IBAN
|
||||
},
|
||||
formList: [
|
||||
{
|
||||
id: 1,
|
||||
title: "姓名",
|
||||
formName: "name",
|
||||
placeholder: "请输入姓名"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "银行卡账号/卡号",
|
||||
formName: "number",
|
||||
placeholder: "请输入账号"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "银行名称",
|
||||
formName: "bankName",
|
||||
placeholder: "请输入银行名称"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "开户支行(选填)",
|
||||
formName: "bankBranch",
|
||||
placeholder: "请属于您的开户支行"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "IBAN(选填)",
|
||||
formName: "iban",
|
||||
placeholder: "IBNA"
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
addBank() {
|
||||
const param = {
|
||||
...this.form
|
||||
};
|
||||
if (!param.name) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: "error",
|
||||
message: "请输入姓名"
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!param.number) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: "error",
|
||||
message: "银行卡账号/卡号"
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!param.bankName) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: "error",
|
||||
message: "银行名称"
|
||||
});
|
||||
return;
|
||||
}
|
||||
common_vendor.index.__f__("log", "at pages/mine_bank_add/mine_bank_add.vue:96", "param", param);
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/mine_bank_card/mine_bank_card"
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_up_input2 = common_vendor.resolveComponent("up-input");
|
||||
const _easycom_up_toast2 = common_vendor.resolveComponent("up-toast");
|
||||
(_easycom_up_input2 + _easycom_up_toast2)();
|
||||
}
|
||||
const _easycom_up_input = () => "../../uni_modules/uview-plus/components/u-input/u-input.js";
|
||||
const _easycom_up_toast = () => "../../uni_modules/uview-plus/components/u-toast/u-toast.js";
|
||||
if (!Math) {
|
||||
(_easycom_up_input + _easycom_up_toast)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.f($data.formList, (item, k0, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.title),
|
||||
b: "aa18beea-0-" + i0,
|
||||
c: common_vendor.o(($event) => $data.form[item.formName] = $event, item.id),
|
||||
d: common_vendor.p({
|
||||
placeholder: item.placeholder,
|
||||
border: "surround",
|
||||
customStyle: $data.inputCss,
|
||||
modelValue: $data.form[item.formName]
|
||||
}),
|
||||
e: item.id
|
||||
};
|
||||
}),
|
||||
b: common_vendor.o((...args) => $options.addBank && $options.addBank(...args)),
|
||||
c: common_vendor.sr("uToastRef", "aa18beea-1")
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-aa18beea"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/mine_bank_add/mine_bank_add.js.map
|
||||
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"navigationBarTitleText": "添加银行卡",
|
||||
"navigationBarBackgroundColor": "#FFFFFF",
|
||||
"navigationBarTextStyle": "black",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "default",
|
||||
"usingComponents": {
|
||||
"up-input": "../../uni_modules/uview-plus/components/u-input/u-input",
|
||||
"up-toast": "../../uni_modules/uview-plus/components/u-toast/u-toast"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="bank_add_warp data-v-aa18beea"><view class="add_form data-v-aa18beea"><view wx:for="{{a}}" wx:for-item="item" wx:key="e" class="add_bank_form_item data-v-aa18beea"><view class="add_title data-v-aa18beea">{{item.a}}</view><up-input wx:if="{{item.d}}" class="data-v-aa18beea" u-i="{{item.b}}" bind:__l="__l" bindupdateModelValue="{{item.c}}" u-p="{{item.d}}"></up-input></view></view><view class="add_but data-v-aa18beea" bindtap="{{b}}"> 添加 </view><up-toast class="r data-v-aa18beea" u-r="uToastRef" u-i="aa18beea-1" bind:__l="__l"></up-toast></view>
|
||||
@@ -0,0 +1,43 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.bank_add_warp.data-v-aa18beea {
|
||||
height: calc(100vh - 58rpx);
|
||||
background-color: #F5F5F5;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.add_form.data-v-aa18beea {
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.add_bank_form_item.data-v-aa18beea {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.add_bank_form_item .add_title.data-v-aa18beea {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #111111;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user