Skip to content

M
mcep-h5
提交 0dacfc3a 编写于 作者: jiangzaicheng's avatar jiangzaicheng
浏览文件
操作

产品详细11

上级 a4e91419
展开全部 隐藏空白字符变更
内嵌 并排
正在显示 包含 795 行增加 和 65 行删除
src/assets/iconfont/demo_index.html
浏览文件 @ 0dacfc3a
......@@ -54,6 +54,36 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xed8d;</span>
<div class="name">未签订</div>
<div class="code-name">&amp;#xed8d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xed8e;</span>
<div class="name">已签订</div>
<div class="code-name">&amp;#xed8e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xed8a;</span>
<div class="name">已结清</div>
<div class="code-name">&amp;#xed8a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xed8b;</span>
<div class="name">已发放</div>
<div class="code-name">&amp;#xed8b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xed8c;</span>
<div class="name">申请中</div>
<div class="code-name">&amp;#xed8c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xed76;</span>
<div class="name">积分商城.32x32px</div>
......@@ -930,9 +960,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1658487575752') format('woff2'),
url('iconfont.woff?t=1658487575752') format('woff'),
url('iconfont.ttf?t=1658487575752') format('truetype');
src: url('iconfont.woff2?t=1658900592121') format('woff2'),
url('iconfont.woff?t=1658900592121') format('woff'),
url('iconfont.ttf?t=1658900592121') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
......@@ -958,6 +988,51 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-weiqianding"></span>
<div class="name">
未签订
</div>
<div class="code-name">.icon-weiqianding
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yiqianding"></span>
<div class="name">
已签订
</div>
<div class="code-name">.icon-yiqianding
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yijieqing"></span>
<div class="name">
已结清
</div>
<div class="code-name">.icon-yijieqing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yifafang"></span>
<div class="name">
已发放
</div>
<div class="code-name">.icon-yifafang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shenqingzhong"></span>
<div class="name">
申请中
</div>
<div class="code-name">.icon-shenqingzhong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-a-jifenshangcheng32x32px"></span>
<div class="name">
......@@ -2272,6 +2347,46 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weiqianding"></use>
</svg>
<div class="name">未签订</div>
<div class="code-name">#icon-weiqianding</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yiqianding"></use>
</svg>
<div class="name">已签订</div>
<div class="code-name">#icon-yiqianding</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yijieqing"></use>
</svg>
<div class="name">已结清</div>
<div class="code-name">#icon-yijieqing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yifafang"></use>
</svg>
<div class="name">已发放</div>
<div class="code-name">#icon-yifafang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shenqingzhong"></use>
</svg>
<div class="name">申请中</div>
<div class="code-name">#icon-shenqingzhong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-jifenshangcheng32x32px"></use>
......
src/assets/iconfont/iconfont.css
浏览文件 @ 0dacfc3a
@font-face {
font-family: "iconfont"; /* Project id 3289090 */
src: url('iconfont.woff2?t=1658487575752') format('woff2'),
url('iconfont.woff?t=1658487575752') format('woff'),
url('iconfont.ttf?t=1658487575752') format('truetype');
src: url('iconfont.woff2?t=1658900592121') format('woff2'),
url('iconfont.woff?t=1658900592121') format('woff'),
url('iconfont.ttf?t=1658900592121') format('truetype');
}
.iconfont {
......@@ -13,6 +13,26 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-weiqianding:before {
content: "\ed8d";
}
.icon-yiqianding:before {
content: "\ed8e";
}
.icon-yijieqing:before {
content: "\ed8a";
}
.icon-yifafang:before {
content: "\ed8b";
}
.icon-shenqingzhong:before {
content: "\ed8c";
}
.icon-a-jifenshangcheng32x32px:before {
content: "\ed76";
}
......
src/assets/iconfont/iconfont.js
浏览文件 @ 0dacfc3a
此差异已折叠。
src/assets/iconfont/iconfont.json
浏览文件 @ 0dacfc3a
......@@ -5,6 +5,41 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "30879721",
"name": "未签订",
"font_class": "weiqianding",
"unicode": "ed8d",
"unicode_decimal": 60813
},
{
"icon_id": "30879722",
"name": "已签订",
"font_class": "yiqianding",
"unicode": "ed8e",
"unicode_decimal": 60814
},
{
"icon_id": "30830978",
"name": "已结清",
"font_class": "yijieqing",
"unicode": "ed8a",
"unicode_decimal": 60810
},
{
"icon_id": "30830979",
"name": "已发放",
"font_class": "yifafang",
"unicode": "ed8b",
"unicode_decimal": 60811
},
{
"icon_id": "30830980",
"name": "申请中",
"font_class": "shenqingzhong",
"unicode": "ed8c",
"unicode_decimal": 60812
},
{
"icon_id": "30395772",
"name": "积分商城.32x32px",
......
src/router/product.mgt.routing.ts
浏览文件 @ 0dacfc3a
......@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-05 10:08:57
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-13 19:03:44
* @LastEditTime: 2022-07-28 14:56:01
* @FilePath: \mcep-h5\src\router\login.mgt.routing.ts
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
......@@ -31,6 +31,34 @@ const productRoutes = [
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "服务协议" },
},
{
path: `/recognition`,
name: 'recognition',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/recognition/FaceRecognition.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "人脸识别" },
},
{
path: `/facesuccess`,
name: 'facesuccess',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/recognition/FaceSuccess.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "人脸识别成功 " },
},
{
path: `/intention`,
name: 'intention',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/recognition/Intention.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "立即申请" },
}, {
path: `/LinSuccess`,
name: 'LinSuccess',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/recognition/LinSuccess.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "申请结果" },
},
]
export default productRoutes;
src/views/main/Main.vue
浏览文件 @ 0dacfc3a
......@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-05 14:05:30
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-20 10:29:08
* @LastEditTime: 2022-07-28 15:44:01
* @FilePath: \mcep-h5\src\views\main\MainView.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
......@@ -73,14 +73,14 @@
</van-row>
</div>
<div style="margin-top: 4%;">
<van-row type="flex" >
<van-col span="12">
<van-button square block type="default">重置</van-button>
</van-col>
<van-col span="12">
<van-button square block type="info">确定</van-button>
</van-col>
</van-row>
<van-row type="flex">
<van-col span="12">
<van-button square block type="default">重置</van-button>
</van-col>
<van-col span="12">
<van-button square block type="info">确定</van-button>
</van-col>
</van-row>
</div>
</van-dropdown-item>
<van-dropdown-item title="金额" ref="item">
......@@ -115,18 +115,18 @@
</van-row>
</div>
<div style="margin-top: 4%;">
<van-row type="flex" >
<van-col span="12">
<van-button square block type="default">重置</van-button>
</van-col>
<van-col span="12">
<van-button square block type="info">确定</van-button>
</van-col>
</van-row>
<van-row type="flex">
<van-col span="12">
<van-button square block type="default">重置</van-button>
</van-col>
<van-col span="12">
<van-button square block type="info">确定</van-button>
</van-col>
</van-row>
</div>
</van-dropdown-item>
<van-dropdown-item title="期限" ref="item">
<div class="application" v-for="(item, index) in applicaform" :key="index">
<div class="application" v-for="(item, index) in applicaform" :key="index">
<van-row type="flex" class="applicationName">
<van-col span="24">{{ item.name }}</van-col>
</van-row>
......@@ -157,18 +157,18 @@
</van-row>
</div>
<div style="margin-top: 4%;">
<van-row type="flex" >
<van-col span="12">
<van-button square block type="default">重置</van-button>
</van-col>
<van-col span="12">
<van-button square block type="info">确定</van-button>
</van-col>
</van-row>
<van-row type="flex">
<van-col span="12">
<van-button square block type="default">重置</van-button>
</van-col>
<van-col span="12">
<van-button square block type="info">确定</van-button>
</van-col>
</van-row>
</div>
</van-dropdown-item>
<van-dropdown-item title="利率" ref="item">
<div class="application" v-for="(item, index) in applicaform" :key="index">
<div class="application" v-for="(item, index) in applicaform" :key="index">
<van-row type="flex" class="applicationName">
<van-col span="24">{{ item.name }}</van-col>
</van-row>
......@@ -199,14 +199,14 @@
</van-row>
</div>
<div style="margin-top: 4%;">
<van-row type="flex" >
<van-col span="12">
<van-button square block type="default">重置</van-button>
</van-col>
<van-col span="12">
<van-button square block type="info">确定</van-button>
</van-col>
</van-row>
<van-row type="flex">
<van-col span="12">
<van-button square block type="default">重置</van-button>
</van-col>
<van-col span="12">
<van-button square block type="info">确定</van-button>
</van-col>
</van-row>
</div>
</van-dropdown-item>
</van-dropdown-menu>
......@@ -218,7 +218,7 @@
</div>
</scroller-view>
</div>
</div>
......@@ -235,11 +235,11 @@ export default class Main extends Vue {
tatleName = "线上金融服务平台"
notice = "在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。"
//测试
demo(){
demo() {
this.$router.push({
path:"/CustomerMgtView"
path: "/CustomerMgtView"
}
)
)
}
//div列表
applicaList: any = [
......@@ -343,7 +343,6 @@ export default class Main extends Vue {
}];
//点击picket跳转界面
onClickPicket() {
debugger
this.$router.push({
path: "/product",
//路由传值
......@@ -389,14 +388,14 @@ export default class Main extends Vue {
}
.applicationName {
//margin-left: 6%;
margin: 2% 6%;
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;
//margin-left: 6%;
margin: 2% 6%;
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;
}
.applicationfole {
......@@ -406,7 +405,7 @@ export default class Main extends Vue {
// margin-top: 2%;
// margin-left: 5%;
// margin-right: 5%;
margin: 4% 6% 0% 6%;
margin: 4% 6% 0% 6%;
}
.applicationfale {
......@@ -431,12 +430,13 @@ export default class Main extends Vue {
right: 0;
bottom: 72px;
}
.van-dropdown-item {
position: fixed;
right: 0;
left: 0;
z-index: 10;
overflow: hidden;
height: 100%;
position: fixed;
right: 0;
left: 0;
z-index: 10;
overflow: hidden;
height: 100%;
}
</style>
src/views/recognition/Agreement.vue
浏览文件 @ 0dacfc3a
......@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-13 19:24:02
* @LastEditTime: 2022-07-27 10:21:28
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
......@@ -33,7 +33,7 @@
</van-checkbox>
</div>
<div class="info">
<van-button class="vbutton" :disabled="!checked" block type="info">发起视频</van-button>
<van-button class="vbutton" :disabled="!checked" block type="info" @click="recognition()">发起视频</van-button>
</div>
</div>
</template>
......@@ -50,6 +50,12 @@ export default class Agreement extends Vue {
//实名认证
tatleName = "实名认证"
checked: boolean = false;
//人脸识别
recognition(){
this.$router.push({
name:"recognition"
})
}
}
</script>
<style scoped lang="scss">
......
src/views/recognition/FaceRecognition.vue 0 → 100644
浏览文件 @ 0dacfc3a
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-27 13:40:21
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<!-- <div> -->
<div class="roolsolt">
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<div class="body" @click="FaceSuccess()">
<img class="img" src="../../assets/images/u1794.png" alt="">
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "FaceRecognition"
})
export default class FaceRecognition extends Vue {
//实名认证
tatleName = "实名认证"
checked: boolean = false;
//人脸识别
FaceSuccess() {
this.$router.push({
name: "facesuccess"
})
}
}
</script>
<style scoped lang="scss">
.img {
width: 100%;
height: 100%;
}
</style>
src/views/recognition/FaceSuccess.vue 0 → 100644
浏览文件 @ 0dacfc3a
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-27 14:41:21
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<!-- <div> -->
<div class="roolsolt">
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<div>
<van-row class="frist">
<van-col span="24"> <svg class="icon" aria-hidden="true">
<use xlink:href="#icon-a-chenggong64x64px"></use>
</svg>
</van-col>
</van-row>
<van-row class="second">
<van-col span="24">
<span class="cent">恭喜！您的实名认证已通过</span>
</van-col>
</van-row>
<van-row class="third">
<van-col span="24">
<span class="centloding">实名认证已成功通过，您可以前往进行产品申请操作</span>
</van-col>
</van-row>
<van-row class="four">
<van-col span="24">
<van-button type="info" size="normal" style="width: 80%;" @click="quick()">去申请</van-button>
</van-col>
</van-row>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "Agreement"
})
export default class Agreement extends Vue {
//实名认证
tatleName = "实名认证"
checked: boolean = false;
//人脸识别
quick() {
this.$router.push({
name: "intention"
})
}
}
</script>
<style scoped lang="scss">
.vbutton {
border-radius: 4%;
}
.van-col--24 {
text-align: center;
}
.icon {
width: 60px;
height: 60px;
}
.centloding {
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 14px;
letter-spacing: normal;
color: #999999;
}
.cent {
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: normal;
color: #333333;
}
.info {
width: 90%;
margin: 6% auto;
}
.frist {
margin-top: 8%;
}
.second {
margin-top: 8%;
}
.third {
margin-top: 1%;
}
.four {
margin-top: 5%;
}
</style>
src/views/recognition/Intention.vue 0 → 100644
浏览文件 @ 0dacfc3a
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-28 14:56:06
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<div class="body">
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<div>
<div class="layout">
<van-row type="flex" class="CoolName">
<van-col span="24" class="coollayout">个人信息</van-col>
</van-row>
<div class="layoutbody">
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="身份证号" :value="idcard" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="姓名" :value="name" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="电话" :value="phone" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
</div>
<van-row type="flex" class="CoolName">
<van-col span="24" class="coollayout">借款信息</van-col>
</van-row>
<div class="layoutbody">
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="贷款品种" :value="varieties" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款金额" :value="amount" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款期限" :value="borrow" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款用途" :value="purposes" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-field v-model="fieldValue" is-link readonly label="地区" placeholder="请选择所在地区" @click="show = true" />
<van-popup v-model="show" round position="bottom">
<van-cascader v-model="cascaderValue" title="请选择所在地区" :options="options" @close="show = false"
@finish="onFinish()" />
</van-popup>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="客户经理" :value="customer" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="客户经理电话" :value="phoneCard" input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-button class="vbutton" block type="info" @click="recognition()">立即提交</van-button>
</van-cell-group>
</van-col>
</van-row>
</div>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "Intention"
})
export default class Intention extends Vue {
tatleName = "产品意向申请"
//身份证
idcard = "23232111978211"
//姓名
name = "刘明明"
//电话
phone = "15665025053"
//贷款详情
varieties = "一般经营性贷款"
//借款金融
amount = "500万"
//借款期限
borrow = "24月"
//借款用途
purposes = "经营"
//业务办理地区
area = "黑龙江省-哈尔滨市-松北区"
//意向机构
intentions = "哈尔滨农信社松北区枝江大道分社"
//客户经理
customer = "赵恒请"
//客户经理电话
phoneCard = "15673989898"
//地区
show = false
fieldValue = ''
cascaderValue = ''
// 选项列表，children 代表子选项，支持多级嵌套
options = [
{
text: '浙江省',
value: '330000',
children: [{ text: '杭州市', value: '330100' }],
},
{
text: '江苏省',
value: '320000',
children: [{ text: '南京市', value: '320100' }],
},
]
onFinish() {
this.show = false;
// this.fieldValue = selectedOptions.map((option) => option.text).join('/');
}
recognition(){
this.$router.push({
name:"LinSuccess"
})
}
}
</script>
<style scoped lang="scss">
.layout {
background: rgba(249, 249, 249, 1);
}
.coollayout {
margin: 3%;
}
.CoolName {
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700;
font-style: normal;
font-size: 16px;
}
.layoutName {
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 13px;
color: #333333;
}
</style>
src/views/recognition/LinSuccess.vue 0 → 100644
浏览文件 @ 0dacfc3a
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-28 15:22:28
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<!-- <div> -->
<div class="roolsolt">
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<div>
<van-row class="frist">
<van-col span="24"> <svg class="icon" aria-hidden="true">
<use xlink:href="#icon-a-chenggong64x64px"></use>
</svg>
</van-col>
</van-row>
<van-row class="second">
<van-col span="24">
<span class="cent">您的产品意向申请已提交成功</span>
</van-col>
</van-row>
<van-row class="third">
<van-col span="24">
<span class="centloding">请提前准备以下资料并配合客户经理进行线下调查，</span>
</van-col>
<van-col span="24" style="text-align:left">
<span class="centloding">您可<a href="#" class="aherf"> 点击截图</a>将本页面保存至手机相册：</span>
</van-col>
<van-row v-for="(item, index) in tabbar" :key="index">
<van-col span="23" class="linexl">
{{ index + 1 }}、 {{ item.text }}
</van-col>
</van-row>
</van-row>
<van-row class="four">
<van-col span="24">
<van-button type="info" size="normal" style="width: 80%;" @click="quick()">首页</van-button>
</van-col>
</van-row>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "LinSuccess"
})
export default class LinSuccess extends Vue {
//实名认证
tatleName = "意向申请结果"
checked: boolean = false;
//人脸识别
quick() {
this.$router.push({
name: "Mianview"
})
}
//申请材料
tabbar = [{
text: "个人名下房产证"
},
{
text: "个人名下房产证"
}, {
text: "个人名下房产证"
},
{
text: "个人名下房产证"
}, {
text: "个人名下房产证"
}]
}
</script>
<style scoped lang="scss">
.vbutton {
border-radius: 4%;
}
.aherf {
color: #349bfa;
}
.linexl {
text-align: left;
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 14px;
margin-top: 8px;
}
.van-col--24 {
text-align: center;
}
.van-col--23 {
margin-left: 10px;
}
.icon {
width: 60px;
height: 60px;
}
.centloding {
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 14px;
letter-spacing: normal;
color: #999999;
}
.cent {
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: normal;
color: #333333;
}
.info {
width: 90%;
margin: 6% auto;
}
.frist {
margin-top: 8%;
}
.second {
margin-top: 8%;
}
.third {
margin-left: 4%;
width: 90%;
margin-top: 10px;
background-color: rgba(245, 247, 250, 1);
border: none;
border-radius: 6px;
-moz-box-shadow: none
}
.four {
margin-top: 5%;
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或