Skip to content

M
mcep-h5
提交 3f49aab7 编写于 作者: “grape”'s avatar “grape”
浏览文件
操作

首页

上级 f0f37aac
隐藏空白字符变更
内嵌 并排
正在显示 包含 190 行增加 和 31 行删除
src/components/common/Picket.vue
浏览文件 @ 3f49aab7
......@@ -61,6 +61,7 @@ export default class Picket extends Vue {
border-radius: 4px;
-moz-box-shadow: 0px 0px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.priductName{
font-size: 16px;
......
src/components/common/Picket2.vue 0 → 100644
浏览文件 @ 3f49aab7
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-04 16:24:00
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-08-18 13:55:42
* @FilePath: \mcep-h5\src\components\common\Tatle.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<!-- <div> -->
<div class="d-tatle">
<div class="card" @click="onClickPicket()">
<van-row>
<van-col span="24" class="priductName">{{ productname }}</van-col>
</van-row>
<div class="describe" style="line-height: 30px;">
<div class="description">{{ describe }}</div>
</div>
<van-row type="flex" justify="center" style="line-height: 30px;font-weight: 700;">
<van-col span="8" class="loanterm" style="text-align: center;">{{ limitrange }}</van-col>
<van-col span="8" class="interestrate" style="text-align: center;">{{ interestrate }}</van-col>
<van-col span="8" class="loanterm" style="text-align: center;">{{ loanterm }}</van-col>
</van-row>
<van-row type="flex" justify="center" style="line-height: 30px;color: #999999;font-weight: 400;font-size: 12px;">
<van-col span="8" class="loantermlot">面向人群</van-col>
<van-col span="8" class="loantermlot">担保方式</van-col>
<van-col span="8" class="loantermlot">贷款期限</van-col>
</van-row>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "Picket2",
})
export default class Picket extends Vue {
@Prop({ default: "" }) productname: string | undefined //产品名称
@Prop({ default: "" }) describe: string | undefined //描述
@Prop({ default: "" }) limitrange: string | undefined //额度范围
@Prop({ default: "" }) interestrate: string | undefined //利率
@Prop({ default: "" }) loanterm: string | undefined //贷款期限
//调用父组件的值
@Emit("onClickPicket")
onClickPicket(){}
}
</script>
<style scoped lang="scss">
.card {
height: 130px;
width: 98%;
margin: 0% auto;
background: inherit;
background-color: rgba(255, 255, 255, 1);
border: none;
border-radius: 4px;
-moz-box-shadow: 0px 0px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.priductName{
font-size: 16px;
text-align: left;
//margin-left: 3%;
font-weight: 600;
margin: 2% 0% 2% 4%;
text-rendering: optimizeLegibility;
font-feature-settings: "kern" 1;
-webkit-font-feature-settings: "kern";
-moz-font-feature-settings: "kern";
-moz-font-feature-settings: "kern=1";
font-kerning: normal;
}
// .describe{
// background: #eaf5ff;
// }
.description{
background: #eaf5ff;
font-size: 12px;
margin-left: 3%;
color: #1890FF;
text-rendering: optimizeLegibility;
font-feature-settings: "kern" 1;
-webkit-font-feature-settings: "kern";
-moz-font-feature-settings: "kern";
-moz-font-feature-settings: "kern=1";
font-kerning: normal;
// width: 50%;
border-radius: 4px;
padding-left:1%;
// text-align: center;
}
.limitrange{
// margin-left: 3%;
align-items: center;
font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
color: #FF7628;
text-rendering: optimizeLegibility;
font-feature-settings: "kern" 1;
-webkit-font-feature-settings: "kern";
-moz-font-feature-settings: "kern";
-moz-font-feature-settings: "kern=1";
font-kerning: normal;
}
.van-col--8 {
width: 32%;
}
.loantermlot{
text-align: center;
}
</style>
src/components/general/ScrollerView.vue
浏览文件 @ 3f49aab7
......@@ -193,6 +193,7 @@ export default class ScrollerView extends Vue {
}
.scroller {
padding-bottom: 2px;
}
.pull-down-tips {
position: absolute;
......
src/constants/api/login/login-mgt.api.ts
浏览文件 @ 3f49aab7
......@@ -8,8 +8,8 @@
*/
import { MethodType } from "@/constants/enum/general/method-type.enum";
import { HeaderType } from "@/constants/enum/general/header-type.enum";
//const prefix = "http://localhost:9130/ms-system/api/v1/sysCustInfo/permit_endpoint"
const prefix = process.env.VUE_APP_BASE_API;
const prefix = "http://10.0.2.248:9165/online-financial-service/api/v1/cust-info/permit_endpoint"
// const prefix = process.env.VUE_APP_BASE_API;
const loginApi = {
updatePicCode: {
url: prefix + "/getVerifyCode",
......@@ -17,7 +17,7 @@ const loginApi = {
header: HeaderType.AUTH.code,
},
loginSystem: {
url: prefix + "/onlineLogin",
url: prefix + "/login",
method: MethodType.POST.code,
header: HeaderType.AUTH.code,
},
......
src/services/component-vue.service.ts
浏览文件 @ 3f49aab7
......@@ -22,6 +22,7 @@ import AnchorNav from "@/components/general/AnchorNav.vue";
import * as echarts from "echarts";
import Tatle from "@/components/common/Tatle.vue";
import picket from "@/components/common/Picket.vue";
import picket2 from "@/components/common/Picket2.vue";
import ant from "ant-design-vue/es/locale/zh_CN"
import Tool from "@/components/common/Tool.vue";
import Bottom from "@/components/common/Bottom.vue";
......@@ -101,6 +102,7 @@ class ComponentVueService {
Vue.component("anchor-nav", AnchorNav);
Vue.component("tatle-bar", Tatle);
Vue.component("picket-bar", picket);
Vue.component("picket-bar2", picket2);
Vue.component("tools-bar", Tool);
Vue.component("bottom-bar", Bottom);
Vue.component("person-bar", Person);
......
src/views/main/Main.vue
浏览文件 @ 3f49aab7
......@@ -6,6 +6,7 @@
* @FilePath: \mcep-h5\src\views\main\MainView.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<div class="d-page d-flex flex-column" style="background-color: #ebedf0">
<div class="rarle">
......@@ -115,7 +116,7 @@
<div
class="application"
v-for="(item, index) in applicaList.slice(0, 1)"
:key="index"
:key="index.name"
>
<van-row type="flex" class="applicationName">
......@@ -158,7 +159,7 @@
<div
class="application"
v-for="(item, index) in applicaList.slice(1, 2)"
:key="index"
:key="index.name"
>
<van-row type="flex" class="applicationName">
<van-col span="24">{{ item.name }}</van-col>
......@@ -201,7 +202,7 @@
<div
class="application"
v-for="(item, index) in applicaList.slice(3, 4)"
:key="index"
:key="index.name"
>
<van-row type="flex" class="applicationName">
<van-col span="24">{{ item.name }}</van-col>
......@@ -244,7 +245,7 @@
<div
class="application"
v-for="(item, index) in applicaList.slice(2, 3)"
:key="index"
:key="index.name"
>
<van-row type="flex" class="applicationName">
<van-col span="24">{{ item.name }}</van-col>
......@@ -300,7 +301,7 @@
</van-row>
</div>
<scroller-view v-calculate-height>
<scroller-view v-calculate-height class="product">
<div
v-for="(item, index) in productList"
:key="index"
......@@ -315,6 +316,25 @@
@onClickPicket="onClickPicket"
></picket-bar>
</div>
<div
v-for="(item, index) in productList2"
:key="index"
style="margin: 4% auto"
>
<picket-bar2
:productname="item.productname"
:describe="item.describe"
:limitrange="item.limitrange"
:interestrate="item.interestrate"
:loanterm="item.loanterm"
@onClickPicket="onClickPicket"
></picket-bar2>
</div>
</scroller-view>
</div>
</div>
......@@ -332,8 +352,6 @@ Vue.use(Cell);
Vue.use(CellGroup);
Vue.use(Area);
Vue.use(Toast);
Vue.use(Tab);
Vue.use(Tabs);
// import { areaList } from '@vant/area-data';
......@@ -517,31 +535,47 @@ export default class Main extends Vue {
// }
];
//金额
applicaform: any = [
// applicaform: any = [
// {
// name: "产品金额（万元）",
// max: "最高",
// min: "最低",
// fristsize: "1-100",
// secondsize: "100-500",
// thirdsize: "500-1000",
// foursize: "1000-2000",
// },
// ];
productList: any = [
{
name: "产品金额（万元）",
max: "最高",
min: "最低",
fristsize: "1-100",
secondsize: "100-500",
thirdsize: "500-1000",
foursize: "1000-2000",
},
productname: "小微企业抵押“一证通”贷款", //产品名称
describe: "一次核定 三年有效 随用随贷 循环使用", //描述
limitrange: "1~500万", //额度范围
interestrate: "2%~4%", //利率
loanterm: "1~36个月", //贷款期限
}
];
productList: ProductData[] = [
productList2: any = [
{
productname: "金融消费贷", //产品名称
describe: "1年100万", //描述
limitrange: "1000~2000", //额度范围
interestrate: "19%~20%", //利率
loanterm: "89个月", //贷款期限
productname: "“企业之兴”流动资金贷款", //产品名称
describe: "额度较大 利率优惠", //描述
limitrange: "经营企业", //面向人群 TODO 字段名
interestrate: "抵押", //担保方式 TODO 字段名
loanterm: "1~36个月", //贷款期限
},
{
productname: "金融消费贷", //产品名称
describe: "1年100万三年内还清了", //描述
limitrange: "1000~2000", //额度范围
interestrate: "19%~20%", //利率
loanterm: "89个月", //贷款期限
{
productname: "白领贷", //产品名称
describe: "手续简单 轻松操作 随用随贷 安全可靠", //描述
limitrange: "经营企业", //面向人群 TODO 字段名
interestrate: "抵押", //担保方式 TODO 字段名
loanterm: "1~36个月", //贷款期限
},
];
......@@ -800,4 +834,5 @@ export default class Main extends Vue {
color: #1890ff;
text-align: right;
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或