Skip to content

M
mongo-ui
Commit 73c40489 authored by 郝聪敏's avatar 郝聪敏
Browse files
Options

Merge branch 'feature/user' into 'master' 

Feature/user

See merge request !6
parents fa1ab9ec c88b3aee
Hide whitespace changes
Inline Side-by-side
Showing with 16647 additions and 168 deletions
package-lock.json 0 → 100644
View file @ 73c40489
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
View file @ 73c40489
......@@ -3,7 +3,7 @@
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"serve": "vue-cli-service serve --open",
"build": "vue-cli-service build",
"release": "vue-cli-service build",
"lint": "vue-cli-service lint"
......
public/index.html
View file @ 73c40489
......@@ -3,10 +3,9 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1 ,user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<script crossorigin="anonymous" integrity="sha384-OZmxTjkv7EQo5XDMPAmIkkvywVeXw59YyYh6zq8UKfkbor13jS+5p8qMTBSA1q+F" src="https://lib.baomitu.com/vue/2.6.11/vue.min.js"></script>
</head>
<body>
<noscript>
......
src/assets/icons/svg/add-family.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Group 6</title>
<desc>Created with Sketch.</desc>
<g id="我的" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="我的-未登录" transform="translate(-36.000000, -262.000000)">
<g id="Group-7" transform="translate(36.000000, 262.000000)">
<g id="Group-6">
<g id="Group-25">
<circle id="Oval-Copy-4" fill="#FFF0CB" fill-rule="nonzero" cx="20" cy="20" r="20"></circle>
<g id="Group-26" transform="translate(12.000000, 12.000000)" fill="#FF6702" fill-rule="nonzero">
<rect id="Rectangle" x="0" y="7" width="16" height="2" rx="1"></rect>
<rect id="Rectangle" transform="translate(8.000000, 8.000000) rotate(90.000000) translate(-8.000000, -8.000000) " x="0" y="7" width="16" height="2" rx="1"></rect>
</g>
<g id="Group-5" transform="translate(12.000000, 12.000000)"></g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/all-insurance-policy.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="27px" height="27px" viewBox="0 0 27 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Group 2</title>
<desc>Created with Sketch.</desc>
<g id="我的" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="我的-未登录" transform="translate(-48.000000, -140.000000)">
<g id="Group-2" transform="translate(48.000000, 140.000000)">
<g id="Group-16">
<rect id="Rectangle" opacity="0.1" fill-rule="nonzero" x="0" y="0" width="27" height="27" rx="8"></rect>
<g id="Group-15" transform="translate(6.000000, 4.000000)">
<g id="Group-12" fill="#333333">
<rect id="Rectangle" x="0" y="1" width="15" height="17" rx="3"></rect>
<rect id="Rectangle" stroke="#FFC842" stroke-linecap="round" stroke-linejoin="round" x="3.5" y="-0.5" width="8" height="3" rx="1.5"></rect>
</g>
<rect id="Rectangle" fill="#FFFFFF" fill-rule="nonzero" x="4" y="7" width="7" height="1" rx="0.5"></rect>
<rect id="Rectangle-Copy-5" fill="#FFFFFF" fill-rule="nonzero" x="4" y="11" width="7" height="1" rx="0.5"></rect>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/arrow.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>我的-未登录</title>
<desc>Created with Sketch.</desc>
<g id="我的" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="我的-未登录" transform="translate(-324.000000, -754.000000)">
<g id="Group-30" transform="translate(324.000000, 754.000000)">
<g id="右向箭头">
<g id="Group-14" transform="translate(8.000000, 8.000000) rotate(-90.000000) translate(-8.000000, -8.000000) ">
<rect id="Rectangle" fill-rule="nonzero" x="0" y="0" width="16" height="16"></rect>
<path d="M8.70710678,5.70710678 L13.2928932,10.2928932 C13.6834175,10.6834175 13.6834175,11.3165825 13.2928932,11.7071068 C13.1053568,11.8946432 12.8510029,12 12.5857864,12 L3.41421356,12 C2.86192881,12 2.41421356,11.5522847 2.41421356,11 C2.41421356,10.7347835 2.5195704,10.4804296 2.70710678,10.2928932 L7.29289322,5.70710678 C7.68341751,5.31658249 8.31658249,5.31658249 8.70710678,5.70710678 Z" id="Triangle" fill="#EEEEEE" fill-rule="nonzero" transform="translate(8.000000, 8.500000) scale(1, -1) translate(-8.000000, -8.500000) "></path>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/certification.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Group 14</title>
<desc>Created with Sketch.</desc>
<g id="我的" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="我的-" transform="translate(-329.000000, -71.000000)">
<g id="Group-23" transform="translate(329.000000, 71.000000)">
<g id="Group">
<g id="编组-3" transform="translate(0.000000, 0.000000)">
<g id="编组-2备份" fill="#FFC842" fill-rule="nonzero" stroke="#FFFFFF">
<rect id="矩形-copy备份" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
</g>
<g id="v" transform="translate(6.000000, 6.000000)"></g>
</g>
<polygon id="路径" fill="#000000" fill-rule="nonzero" points="8.03035182 14 6.64573643 6.668 6 6.668 6 6.004 8.57907128 6.004 9.27137897 9.856 11.7751938 6 15 6.0032 9.96368667 13.9999969"></polygon>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/claims-apply.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="27px" height="27px" viewBox="0 0 27 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Group 2</title>
<desc>Created with Sketch.</desc>
<g id="我的" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="我的-未登录" transform="translate(-228.000000, -140.000000)">
<g id="Group-3" transform="translate(228.000000, 140.000000)">
<g id="Group-9">
<g id="Group-11">
<rect id="Rectangle-Copy" fill="#000000" fill-rule="nonzero" opacity="0" x="0" y="0" width="27" height="27" rx="8"></rect>
<g id="Group-8" transform="translate(5.000000, 4.000000)">
<g id="盾牌" fill="#333333">
<path d="M0,2.96129676 C7.49191124,2.96129676 8.6615961,0 8.6615961,0 C8.6615961,0 9.80690735,2.96129676 17.3258892,2.96129676 L17.3258892,13.3983551 C17.3258892,18.1945383 8.6615961,20 8.6615961,20 C8.6615961,20 0,18.1945383 0,13.3983551 L0,2.96129676 Z" id="Path"></path>
</g>
<path d="M11.1034462,10.7741548 C11.4095999,10.7741548 11.6597488,11.0342089 11.6597488,11.3524682 C11.6597488,11.6707417 11.4095999,11.9307816 11.1034462,11.9307816 L9.38549326,11.9307816 L9.38549326,13.4216866 C9.38549326,13.7399459 9.13533076,14 8.82917704,14 C8.52225355,13.9991954 8.27363474,13.7407461 8.27286084,13.4216866 L8.27286084,11.9307816 L6.55630255,11.9307816 C6.2493845,11.9299691 6.0007739,11.671522 6,11.3524682 C6,11.0342089 6.25014883,10.7741548 6.55630255,10.7741548 L8.27425549,10.7741548 L8.27425549,9.91978256 L6.55630255,9.91978256 C6.2493845,9.9189701 6.0007739,9.66052298 6,9.34146914 C6,9.02320985 6.25014882,8.76268667 6.55630255,8.76268667 L7.79074837,8.76268667 L6.29729357,6.95204417 C6.09940322,6.70944874 6.12647864,6.34641057 6.35797466,6.1384227 C6.59115381,5.93155915 6.94137174,5.95976911 7.14111342,6.20150319 L8.83058536,8.24790858 L10.520071,6.20150319 C10.720309,5.96078824 11.0696915,5.93264508 11.3032098,6.13842272 C11.5346948,6.34558761 11.5617675,6.71092273 11.3638772,6.95204419 L9.87039502,8.76267248 L11.1053057,8.76267248 C11.4114731,8.76267248 11.661622,9.02320988 11.661622,9.34146917 C11.661622,9.65925941 11.4114731,9.91978259 11.1053057,9.91978259 L9.38549325,9.91978259 L9.38549325,10.7736715 L11.1034462,10.7736715 L11.1034462,10.7741548 Z" id="Path" fill="#FFFFFF"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/counselor-active.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>编组 5备份</title>
<desc>Created with Sketch.</desc>
<g id="规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="规范2" transform="translate(-283.000000, -1567.000000)">
<g id="编组-11备份-6" transform="translate(58.000000, 1561.000000)">
<g id="编组-6备份" transform="translate(225.000000, 6.000000)">
<path d="M18.2,0 C21.049,0 22.4541333,0 23.9555556,0.466666667 C25.6193,1.07963333 26.9203667,2.3807 27.5333333,4.04444444 C28,5.54563333 28,6.95123333 28,9.8 L28,18.2 C28,21.049 28,22.4541333 27.5333333,23.9555556 C26.9203667,25.6193 25.6193,26.9203667 23.9555556,27.5333333 C22.4541333,28 21.049,28 18.2,28 L9.8,28 C6.951,28 5.54563333,28 4.04444444,27.5333333 C2.3807,26.9203667 1.07963333,25.6193 0.466666667,23.9555556 C0,22.4541333 0,21.049 0,18.2 L0,9.8 C0,6.95123333 0,5.54563333 0.466666667,4.04444444 C1.07963333,2.3807 2.3807,1.07963333 4.04444444,0.466666667 C5.54563333,0 6.951,0 9.8,0 L18.2,0 Z" id="Icon-Shape-备份-6"></path>
<path d="M9,5.75 C7.20507456,5.75 5.75,7.20507456 5.75,9 L5.75,16.2307692 C5.75,18.0256947 7.20507456,19.4807692 9,19.4807692 L13.3696326,19.4807692 L16.3210477,21.8163618 C16.42618,21.8995579 16.5782228,21.8850134 16.6656755,21.7833944 L18.6473024,19.4807692 L19,19.4807692 C20.7949254,19.4807692 22.25,18.0256947 22.25,16.2307692 L22.25,9 C22.25,7.20507456 20.7949254,5.75 19,5.75 L9,5.75 Z" id="矩形备份-10" stroke="#000000" stroke-width="1.5" fill="#FFC841"></path>
<rect id="矩形备份-4" stroke="#000000" x="11.5" y="12.5" width="6" height="1" rx="0.5"></rect>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/counselor.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>编组 5备份</title>
<desc>Created with Sketch.</desc>
<g id="规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="规范2" transform="translate(-283.000000, -1403.000000)">
<g id="编组-11备份-4" transform="translate(58.000000, 1397.000000)">
<g id="编组-6备份" transform="translate(225.000000, 6.000000)">
<path d="M18.2,0 C21.049,0 22.4541333,0 23.9555556,0.466666667 C25.6193,1.07963333 26.9203667,2.3807 27.5333333,4.04444444 C28,5.54563333 28,6.95123333 28,9.8 L28,18.2 C28,21.049 28,22.4541333 27.5333333,23.9555556 C26.9203667,25.6193 25.6193,26.9203667 23.9555556,27.5333333 C22.4541333,28 21.049,28 18.2,28 L9.8,28 C6.951,28 5.54563333,28 4.04444444,27.5333333 C2.3807,26.9203667 1.07963333,25.6193 0.466666667,23.9555556 C0,22.4541333 0,21.049 0,18.2 L0,9.8 C0,6.95123333 0,5.54563333 0.466666667,4.04444444 C1.07963333,2.3807 2.3807,1.07963333 4.04444444,0.466666667 C5.54563333,0 6.951,0 9.8,0 L18.2,0 Z" id="Icon-Shape-备份-6"></path>
<path d="M9,5.75 C7.20507456,5.75 5.75,7.20507456 5.75,9 L5.75,16.2307692 C5.75,18.0256947 7.20507456,19.4807692 9,19.4807692 L13.3696326,19.4807692 L16.3210477,21.8163618 C16.42618,21.8995579 16.5782228,21.8850134 16.6656755,21.7833944 L18.6473024,19.4807692 L19,19.4807692 C20.7949254,19.4807692 22.25,18.0256947 22.25,16.2307692 L22.25,9 C22.25,7.20507456 20.7949254,5.75 19,5.75 L9,5.75 Z" id="矩形备份-10" stroke="#000000" stroke-width="1.5"></path>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/customer-service-concat.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Group 6</title>
<desc>Created with Sketch.</desc>
<g id="我的" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="保单详情-已开通续保" transform="translate(-80.000000, -1063.000000)" fill-rule="nonzero">
<g id="Group-6" transform="translate(80.000000, 1060.000000)">
<g id="Group-5" transform="translate(0.000000, 2.000000)">
<g id="Group-3">
<rect id="Rectangle" x="0" y="0" width="16" height="16"></rect>
<path d="M13.9636348,10.3999957 C13.9636348,10.801657 13.631512,11.1272699 13.2218165,11.1272699 C12.8121227,11.1272699 12.4799982,10.8016587 12.4799982,10.3999957 L12.4787618,9.33260122 C12.4775255,8.75878233 12.4762891,8.31320678 12.4753,8.29502437 C12.3645218,5.81574288 10.2965814,3.85454159 7.78181933,3.85454159 C5.27076056,3.85454159 3.20480981,5.80993038 3.08858204,8.28534254 C3.08784021,8.3042516 3.08610932,8.75128232 3.08512022,9.32704099 L3.08363659,10.4000128 C3.08363659,10.8016741 2.75151379,11.127287 2.3418183,11.127287 C1.93212454,11.127287 1.6,10.8016758 1.6,10.4000128 L1.60148365,9.32413302 C1.60272001,8.62449636 1.60395637,8.27322319 1.60667636,8.21867767 C1.75874905,4.96994637 4.47453786,2.4 7.78182204,2.4 C11.0940439,2.4 13.8120525,4.97720774 13.9574545,8.23152996 C13.9599273,8.28365127 13.9611636,8.63250091 13.9624,9.32995575 L13.9636364,10.4000179 L13.9636348,10.3999957 Z M3.08363773,9.67272153 L3.08363774,11.8545424 L3.08363773,11.8544312 C3.0836378,12.2560925 3.41576054,12.5817054 3.82545603,12.5817054 C4.23506112,12.5817053 4.56714741,12.2562288 4.56727433,11.8546545 L4.56727433,10.4001078 C4.56727433,9.9984465 4.23515152,9.6728336 3.82545603,9.6728336 L3.08363773,9.6728336 L3.08363773,9.67272153 Z M1.60000279,8.21817484 L3.82545604,8.21817484 C5.05453895,8.21817479 6.0509091,9.19500844 6.0509091,10.3999957 L6.0509091,11.8545424 C6.0509091,13.059528 5.05453895,14.0363633 3.82545594,14.0363633 C2.59637294,14.0363633 1.60000279,13.059528 1.60000279,11.8545424 L1.60000279,8.21817484 Z M12.48,9.67272153 L12.4799999,11.8545424 L12.48,11.8544311 C12.48,12.2560924 12.1478771,12.5817053 11.7381817,12.5817053 C11.3285766,12.5817053 10.9964885,12.2562287 10.9963634,11.8546544 L10.9963634,10.4001077 C10.9963634,9.99844628 11.3284862,9.67283338 11.7381817,9.67283338 L12.48,9.67283338 L12.48,9.67272153 Z M13.9636348,8.21817484 L11.7381816,8.21817484 C10.5090985,8.21817489 9.5127284,9.19501014 9.5127284,10.3999957 C9.5127284,10.3999957 9.5127284,10.3999957 9.5127284,10.3999957 L9.5127284,11.8545424 L9.5127284,11.8545427 C9.51272858,13.0595283 10.5090985,14.0363636 11.7381815,14.0363636 C12.9672646,14.0363635 13.9636347,13.0595283 13.9636347,11.8545427 L13.9636348,8.21817484 Z" id="Shape" fill="#999999"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/customer-service.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>我的-未登录</title>
<desc>Created with Sketch.</desc>
<g id="我的" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="我的-未登录" transform="translate(-36.000000, -808.000000)" fill-rule="nonzero">
<g id="Group-13-Copy-3" transform="translate(36.000000, 808.000000)">
<g id="Group-17">
<g id="Group-18">
<path d="M6,0 L16,0 C18.209139,-4.05812251e-16 20,1.790861 20,4 L20,14 C20,17.3137085 17.3137085,20 14,20 L4,20 C1.790861,20 2.705415e-16,18.209139 0,16 L0,6 C-4.05812251e-16,2.6862915 2.6862915,6.08718376e-16 6,0 Z" id="矩形备份-copy-9" fill="#FFC842" transform="translate(10.000000, 10.000000) scale(1, -1) translate(-10.000000, -10.000000) "></path>
<path d="M10.7998555,11.9700621 L11.1142702,11.7975671 C11.2371026,11.7317357 11.3388523,11.6825704 11.4396853,11.642572 C12.1537629,11.3550798 12.7825922,11.5584078 13.6139963,12.4175502 C14.1291601,12.9492014 14.2813248,13.4216878 14.0824094,13.8425091 C13.9348271,14.1558331 13.649745,14.3724934 13.1419159,14.6408201 C13.1089161,14.6574863 12.8165008,14.8074823 12.7413361,14.8491471 C11.5597606,15.493295 8.85193934,14.018338 6.90405055,11.4967437 C4.95156951,8.96931658 4.44556766,6.27438937 5.64272618,5.62025296 L5.80130844,5.5319222 L5.97272356,5.43359169 C6.57771988,5.08693468 6.96546718,4.94860615 7.42471345,5.01693768 C7.88395972,5.08693571 8.27445754,5.3869275 8.60445524,5.93357825 C9.30111777,7.0902119 9.14711777,7.63853399 8.25154139,8.13684482 C8.1873752,8.17351042 7.95821081,8.29517376 7.93712673,8.30767291 C7.7171288,8.42766945 8.08929241,9.23264673 8.95370334,10.3509539 C9.82819726,11.4817543 10.5596916,12.1009083 10.7989351,11.9700722 L10.7998555,11.9700621 Z" id="Path" fill="#333333"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/go-home.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Group 6</title>
<desc>Created with Sketch.</desc>
<g id="我的" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="保单详情-已开通续保" transform="translate(-212.000000, -1062.000000)">
<g id="Group-6" transform="translate(80.000000, 1060.000000)">
<g id="Group-5-Copy" transform="translate(132.000000, 2.000000)">
<g id="Group-3">
<rect id="Rectangle" fill-rule="nonzero" x="0" y="0" width="16" height="16"></rect>
<path d="M3.82078079,4.76015437 C3.15534898,5.16965087 2.75,5.89504898 2.75,6.67638558 L2.75,12 C2.75,13.2426407 3.75735931,14.25 5,14.25 L12,14.25 C13.2426407,14.25 14.25,13.2426407 14.25,12 L14.25,6.67638558 C14.25,5.89504898 13.844651,5.16965087 13.1792192,4.76015437 L9.67921921,2.60630822 C8.9560535,2.16128317 8.0439465,2.16128317 7.32078079,2.60630822 L3.82078079,4.76015437 Z" id="矩形备份-3" stroke="#999999" stroke-width="1.5"></path>
<path d="M8.5,13.8 L8.5,10.2810245" id="Path-3" stroke="#979797" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill-rule="nonzero"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/help.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>我的-未登录</title>
<desc>Created with Sketch.</desc>
<g id="我的" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="我的-未登录" transform="translate(-36.000000, -751.000000)" fill-rule="nonzero">
<g id="Group-13-Copy-2" transform="translate(36.000000, 751.000000)">
<g id="Group-17">
<path d="M6,0 L16,0 C18.209139,-4.05812251e-16 20,1.790861 20,4 L20,14 C20,17.3137085 17.3137085,20 14,20 L4,20 C1.790861,20 2.705415e-16,18.209139 0,16 L0,6 C-4.05812251e-16,2.6862915 2.6862915,6.08718376e-16 6,0 Z" id="矩形备份-copy-9" fill="#FFC842" transform="translate(10.000000, 10.000000) scale(1, -1) translate(-10.000000, -10.000000) "></path>
<g id="Group-13" transform="translate(7.000000, 5.000000)" fill="#333333">
<path d="M2.11365337,9.26672 C2.11365337,8.67097099 2.58699332,8.18947399 3.17050677,8.18947399 C3.75402022,8.18947399 4.22734236,8.67097099 4.22734236,9.26672 C4.22734236,9.86246901 3.75400241,10.343966 3.17048896,10.343966 C2.58699332,10.343966 2.11365337,9.86042084 2.11365337,9.26672 Z M5.60244506,4.29468248 C5.40250849,4.49666721 5.0413902,4.8373929 4.52113835,5.31481138 C4.37830107,5.449456 4.26201869,5.56778653 4.17633414,5.66980298 C4.09064958,5.77181943 4.02535762,5.86566104 3.98250644,5.94931524 C3.93967306,6.03296944 3.90702709,6.118654 3.88458632,6.20435637 C3.86214555,6.29002312 3.82745141,6.43896927 3.7805217,6.65115922 C3.70096383,7.10407095 3.44797086,7.32851427 3.02563914,7.32851427 C2.80530996,7.32851427 2.62168747,7.25506527 2.47071095,7.10611911 C2.31973444,6.95719077 2.24628545,6.73887413 2.24628545,6.44714413 C2.24628545,6.0819295 2.30137219,5.76569275 2.41154569,5.49841606 C2.52171918,5.23115717 2.66656901,4.99652646 2.84814333,4.79455953 C3.02973547,4.59255698 3.27455358,4.35179958 3.58263329,4.0743533 C3.8539707,3.83156554 4.04779839,3.64794305 4.16817709,3.52348583 C4.28853799,3.39902861 4.39055444,3.26233582 4.47216048,3.10931114 C4.55378432,2.95630428 4.5966177,2.7930922 4.5966177,2.61354823 C4.5966177,2.26671367 4.47013012,1.97291768 4.21918532,1.73420845 C3.96824052,1.49549921 3.64382892,1.37512051 3.24598612,1.37512051 C2.78082102,1.37512051 2.43806498,1.49551702 2.21976615,1.7362388 C1.99941917,1.9769962 1.81374851,2.33198781 1.662772,2.80124924 C1.51995253,3.29293363 1.24656696,3.53776956 0.844645644,3.53776956 C0.607984573,3.53776956 0.408030189,3.452085 0.244818113,3.28069807 C0.0816060378,3.10931114 0,2.9236583 0,2.72372172 C0,2.31159521 0.128517933,1.893342 0.385589419,1.46897992 C0.642660905,1.04461784 1.02011109,0.69370475 1.51384365,0.41622285 C2.00757621,0.13874095 2.58494516,-5.68434189e-14 3.24395577,-5.68434189e-14 C3.85601886,-5.68434189e-14 4.39871148,0.11630018 4.86592475,0.348900541 C5.33518618,0.581483091 5.69833483,0.897719845 5.95337596,1.29759299 C6.20839928,1.69748395 6.33693502,2.13205124 6.33693502,2.60129486 C6.34101354,2.970588 6.26961271,3.2949818 6.12271472,3.57449405 C5.97581673,3.85197595 5.80444761,4.09271555 5.60244506,4.29468248 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/home-active.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>编组 5备份</title>
<desc>Created with Sketch.</desc>
<g id="规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="规范2" transform="translate(-85.000000, -1403.000000)">
<g id="编组-11备份-4" transform="translate(58.000000, 1397.000000)">
<g id="编组-5备份" transform="translate(27.000000, 6.000000)">
<path d="M18.2,0 C21.049,0 22.4541333,0 23.9555556,0.466666667 C25.6193,1.07963333 26.9203667,2.3807 27.5333333,4.04444444 C28,5.54563333 28,6.95123333 28,9.8 L28,18.2 C28,21.049 28,22.4541333 27.5333333,23.9555556 C26.9203667,25.6193 25.6193,26.9203667 23.9555556,27.5333333 C22.4541333,28 21.049,28 18.2,28 L9.8,28 C6.951,28 5.54563333,28 4.04444444,27.5333333 C2.3807,26.9203667 1.07963333,25.6193 0.466666667,23.9555556 C0,22.4541333 0,21.049 0,18.2 L0,9.8 C0,6.95123333 0,5.54563333 0.466666667,4.04444444 C1.07963333,2.3807 2.3807,1.07963333 4.04444444,0.466666667 C5.54563333,0 6.951,0 9.8,0 L18.2,0 Z" id="Icon-Shape-备份-4"></path>
<g id="编组-13" transform="translate(5.000000, 4.000000)" stroke="#000000">
<path d="M1.82078079,5.29861591 C1.15534898,5.70811241 0.75,6.43351052 0.75,7.21484712 L0.75,16.3846154 C0.75,17.6272561 1.75735931,18.6346154 3,18.6346154 L15,18.6346154 C16.2426407,18.6346154 17.25,17.6272561 17.25,16.3846154 L17.25,7.21484712 C17.25,6.43351052 16.844651,5.70811241 16.1792192,5.29861591 L10.1792192,1.60630822 C9.4560535,1.16128317 8.5439465,1.16128317 7.82078079,1.60630822 L1.82078079,5.29861591 Z" id="矩形备份-3" stroke-width="1.5" fill="#FFC841"></path>
<rect id="矩形备份-4" x="6.5" y="13.5" width="6" height="1" rx="0.5"></rect>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/home.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>编组 5备份</title>
<desc>Created with Sketch.</desc>
<g id="规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="规范2" transform="translate(-85.000000, -1485.000000)">
<g id="编组-11备份-5" transform="translate(58.000000, 1479.000000)">
<g id="编组-5备份" transform="translate(27.000000, 6.000000)">
<path d="M18.2,0 C21.049,0 22.4541333,0 23.9555556,0.466666667 C25.6193,1.07963333 26.9203667,2.3807 27.5333333,4.04444444 C28,5.54563333 28,6.95123333 28,9.8 L28,18.2 C28,21.049 28,22.4541333 27.5333333,23.9555556 C26.9203667,25.6193 25.6193,26.9203667 23.9555556,27.5333333 C22.4541333,28 21.049,28 18.2,28 L9.8,28 C6.951,28 5.54563333,28 4.04444444,27.5333333 C2.3807,26.9203667 1.07963333,25.6193 0.466666667,23.9555556 C0,22.4541333 0,21.049 0,18.2 L0,9.8 C0,6.95123333 0,5.54563333 0.466666667,4.04444444 C1.07963333,2.3807 2.3807,1.07963333 4.04444444,0.466666667 C5.54563333,0 6.951,0 9.8,0 L18.2,0 Z" id="Icon-Shape-备份-4"></path>
<g id="编组-13" transform="translate(5.000000, 4.000000)" stroke="#000000" stroke-width="1.5">
<path d="M1.82078079,5.29861591 C1.15534898,5.70811241 0.75,6.43351052 0.75,7.21484712 L0.75,16.3846154 C0.75,17.6272561 1.75735931,18.6346154 3,18.6346154 L15,18.6346154 C16.2426407,18.6346154 17.25,17.6272561 17.25,16.3846154 L17.25,7.21484712 C17.25,6.43351052 16.844651,5.70811241 16.1792192,5.29861591 L10.1792192,1.60630822 C9.4560535,1.16128317 8.5439465,1.16128317 7.82078079,1.60630822 L1.82078079,5.29861591 Z" id="矩形备份-3"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/logo.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="116px" height="43px" viewBox="0 0 116 43" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>我的-未登录</title>
<desc>Created with Sketch.</desc>
<g id="我的" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="我的-未登录" transform="translate(-130.000000, -865.000000)">
<g id="Group-31" transform="translate(130.000000, 865.000000)">
<g id="Group-5" transform="translate(8.000000, 4.000000)">
<g id="Group-3">
<g id="Group-2">
<g id="Group" transform="translate(32.755285, 6.336191)" fill="#CCCCCC">
<path d="M14.2404946,8.16059194 C14.6583174,8.16059194 14.9972722,8.5263072 14.9972722,8.97720117 C14.9972722,9.42831637 14.6583174,9.79403164 14.2404946,9.79403164 L4.35276027,9.79403164 L4.35276027,13.446317 C4.35276027,14.1967744 4.91657735,14.8051937 5.61198867,14.8051937 L13.4409599,14.8051937 C13.863435,14.8051937 14.206156,15.1751126 14.206156,15.6313164 C14.206156,16.0872989 13.863435,16.4572178 13.4409599,16.4572178 L3.92651899,16.4572178 C3.23132921,16.4572178 2.66751213,15.8487986 2.66751213,15.0981199 L2.66751213,9.79403164 L1.61852437,9.79403164 C1.20070157,9.79403164 0.861746708,9.42831637 0.861746708,8.97720117 C0.861746708,8.5263072 1.20070157,8.16059194 1.61852437,8.16059194 L14.2404946,8.16059194 Z M28.289066,5.12130557 L26.3973434,5.12130557 C25.9843945,5.12130557 25.6494273,5.48281721 25.6494273,5.92862258 C25.6494273,6.37442794 25.9843945,6.73593959 26.3973434,6.73593959 L28.289066,6.73593959 C28.7022365,6.73593959 29.0369821,6.37442794 29.0369821,5.92862258 C29.0369821,5.48281721 28.7022365,5.12130557 28.289066,5.12130557 Z M28.3063461,2.18894612 L26.3802849,2.18894612 C25.9766406,2.18894612 25.6494273,2.54205051 25.6494273,2.97789993 C25.6494273,3.41330685 25.9766406,3.76641125 26.3802849,3.76641125 L28.3063461,3.76641125 C28.7097688,3.76641125 29.0369821,3.41330685 29.0369821,2.97789993 C29.0369821,2.54205051 28.7097688,2.18894612 28.3063461,2.18894612 Z M23.9641792,5.92862258 C23.9641792,5.48281721 23.629212,5.12130557 23.2162631,5.12130557 L21.3418205,5.12130557 C20.92865,5.12130557 20.5936829,5.48281721 20.5936829,5.92862258 C20.5936829,6.37442794 20.92865,6.73593959 21.3418205,6.73593959 L23.2162631,6.73593959 C23.629212,6.73593959 23.9641792,6.37442794 23.9641792,5.92862258 Z M21.3245405,3.76641125 L23.2333216,3.76641125 C23.6369659,3.76641125 23.9641792,3.41330685 23.9641792,2.97789993 C23.9641792,2.54205051 23.6369659,2.18894612 23.2333216,2.18894612 L21.3245405,2.18894612 C20.9208962,2.18894612 20.5936829,2.54205051 20.5936829,2.97789993 C20.5936829,3.41330685 20.9208962,3.76641125 21.3245405,3.76641125 Z M26.8876095,10.9322623 C28.1714287,12.1946769 29.9641233,13.8099747 31.7255809,14.5759192 C32.2167332,14.789419 32.3899768,15.4462905 32.0676373,15.8998394 C32.0638712,15.9051493 32.060105,15.9104591 32.0563389,15.915769 C31.830812,16.2343594 31.4335924,16.347636 31.094416,16.1839159 C29.1690194,15.2544726 27.1421579,13.3190357 25.6494273,11.6745338 L25.6494273,16.2000667 C25.6494273,16.7025103 25.2721462,17.1095981 24.806914,17.1095981 L24.8066925,17.1095981 C24.3414603,17.1095981 23.9641792,16.7025103 23.9641792,16.2000667 L23.9641792,11.7672348 C22.4955963,13.4701449 20.4733871,15.3861124 18.4908335,16.2956438 C18.1602971,16.4471955 17.7763698,16.3370163 17.5590399,16.0283818 L17.547963,16.0128948 C17.2327128,15.5673107 17.3975379,14.9237137 17.8787209,14.7128688 C19.6723017,13.9263487 21.4756302,12.2663598 22.725997,10.9322623 L18.0058843,10.9322623 C17.6020185,10.9322623 17.2748052,10.5789367 17.2748052,10.1433085 C17.2748052,9.70745911 17.6020185,9.35435472 18.0058843,9.35435472 L23.9641792,9.35435472 L23.9641792,8.20234056 L20.2022233,8.20234056 C19.5065904,8.20234056 18.9427733,7.59392133 18.9427733,6.84324262 L18.9427733,2.10022753 C18.9427733,1.34954882 19.5065904,0.741129589 20.2022233,0.741129589 L29.4975619,0.741129589 C30.1929733,0.741129589 30.7567903,1.34954882 30.7567903,2.10022753 L30.7567903,6.84324262 C30.7567903,7.59392133 30.1929733,8.20234056 29.4975619,8.20234056 L25.6494273,8.20234056 L25.6494273,9.35435472 L31.5906636,9.35435472 C31.9943079,9.35435472 32.3215212,9.70745911 32.3215212,10.1433085 C32.3215212,10.5789367 31.9943079,10.9322623 31.5906636,10.9322623 L26.8876095,10.9322623 Z M7.90833033,7.49232638 L6.43575976,6.51620069 C6.85136716,5.89096696 7.69587431,5.72038833 8.32172234,6.13544087 L9.79451446,7.11156656 C9.37890706,7.73680029 8.5343999,7.90737891 7.90833033,7.49232638 Z M14.8338207,2.40567611 C15.2469911,2.40567611 15.5817368,2.76718775 15.5817368,3.21277187 C15.5817368,3.65879848 15.2469911,4.02031013 14.8338207,4.02031013 L11.9533689,4.02031013 L11.9533689,5.17121807 C11.9533689,5.64268766 11.5991279,6.02477494 11.1622527,6.02477494 L11.1451942,6.02477494 C11.1365542,6.02477494 11.1285788,6.02256251 11.1199387,6.02234126 C11.1106341,6.02256251 11.1022156,6.02477494 11.0926894,6.02477494 C10.6274573,6.02477494 10.2501761,5.64821875 10.2501761,5.1836077 L10.2501761,4.02031013 L5.6399469,4.02031013 L5.6399469,5.1836077 C5.6399469,5.64821875 5.26266577,6.02477494 4.7974336,6.02477494 C4.79477513,6.02477494 4.7923382,6.02411121 4.78967973,6.02411121 C4.7872428,6.02411121 4.78502741,6.02477494 4.78259048,6.02477494 C4.71169796,6.02477494 4.64412853,6.01172158 4.57855295,5.99269465 C4.22010264,5.89601131 3.9549203,5.57233228 3.9549203,5.1836077 L3.9549203,4.02031013 L1.14558264,4.02031013 C0.732412165,4.02031013 0.397445006,3.65879848 0.397445006,3.21277187 C0.397445006,2.76718775 0.732412165,2.40567611 1.14558264,2.40567611 L3.9549203,2.40567611 L3.9549203,1.15277498 C3.9549203,0.7640504 4.22010264,0.440150126 4.57855295,0.343688022 C4.64412853,0.324661093 4.71169796,0.311165249 4.78259048,0.311165249 C4.78502741,0.311165249 4.7872428,0.312050222 4.78967973,0.312050222 C4.7923382,0.312050222 4.79477513,0.311165249 4.7974336,0.311165249 C5.26266577,0.311165249 5.6399469,0.687942686 5.6399469,1.15277498 L5.6399469,2.40567611 L10.2501761,2.40567611 L10.2501761,1.15277498 C10.2501761,0.687942686 10.6274573,0.311165249 11.0926894,0.311165249 C11.1022156,0.311165249 11.1106341,0.313820169 11.1199387,0.314041412 C11.1285788,0.313820169 11.1365542,0.311165249 11.1451942,0.311165249 L11.1622527,0.311165249 C11.5991279,0.311165249 11.9533689,0.693695013 11.9533689,1.16516461 L11.9533689,2.40567611 L14.8338207,2.40567611 Z M38.6714529,0.366520337 C39.1098788,0.518735766 39.3292025,1.04750739 39.1433312,1.50238373 C38.7551947,2.45306644 38.3203134,3.39047454 37.8475489,4.3077495 L37.8526443,16.2309965 C37.8526443,16.6958288 37.4753631,17.0726062 37.0099094,17.0726062 C36.5444557,17.0726062 36.1673961,16.6958288 36.1673961,16.2309965 L36.1673961,7.08125622 C35.9547186,7.38878449 35.7378318,7.68879048 35.518508,7.9726457 C35.1434423,8.45761114 34.4371755,8.38371586 34.145187,7.83613855 L34.1347746,7.81666914 C33.9460233,7.46467096 33.9958696,7.02506041 34.2546273,6.72947928 C35.6026929,5.18962552 36.8585982,3.06037945 37.7206069,0.840866094 C37.8761274,0.439973131 38.2881902,0.233110592 38.6714529,0.366520337 Z M41.4391633,4.64662795 C41.4391633,5.08225612 41.7663766,5.43536051 42.1700209,5.43536051 L46.5035478,5.43536051 C46.9071921,5.43536051 47.2344054,5.08225612 47.2344054,4.64662795 L47.2344054,3.23620155 C47.2344054,2.80035213 46.9071921,2.44746898 46.5035478,2.44746898 L42.1700209,2.44746898 C41.7663766,2.44746898 41.4391633,2.80035213 41.4391633,3.23620155 L41.4391633,4.64662795 Z M49.3824487,14.6815629 C49.7759022,14.9795777 49.845687,15.5749436 49.5291076,15.9649956 C49.5251199,15.9703054 49.5209107,15.9749516 49.516923,15.9802614 C49.2357898,16.3282772 48.749733,16.3738533 48.4147658,16.0864582 C47.2126945,15.0554642 46.0409741,12.9631657 45.128676,11.3972053 L45.128676,16.5079268 C45.128676,16.9727591 44.7513948,17.3495365 44.2859411,17.3495365 C43.820709,17.3495365 43.4434278,16.9727591 43.4434278,16.5079268 L43.4434278,11.4826052 C42.4628956,13.0647164 41.2280366,15.1229434 39.9455465,16.1072551 C39.6045978,16.3687647 39.1340487,16.3085865 38.866651,15.9614557 L38.8549094,15.9464112 C38.5502931,15.5523767 38.6222933,14.9547984 39.0210638,14.6753681 C40.3901756,13.7158356 41.7129857,11.4076037 42.643007,9.89429913 L39.4614836,9.89429913 C39.0627131,9.89429913 38.739266,9.54517711 38.739266,9.11463754 C38.739266,8.68431921 39.0627131,8.33519719 39.4614836,8.33519719 L43.4434278,8.33519719 L43.4434278,6.97587801 L41.202338,6.97587801 C40.5069267,6.97587801 39.9431096,6.36723753 39.9431096,5.61678007 L39.9431096,2.28419138 C39.9431096,1.53373391 40.5069267,0.925314683 41.202338,0.925314683 L47.5744679,0.925314683 C48.2698792,0.925314683 48.8334748,1.53373391 48.8334748,2.28419138 L48.8334748,5.61678007 C48.8334748,6.36723753 48.2698792,6.97587801 47.5744679,6.97587801 L45.128676,6.97587801 L45.128676,8.33519719 L49.0056107,8.33519719 C49.4043811,8.33519719 49.7278282,8.68431921 49.7278282,9.11463754 C49.7278282,9.54517711 49.4043811,9.89429913 49.0056107,9.89429913 L45.9446046,9.89429913 C46.8132595,11.3850369 48.0829002,13.6974724 49.3824487,14.6815629 Z M56.2360939,6.17393721 C56.236537,6.17659213 56.2367585,6.17858332 56.2372016,6.181017 C57.3530942,7.68303815 57.4062636,8.99965737 57.4062636,10.1125115 C57.4062636,11.2074448 57.1827306,11.9871064 56.684046,12.3953004 C56.443233,12.5811448 56.1335213,12.6924302 55.7724125,12.7665468 L55.772191,12.766768 C55.602492,12.7860162 55.4095314,12.7953084 55.2077093,12.7970783 C54.8991053,12.7997333 54.6321507,12.5623391 54.5734428,12.2353415 C54.5694551,12.2134384 54.5652458,12.191314 54.5608151,12.1691897 C54.4792887,11.7501548 54.7506741,11.3481556 55.146343,11.319394 L55.1536538,11.3189515 C55.3599067,11.300367 55.5147625,11.2631982 55.6523383,11.1519127 C55.8929298,10.9662896 55.978887,10.502121 55.978887,9.94547272 C55.978887,8.99965737 55.7214585,7.75715467 54.6057875,6.36664018 C54.6053444,6.3642065 54.6051229,6.36221531 54.6046798,6.35978163 C54.942527,5.41064763 55.2805957,4.24403141 55.5599565,3.19356795 C55.6693968,2.78205531 55.3825037,2.37297634 54.9857271,2.37297634 C54.614206,2.37297634 54.2909804,2.58581245 54.1082106,2.90285418 L54.1082106,16.1971463 C54.1082106,16.6637485 53.7293787,17.0420746 53.2619312,17.0420746 C52.7944836,17.0420746 52.4156517,16.6637485 52.4156517,16.1971463 L52.4156517,1.88712593 C52.4156517,1.29441498 52.8968347,0.813874404 53.490338,0.813874404 L56.5732765,0.813874404 C57.164786,0.813874404 57.5777349,1.44640916 57.3790143,2.04774861 L56.2360939,6.17393721 Z M60.1053634,13.6586221 C59.6554174,13.7769873 59.1943945,13.5088403 59.0758711,13.0594951 L58.46686,10.7534756 C58.3483366,10.3041303 58.6170635,9.8437229 59.0670095,9.7253577 C59.5169555,9.60677126 59.9779784,9.87491821 60.0965018,10.3244847 L60.7052914,12.6305042 C60.8238148,13.0798495 60.5553094,13.5402569 60.1053634,13.6586221 Z M62.774644,13.0722387 C62.3129565,13.1310894 61.891146,12.8047555 61.8322166,12.3436843 L61.5626035,10.2272704 C61.5038956,9.76619923 61.8304443,9.34473063 62.2921318,9.28632238 C62.7535978,9.22747165 63.1756298,9.5538056 63.2343377,10.0148768 L63.5041724,12.1312907 C63.5628802,12.5923619 63.23611,13.0136092 62.774644,13.0722387 Z M64.2220035,8.05127559 L60.7363068,8.05127559 C60.3094009,8.05127559 59.9633568,7.70569347 59.9633568,7.27935752 C59.9633568,6.85302157 60.3094009,6.50743945 60.7363068,6.50743945 L64.2220035,6.50743945 C64.6489093,6.50743945 64.9947319,6.85302157 64.9947319,7.27935752 C64.9947319,7.70569347 64.6489093,8.05127559 64.2220035,8.05127559 Z M66.6758151,15.094757 C67.102721,15.094757 67.4487651,15.4403391 67.4487651,15.8664538 C67.4487651,16.293011 67.102721,16.6385931 66.6758151,16.6385931 L58.2823622,16.6385931 C57.8554563,16.6385931 57.5094122,16.293011 57.5094122,15.8664538 C57.5094122,15.4403391 57.8554563,15.094757 58.2823622,15.094757 L62.8866099,15.094757 C63.804225,13.5398587 64.9052744,9.23733911 64.9052744,9.23733911 C65.0658903,8.80148969 65.5503964,8.5780339 65.98705,8.73865658 L65.9872715,8.73865658 C66.4237036,8.89905801 66.6474581,9.38313848 66.4866207,9.81898789 C66.4866207,9.81898789 65.6374612,13.2745879 64.7761171,15.094757 L66.6758151,15.094757 Z M61.7963314,0.618624262 C61.9150087,0.376100898 62.1642466,0.209080143 62.4525042,0.209080143 C62.8557044,0.209080143 63.1825627,0.535856307 63.1825627,0.938955134 C63.1825627,1.0780931 63.1436198,1.20813776 63.0760365,1.3187893 C63.0655507,1.35741452 63.0510891,1.39551777 63.032427,1.43253378 C63.0315408,1.43474622 63.0306546,1.43673741 63.0295469,1.43894984 C64.05771,2.90756324 65.7245704,4.54896771 67.2808828,5.63040524 C67.6096469,5.85850714 67.7195303,6.32356067 67.5336589,6.6941433 C67.5174866,6.72688731 67.5013142,6.75941009 67.4853634,6.7921541 C67.2700274,7.23530455 66.7376689,7.36274072 66.3657047,7.06384095 C64.904211,5.88992369 63.3656218,4.29475909 62.2386523,2.79362291 C61.4816531,4.00006294 60.5875212,5.113802 59.6419922,6.09722872 L59.2806618,6.46847507 C59.0001933,6.73971943 58.7199463,6.99348556 58.4365978,7.23618952 C58.0947629,7.52867324 57.5969645,7.45831785 57.3417514,7.07623057 L57.3264652,7.05322126 C57.0796706,6.68418735 57.1618616,6.17355768 57.5030319,5.90563197 C59.162803,4.60140238 60.7157923,2.7507017 61.713383,0.743581968 C61.7363802,0.697255604 61.7643822,0.655465943 61.7963314,0.618624262 Z" id="Combined-Shape"></path>
</g>
<g id="编组-16">
<g id="Group-4" fill="#CCCCCC">
<g id="编组-6备份-2" transform="translate(0.000000, 8.025343)">
<path d="M21.6299528,11.8559777 C20.481632,18.4067017 13.6726128,24.7383787 7.91442287,25.2573189 C-0.0714004266,25.9770182 -1.49750449,21.0506543 1.42386894,16.3725121 C4.07209575,12.1317733 2.34785411,11.1275107 3.16980974,7.52369199 C4.06505612,3.22787703 7.88172239,0 12.4542583,0 C17.691581,0 21.9372699,4.23468789 21.9372699,9.45844013 C21.9372699,10.2868043 21.8305057,11.090297 21.6299533,11.8559758 Z" id="形状结合备份"></path>
</g>
<g id="编组-9" transform="translate(20.833218, 6.488154) rotate(-25.000000) translate(-20.833218, -6.488154) translate(17.399196, 0.943987)">
<path d="M3.88839705,4.23460073 C4.63299687,2.93791503 4.92360498,1.547531 4.76022137,0.0634486514 C1.47675588,1.54442156 -0.048223502,3.89364013 0.18528323,7.11110436 C1.90942595,6.49012098 3.14379723,5.53128644 3.88839705,4.23460073 Z" id="路径-10"></path>
<path d="M4.64458381,8.45155958 C5.20995168,7.54862422 5.44496353,6.62326781 5.34961935,5.67549036 C3.17642148,6.57801469 2.11662694,8.14912496 2.17023572,10.3888212 C3.25443325,10.0002488 4.07921594,9.35449494 4.64458381,8.45155958 Z" id="路径-10备份" transform="translate(3.769279, 8.032156) rotate(50.000000) translate(-3.769279, -8.032156) "></path>
</g>
</g>
<path d="M19.1753535,16.1338834 C19.2311401,15.7884155 19.5565776,15.5535571 19.9022386,15.6093126 C20.2478996,15.665068 20.4828892,15.9903238 20.4271026,16.3357917 C19.8329957,20.0148991 17.5460093,22.7675357 13.6313984,24.5542393 C13.3129043,24.6996061 12.9368048,24.5594029 12.7913568,24.2410867 C12.6459087,23.9227705 12.7861902,23.5468811 13.1046843,23.4015142 C16.6503614,21.7831991 18.6521661,19.3738096 19.1753535,16.1338834 Z" id="路径-12" fill="#F4F4F4" fill-rule="nonzero" transform="translate(16.584605, 20.106387) rotate(-22.000000) translate(-16.584605, -20.106387) "></path>
</g>
</g>
</g>
<path d="M34.7473997,27.4963697 C34.712233,27.7160384 34.6726712,27.9488838 34.6287129,28.1949127 C34.5935462,28.3662543 34.5517865,28.5815264 34.5034323,28.8407355 L35.6771129,28.8407355 L35.6771129,29.0582064 C35.6023838,30.1257963 35.376002,31.0418011 34.9979607,31.8062482 C35.4331478,32.1489314 35.7606322,32.4301031 35.9804237,32.6497718 L35.7364563,32.926553 C35.4858941,32.6761307 35.1825864,32.4059422 34.8265242,32.1159795 C34.4836495,32.6871182 34.0484689,33.1747754 33.5209694,33.5789658 L33.2835958,33.2758245 C33.8066995,32.893601 34.2286928,32.4323036 34.5495883,31.8919186 C34.2638594,31.6634631 33.9209899,31.4042579 33.5209694,31.1142953 C33.7319692,30.5167964 33.9165913,29.8753734 34.0748411,29.190007 L33.323158,29.190007 L33.323158,28.8407355 L34.1473719,28.8407355 C34.248476,28.353071 34.3319955,27.8917736 34.397933,27.4568296 L34.7473997,27.4963697 Z M34.7144311,31.5887773 C35.0485141,30.9034109 35.2529171,30.1038288 35.3276463,29.190007 L34.4243078,29.190007 C34.2572663,29.9193071 34.0858315,30.523387 33.9099983,31.0022648 C34.2001231,31.20436 34.4682647,31.3998622 34.7144311,31.5887773 Z M35.9474551,30.349852 L37.4969772,30.349852 L37.4969772,29.4667882 C37.8662269,29.1416785 38.2156901,28.7462808 38.5453773,28.2805831 L36.1518602,28.2805831 L36.1518602,27.9247216 L38.9607811,27.9247216 L38.9607811,28.2805831 C38.6398856,28.7418874 38.2706414,29.1768249 37.8530376,29.5854087 L37.8530376,30.349852 L39.2509044,30.349852 L39.2509044,30.7057135 L37.8530376,30.7057135 L37.8530376,32.926553 C37.8530376,33.2999898 37.6903944,33.4867054 37.365103,33.4867054 L36.4419834,33.4867054 L36.3496715,33.144024 C36.7013378,33.1528107 36.9914582,33.157204 37.2200414,33.157204 C37.4046662,33.157204 37.4969772,33.042978 37.4969772,32.8145225 L37.4969772,30.7057135 L35.9474551,30.7057135 L35.9474551,30.349852 Z M45.7369183,27.6743005 C45.5742726,28.1663584 45.3720675,28.6342457 45.1302968,29.0779765 L45.1302968,33.5723758 L44.7676427,33.5723758 L44.7676427,29.6776691 C44.5478513,30.0115655 44.2797097,30.345457 43.96321,30.6793534 L43.8511169,30.2971317 C44.5676371,29.4755708 45.0841393,28.5485827 45.400639,27.5161398 L45.7369183,27.6743005 Z M46.1984781,27.8588213 L49.2579601,27.8588213 L49.2579601,29.8555999 L47.9062493,29.8555999 L47.9062493,30.6727634 L49.8382067,30.6727634 L49.8382067,31.0286249 L48.3018719,31.0286249 C48.7062883,31.7491382 49.2557587,32.3620047 49.9502998,32.8672428 L49.7261136,33.1769741 C49.0359683,32.6190156 48.4645191,31.9029063 48.0117487,31.0286249 L47.9062493,31.0286249 L47.9062493,33.5591957 L47.5501889,33.5591957 L47.5501889,31.0286249 L47.4380958,31.0286249 C46.9765337,31.9556268 46.394095,32.678326 45.6907623,33.1967442 L45.4863573,32.8738328 C46.1721067,32.4037418 46.7259729,31.7886786 47.1479725,31.0286249 L45.6709812,31.0286249 L45.6709812,30.6727634 L47.5501889,30.6727634 L47.5501889,29.8555999 L46.1984781,29.8555999 L46.1984781,27.8588213 Z M48.9018997,29.5063284 L48.9018997,28.2015028 L46.5545385,28.2015028 L46.5545385,29.5063284 L48.9018997,29.5063284 Z M54.9395412,27.8654113 L56.792374,27.8654113 L56.792374,28.1421925 C56.58577,28.7880185 56.3527946,29.4272449 56.0934406,30.0598907 C56.5066486,30.6310294 56.7286346,31.1626197 56.7594055,31.6546776 C56.7506138,31.9094933 56.6824795,32.0918156 56.5550004,32.2016499 C56.3791672,32.3422379 56.0780574,32.4125308 55.651662,32.4125308 L55.5395689,32.0566693 C55.6186938,32.0698494 55.6824324,32.0764394 55.7307865,32.0764394 C55.9989321,32.0632593 56.1791584,32.0237195 56.2714708,31.9578189 C56.3593874,31.8963116 56.403345,31.7952655 56.403345,31.6546776 C56.403345,31.1933733 56.1791611,30.6793562 55.7307865,30.112611 C56.0209112,29.4360313 56.2560846,28.796805 56.4363136,28.1949127 L55.2956016,28.1949127 L55.2956016,33.5591957 L54.9395412,33.5591957 L54.9395412,27.8654113 Z M57.636369,29.4931483 L59.6606384,29.4931483 L59.6606384,29.8226497 L57.636369,29.8226497 L57.636369,29.4931483 Z M56.6868746,32.9595032 L58.9880798,32.9595032 C59.3177671,32.2521699 59.6100853,31.362525 59.8650434,30.2905417 L60.2145101,30.3828021 C59.9771353,31.3449511 59.687015,32.2038428 59.3441403,32.9595032 L60.5639768,32.9595032 L60.5639768,33.3021846 L56.6868746,33.3021846 L56.6868746,32.9595032 Z M57.3792143,30.5475528 C57.6165891,31.0879378 57.8297836,31.7205742 58.0188043,32.445481 L57.7088999,32.5245613 C57.5418584,31.8655552 57.3308617,31.2417054 57.0759036,30.6529933 L57.3792143,30.5475528 Z M58.4276144,30.2773617 C58.6166351,30.7913864 58.7924656,31.4064496 58.9551113,32.1225696 L58.6452069,32.2016499 C58.5045403,31.5558239 58.3309077,30.9495474 58.1243037,30.3828021 L58.4276144,30.2773617 Z M58.7968622,27.5820401 C59.1661119,28.4387481 59.8012997,29.1943971 60.7024448,29.8490098 L60.5046334,30.1455611 C59.66503,29.5524556 59.0408316,28.8165765 58.6320194,27.9379016 C58.1484782,28.8868704 57.5330713,29.6205529 56.7857803,30.1389711 L56.6011564,29.8555999 C57.4143848,29.2624943 58.0363854,28.5046487 58.4671767,27.5820401 L58.7968622,27.5820401 Z M66.6675554,30.0730708 C66.7906387,30.0730708 66.8983349,30.1192005 66.9906473,30.2114614 C67.0829597,30.2949355 67.1291152,30.4025715 67.1291152,30.5343728 C67.1291152,30.6617806 67.0829597,30.7716133 66.9906473,30.8638742 C66.8983349,30.956135 66.7906387,31.0022648 66.6675554,31.0022648 C66.5400764,31.0022648 66.4323802,30.956135 66.3444636,30.8638742 C66.2521512,30.7716133 66.2059956,30.6617806 66.2059956,30.5343728 C66.2059956,30.4025715 66.2521512,30.2949355 66.3444636,30.2114614 C66.4323802,30.1192005 66.5400764,30.0730708 66.6675554,30.0730708 Z M75.4547745,27.5293199 L75.8042412,27.5293199 L75.8042412,29.2163671 L75.4547745,29.2163671 L75.4547745,27.5293199 Z M73.9316272,30.363032 C73.6634816,30.4201459 73.3206121,30.4882422 72.9030083,30.5673229 L72.7645403,30.2510015 C74.8393718,29.903925 76.4086594,29.3459748 77.4724501,28.5771344 C77.2218879,28.3706458 76.9515484,28.1663569 76.6614237,27.9642617 L76.905391,27.7270207 C77.5955362,28.2102919 78.1845685,28.7023424 78.6725056,29.2031871 L78.4285383,29.4536081 C78.2483093,29.2559063 78.0131359,29.0340442 77.7230112,28.7880153 C77.0108868,29.3152202 76.1119532,29.7435677 75.0261833,30.0730708 L77.8614791,30.0730708 L77.8614791,33.5394257 L77.5120124,33.5394257 L77.5120124,33.2099242 L74.2810939,33.2099242 L74.2810939,33.5526057 L73.9316272,33.5526057 L73.9316272,30.363032 Z M74.2810939,32.8804228 L77.5120124,32.8804228 L77.5120124,32.22801 L74.2810939,32.22801 L74.2810939,32.8804228 Z M74.2810939,31.9314588 L77.5120124,31.9314588 L77.5120124,31.3119961 L74.2810939,31.3119961 L74.2810939,31.9314588 Z M74.2810939,31.0088548 L77.5120124,31.0088548 L77.5120124,30.3893921 L74.2810939,30.3893921 L74.2810939,31.0088548 Z M74.6569354,28.1290124 C74.256915,28.6298571 73.7623916,29.0647946 73.1733504,29.433838 L72.9623517,29.1636469 C73.5294137,28.8077836 74.0085519,28.3882226 74.3997807,27.9049515 L74.6569354,28.1290124 Z M84.6705848,27.6149902 C84.6090432,27.8522324 84.538711,28.0916677 84.459586,28.3333033 L85.7717346,28.3333033 L85.7717346,28.6693948 L84.3408992,28.6693948 C84.1518786,29.1394858 83.938684,29.5612434 83.7013093,29.9346802 L83.411186,29.7501594 C83.8199981,29.1043334 84.1255037,28.3684543 84.3277118,27.5424999 L84.6705848,27.6149902 Z M84.0771508,29.6051788 L85.5871107,29.6051788 L85.5871107,29.9346802 L84.9145521,29.9346802 L84.9145521,30.8902343 L85.8706402,30.8902343 L85.8706402,31.2329158 L84.9145521,31.2329158 L84.9145521,32.8540627 C85.279406,32.704688 85.6354628,32.5025958 85.9827333,32.2477801 L86.0420767,32.5772815 C85.6024938,32.8892111 85.1013767,33.144023 84.5387106,33.3417248 L84.3870552,33.0319935 C84.5057426,32.9924531 84.5650854,32.9375368 84.5650854,32.8672428 L84.5650854,31.2329158 L83.5892162,31.2329158 L83.5892162,30.8902343 L84.5650854,30.8902343 L84.5650854,29.9346802 L84.0771508,29.9346802 L84.0771508,29.6051788 Z M89.0685902,29.0845665 L87.4201624,29.3547577 C87.4333499,29.7369813 87.4553287,30.0664794 87.4860995,30.3432619 L89.1806833,30.0401206 L89.233433,30.3828021 L87.5256618,30.6925334 C87.5388493,30.828728 87.5586302,30.9649206 87.5850052,31.1011152 C87.6553384,31.4569785 87.7366601,31.7601168 87.8289725,32.0105391 C88.1674513,31.6854294 88.4729569,31.3098016 88.7454983,30.8836443 L89.0290279,31.0681651 C88.7037365,31.5558296 88.3476797,31.9797838 87.9608467,32.3400405 C88.0004092,32.4366947 88.0465647,32.5289542 88.0993146,32.6168217 C88.3278978,32.9507181 88.5257071,33.1176638 88.6927486,33.1176638 C88.8597902,33.1176638 89.0070482,32.7640025 89.1345273,32.0566693 L89.4444317,32.2543701 C89.2773902,33.0759311 89.040019,33.4867054 88.7323109,33.4867054 C88.4421862,33.4779187 88.1586594,33.2780232 87.8817222,32.8870129 L87.7828165,32.7288522 L87.6970983,32.5706915 C87.1564112,33.0100289 86.5717747,33.3263471 85.9431711,33.5196556 L85.738766,33.2494644 C86.4289112,33.0254023 87.0355266,32.6937076 87.5586303,32.2543701 C87.4399429,31.9644074 87.3410382,31.6349093 87.2619133,31.2658659 L87.2157573,31.0088548 L87.1761951,30.7518437 L86.0420767,30.9561346 L85.989327,30.6134531 L87.1300391,30.4091622 C87.0992683,30.1455598 87.0750916,29.813865 87.0575083,29.414068 L86.0882327,29.5722286 L86.0420767,29.2361372 L87.0509146,29.0647965 L87.0509146,27.5424999 L87.406975,27.5424999 L87.406975,28.8077854 C87.406975,28.8956528 87.4091728,28.9615525 87.4135687,29.0054862 L89.0158405,28.7418851 L89.0685902,29.0845665 Z M88.1125021,27.54909 C88.4114185,27.8390527 88.6487897,28.1048478 88.8246229,28.3464834 L88.547687,28.5441842 C88.3894371,28.3157288 88.1542638,28.041147 87.8421599,27.7204307 L88.1125021,27.54909 Z M94.7831398,29.664489 C95.3018477,29.8797644 95.7677986,30.1323796 96.1810066,30.4223423 L95.9963827,30.7057135 C95.5436123,30.3630303 95.0820571,30.1016285 94.6117033,29.9215001 L94.7831398,29.664489 Z M95.4095424,28.728705 C95.8930836,28.939587 96.3348579,29.1965955 96.7348784,29.4997383 L96.5436607,29.7896996 C96.1348486,29.4558031 95.699668,29.1878113 95.2381059,28.9857161 L95.4095424,28.728705 Z M97.3019375,28.6759848 L97.6514042,28.6759848 L97.6514042,30.0598907 C97.6426126,30.4552944 97.5942592,30.813349 97.5063426,31.1340653 L100.011953,31.1340653 L100.011953,31.4899269 L97.381062,31.4899269 L97.3019375,31.6678576 L97.2162193,31.8391984 C98.2008851,32.2873225 99.0844335,32.7705864 99.8668912,33.2890046 L99.6163302,33.5591957 C98.8074975,33.0188107 97.9481258,32.5355468 97.0381891,32.1093895 L96.9656582,32.21483 L96.8865337,32.3070904 C96.4117841,32.8299019 95.6293382,33.2384796 94.5391725,33.5328356 L94.3347675,33.2231043 C95.4205373,32.9419284 96.1919938,32.5487273 96.6491601,32.0434892 C96.7942225,31.8677543 96.9107102,31.6832353 96.9986268,31.4899269 L94.2886115,31.4899269 L94.2886115,31.1340653 L97.1370947,31.1340653 C97.233803,30.813349 97.28875,30.4552944 97.3019375,30.0598907 L97.3019375,28.6759848 Z M94.5523599,27.9642617 L99.5174245,27.9642617 L99.5174245,28.1949127 C99.4207162,28.5815297 99.2910412,28.9769274 99.1283955,29.3811178 L98.7921163,29.2822674 C98.9459703,28.9703378 99.0668538,28.6430364 99.1547704,28.3003532 L94.5523599,28.3003532 L94.5523599,27.9642617 Z" id="好保险·省钱买" fill="#CCCCCC"></path>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/payment-record.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Group 14</title>
<desc>Created with Sketch.</desc>
<g id="我的" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="保单详情-已开通续保" transform="translate(-77.000000, -81.000000)" fill-rule="nonzero">
<g id="Group" transform="translate(20.000000, 77.000000)">
<g id="Group-14" transform="translate(63.000000, 10.000000) rotate(-90.000000) translate(-63.000000, -10.000000) translate(57.000000, 4.000000)">
<rect id="Rectangle" x="0" y="0" width="12" height="12"></rect>
<path d="M7.24329415,4.82588238 L9.49793174,7.33103527 C9.86739076,7.74154529 9.83411235,8.37383513 9.42360233,8.74329415 C9.23997762,8.90855638 9.00167937,9 8.7546376,9 L4.2453624,9 C3.69307765,9 3.2453624,8.55228475 3.2453624,8 C3.2453624,7.75295822 3.33680602,7.51465998 3.50206826,7.33103527 L5.75670585,4.82588238 C6.12616487,4.41537236 6.75845471,4.38209395 7.16896473,4.75155297 C7.19502719,4.77500918 7.21983793,4.79981992 7.24329415,4.82588238 Z" id="Triangle" fill="#FFFFFF" transform="translate(6.500000, 6.500000) scale(1, -1) translate(-6.500000, -6.500000) "></path>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/product-active.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>编组 5备份</title>
<desc>Created with Sketch.</desc>
<g id="规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="规范2" transform="translate(-184.000000, -1485.000000)">
<g id="编组-11备份-5" transform="translate(58.000000, 1479.000000)">
<g id="编组备份-2" transform="translate(126.000000, 6.000000)">
<path d="M18.2,0 C21.049,0 22.4541333,0 23.9555556,0.466666667 C25.6193,1.07963333 26.9203667,2.3807 27.5333333,4.04444444 C28,5.54563333 28,6.95123333 28,9.8 L28,18.2 C28,21.049 28,22.4541333 27.5333333,23.9555556 C26.9203667,25.6193 25.6193,26.9203667 23.9555556,27.5333333 C22.4541333,28 21.049,28 18.2,28 L9.8,28 C6.951,28 5.54563333,28 4.04444444,27.5333333 C2.3807,26.9203667 1.07963333,25.6193 0.466666667,23.9555556 C0,22.4541333 0,21.049 0,18.2 L0,9.8 C0,6.95123333 0,5.54563333 0.466666667,4.04444444 C1.07963333,2.3807 2.3807,1.07963333 4.04444444,0.466666667 C5.54563333,0 6.951,0 9.8,0 L18.2,0 Z" id="Icon-Shape-备份-5"></path>
<g id="编组-15" transform="translate(5.000000, 4.000000)" stroke="#000000" stroke-width="1.5">
<path d="M3.02605117,17.0160459 L7.7777771,18.9445433 C8.5615431,19.2626363 9.43844501,19.262631 10.2222071,18.9445284 L14.9742706,17.0158261 C16.3977808,16.0434938 17.25,14.4362235 17.25,12.7176355 L17.25,2.78649268 C17.2499806,2.67295716 17.169713,2.57346295 17.0551677,2.54814198 L9.26971899,0.827697191 C9.09204917,0.788435341 8.90794979,0.7884352 8.73027991,0.827696777 L0.944841432,2.54812675 C0.830256744,2.57347673 0.750000028,2.67298015 0.750000015,2.78635037 L0.749999994,12.7184474 C0.750403915,14.4371009 1.60267341,16.043964 3.02605117,17.0160459 Z" id="路径" fill="#FFC841"></path>
<rect id="矩形备份-4" x="6.75" y="10.15" width="4.5" height="1" rx="0.5"></rect>
<path d="M6.75,10.15 L11.25,10.15 L6.75,10.15 Z" id="矩形备份-4" transform="translate(9.000000, 10.150000) scale(-1, 1) rotate(90.000000) translate(-9.000000, -10.150000) "></path>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/product.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>编组 5备份</title>
<desc>Created with Sketch.</desc>
<g id="规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="规范2" transform="translate(-184.000000, -1403.000000)">
<g id="编组-11备份-4" transform="translate(58.000000, 1397.000000)">
<g id="编组备份-2" transform="translate(126.000000, 6.000000)">
<path d="M18.2,0 C21.049,0 22.4541333,0 23.9555556,0.466666667 C25.6193,1.07963333 26.9203667,2.3807 27.5333333,4.04444444 C28,5.54563333 28,6.95123333 28,9.8 L28,18.2 C28,21.049 28,22.4541333 27.5333333,23.9555556 C26.9203667,25.6193 25.6193,26.9203667 23.9555556,27.5333333 C22.4541333,28 21.049,28 18.2,28 L9.8,28 C6.951,28 5.54563333,28 4.04444444,27.5333333 C2.3807,26.9203667 1.07963333,25.6193 0.466666667,23.9555556 C0,22.4541333 0,21.049 0,18.2 L0,9.8 C0,6.95123333 0,5.54563333 0.466666667,4.04444444 C1.07963333,2.3807 2.3807,1.07963333 4.04444444,0.466666667 C5.54563333,0 6.951,0 9.8,0 L18.2,0 Z" id="Icon-Shape-备份-5"></path>
<path d="M8.02605117,21.0160459 L12.7777771,22.9445433 C13.5615431,23.2626363 14.438445,23.262631 15.2222071,22.9445284 L19.9742706,21.0158261 C21.3977808,20.0434938 22.25,18.4362235 22.25,16.7176355 L22.25,6.78649268 C22.2499806,6.67295716 22.169713,6.57346295 22.0551677,6.54814198 L14.269719,4.82769719 C14.0920492,4.78843534 13.9079498,4.7884352 13.7302799,4.82769678 L5.94484143,6.54812675 C5.83025674,6.57347673 5.75000003,6.67298015 5.75000001,6.78635037 L5.74999999,16.7184474 C5.75040392,18.4371009 6.60267341,20.043964 8.02605117,21.0160459 Z" id="路径" stroke="#000000" stroke-width="1.5"></path>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/user-active.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>编组 5备份</title>
<desc>Created with Sketch.</desc>
<g id="规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="规范2" transform="translate(-379.000000, -1649.000000)">
<g id="编组-11备份-7" transform="translate(58.000000, 1567.000000)">
<g id="编组-7备份" transform="translate(321.000000, 82.000000)">
<path d="M18.2,0 C21.049,0 22.4541333,0 23.9555556,0.466666667 C25.6193,1.07963333 26.9203667,2.3807 27.5333333,4.04444444 C28,5.54563333 28,6.95123333 28,9.8 L28,18.2 C28,21.049 28,22.4541333 27.5333333,23.9555556 C26.9203667,25.6193 25.6193,26.9203667 23.9555556,27.5333333 C22.4541333,28 21.049,28 18.2,28 L9.8,28 C6.951,28 5.54563333,28 4.04444444,27.5333333 C2.3807,26.9203667 1.07963333,25.6193 0.466666667,23.9555556 C0,22.4541333 0,21.049 0,18.2 L0,9.8 C0,6.95123333 0,5.54563333 0.466666667,4.04444444 C1.07963333,2.3807 2.3807,1.07963333 4.04444444,0.466666667 C5.54563333,0 6.951,0 9.8,0 L18.2,0 Z" id="Icon-Shape-备份-8"></path>
<g id="编组-4备份" transform="translate(5.000000, 5.000000)" stroke="#000000" stroke-width="1.5">
<circle id="Oval-备份" fill="#FFC842" cx="9" cy="9" r="8.25"></circle>
<g id="编组-11" transform="translate(6.000000, 7.000000)" stroke-linecap="round" stroke-linejoin="round">
<path d="M0.5,0 L0.5,2" id="路径-11"></path>
<path d="M6,0 L6,2" id="路径-11"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/icons/svg/user.svg 0 → 100644
View file @ 73c40489
<?xml version="1.0" encoding="UTF-8"?>
<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>编组 5备份</title>
<desc>Created with Sketch.</desc>
<g id="规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="规范2" transform="translate(-379.000000, -1403.000000)">
<g id="编组-11备份-4" transform="translate(58.000000, 1397.000000)">
<g id="编组-7备份" transform="translate(321.000000, 6.000000)">
<path d="M18.2,0 C21.049,0 22.4541333,0 23.9555556,0.466666667 C25.6193,1.07963333 26.9203667,2.3807 27.5333333,4.04444444 C28,5.54563333 28,6.95123333 28,9.8 L28,18.2 C28,21.049 28,22.4541333 27.5333333,23.9555556 C26.9203667,25.6193 25.6193,26.9203667 23.9555556,27.5333333 C22.4541333,28 21.049,28 18.2,28 L9.8,28 C6.951,28 5.54563333,28 4.04444444,27.5333333 C2.3807,26.9203667 1.07963333,25.6193 0.466666667,23.9555556 C0,22.4541333 0,21.049 0,18.2 L0,9.8 C0,6.95123333 0,5.54563333 0.466666667,4.04444444 C1.07963333,2.3807 2.3807,1.07963333 4.04444444,0.466666667 C5.54563333,0 6.951,0 9.8,0 L18.2,0 Z" id="Icon-Shape-备份-8"></path>
<g id="编组-4备份" transform="translate(5.000000, 5.000000)" stroke="#000000" stroke-width="1.5">
<circle id="Oval-备份" cx="9" cy="9" r="8.25"></circle>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/components/RecordLayer.vue 0 → 100644
View file @ 73c40489
<template>
<cr-overlay class="user-mask" :show="value" @click="hide">
<cr-image class="user-mask-image" round width="86px" height="86px" fit="cover" :src="record" />
<p class="user-mask-title">平台备案中</p>
<p class="user-mask-desc">{{ desc }}</p>
</cr-overlay>
</template>
<script>
import record from "@/assets/images/user/for_the_record@2x.png";
export default {
name: "Tabbar",
props: {
value: {
type: Boolean,
default: false
},
desc: {
type: String,
default: ""
}
},
data() {
return {
record
};
},
methods: {
hide() {
this.$emit("input", false);
}
}
};
</script>
<style lang="less">
.user-mask {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 101;
&-image {
margin-bottom: 10px;
}
&-title {
font-size: 15px;
line-height: 24px;
font-weight: 600;
color: #ffffff;
}
&-desc {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #ffffff;
}
}
</style>
src/components/SvgIcon.vue
View file @ 73c40489
<template>
<svg :class="svgClass" aria-hidden="true">
<svg :class="[className, 'svg-icon']" aria-hidden="true">
<use :xlink:href="iconName" />
</svg>
</template>
......@@ -9,24 +9,17 @@ export default {
name: "SvgIcon",
props: {
iconClass: {
type: String,
type: [String, Array],
required: true
},
className: {
type: String,
type: [String, Array],
default: ""
}
},
computed: {
iconName() {
return `#icon-${this.iconClass}`;
},
svgClass() {
if (this.className) {
return "svg-icon " + this.className;
} else {
return "svg-icon";
}
}
}
};
......
src/components/Tabbar.vue 0 → 100644
View file @ 73c40489
<template>
<cr-tabbar
class="mongo-tabbar"
:value="activeIdx"
@input="oninput"
active-color="#333"
inactive-color="#666"
>
<cr-tabbar-item v-for="(item, index) in tabbarData" :key="item.name">
<div class="mongo-tabbar-item">
<svg-icon
:icon-class="[index === activeIdx ? item.activeIcon : item.icon]"
:class-name="[
{ 'mongo-tabbar-item-svg_active': index === activeIdx },
'mongo-tabbar-item-svg'
]"
/>
<span class="mongo-tabbar-item-name">{{ item.name }}</span>
</div>
</cr-tabbar-item>
</cr-tabbar>
</template>
<script>
import { mapState, mapMutations } from "vuex";
const route = ["/goods", "/user"];
const tabbarData = [
{
name: "产品",
path: "/goods",
icon: "product",
activeIcon: "product-active"
},
{
name: "我的",
path: "/user",
icon: "user",
activeIcon: "user-active"
}
];
export default {
name: "Tabbar",
data() {
return {
tabbarData
};
},
computed: {
...mapState(["activeIdx"])
},
created() {
if (this.$route.path !== route[this.activeIdx] && route.includes(this.$route.path)) {
this.setActiveIdx(route.indexOf(this.$route.path));
}
},
methods: {
...mapMutations(["setActiveIdx"]),
oninput(idx) {
this.setActiveIdx(idx);
this.$router.push(route[idx]);
}
}
};
</script>
<style lang="less">
.mongo-tabbar {
position: fixed;
bottom: 0;
z-index: 100;
box-sizing: border-box;
height: 49px;
padding: 5px 0 2px 0;
&-item {
display: flex;
flex-direction: column;
align-items: center;
width: 35px;
&-svg {
width: 28px;
height: 28px;
display: inline-block;
&_active {
display: none;
}
}
&-name {
font-size: 10px;
font-weight: 400;
color: #7f8389;
line-height: 14px;
}
}
/deep/ .cr-tabbar-item--active {
.mongo-tabbar-item-name {
color: #000000;
}
.mongo-tabbar-item-svg {
display: none;
&_active {
display: inline-block;
}
}
}
}
</style>
src/main.js
View file @ 73c40489
......@@ -6,6 +6,7 @@ import "./style/index.less";
import "amfe-flexible";
import vConsole from "vconsole";
import "@/assets/icons/index";
import "@/service/load";
import "@/service/cherry-ui";
Vue.config.productionTip = false;
......
src/router/index.js
View file @ 73c40489
import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue";
// import Home from "../views/Home.vue";
Vue.use(VueRouter);
......@@ -8,7 +8,7 @@ const routes = [
{
path: "/",
name: "Home",
component: Home
redirect: "/goods"
},
{
path: "/about",
......@@ -37,13 +37,42 @@ const routes = [
path: "/goods/inform",
name: "GoodsInform",
component: () => import(/* webpackChunkName: "GoodsInform" */ "../views/Goods/inform.vue")
},
{
path: "/user",
name: "User",
component: () => import("../views/User/index.vue")
},
{
path: "/policy",
name: "Policy",
component: () => import("../views/Policy/index.vue")
},
{
path: "/policy/detail",
name: "Detail",
component: () => import("../views/Policy/Detail/index.vue")
},
{
path: "/introduction",
name: "Introduction",
component: () => import("../views/Introduction/index.vue")
}
];
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err);
};
const router = new VueRouter({
mode: "history",
base: process.env.BASE_URL,
routes
routes,
scrollBehavior() {
return { x: 0, y: 0 };
}
});
export default router;
src/service/cherry-ui.js
View file @ 73c40489
......@@ -6,13 +6,13 @@ import "@qg/cherry-ui/dist/cherry.css";
const {
Button,
Image,
// Icon,
Icon,
Cell,
CellGroup,
Row,
Col,
Popup,
// Overlay,
Overlay,
Divider,
// Loading,
Toast,
......@@ -63,4 +63,6 @@ Vue.use(Switch);
Vue.use(Tag);
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(Icon);
Vue.use(Sticky);
Vue.use(Overlay);
src/service/load.js 0 → 100644
View file @ 73c40489
/* eslint-disable */
import Vue from 'vue';
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory
: (global = global || self, global.Vue = factory)
})(this, Vue)
export default () => {}
\ No newline at end of file
src/store/index.js
View file @ 73c40489
......@@ -4,8 +4,18 @@ import Vuex from "vuex";
Vue.use(Vuex);
export default new Vuex.Store({
state: {},
mutations: {},
actions: {},
state: {
activeIdx: 0
},
mutations: {
setActiveIdx(state, value) {
state.activeIdx = value;
}
},
actions: {
setActiveIdx(state, value) {
state.activeIdx = value;
}
},
modules: {}
});
src/style/reset.less
View file @ 73c40489
......@@ -2,134 +2,133 @@
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* custom */
a {
color: #7e8c8d;
text-decoration: none;
}
li {
list-style: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
\ No newline at end of file
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* custom */
a {
color: #7e8c8d;
text-decoration: none;
}
li {
list-style: none;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
src/style/var.less
View file @ 73c40489
......@@ -124,3 +124,7 @@
@tag-warning-light-background-color: #ffeab7;
@tag-warning-light-color: #eaad1a;
// User color
@user-background-color: #F4F4F4;
@user-module-background-color: #FFFFFF;
src/views/Goods/index.vue
View file @ 73c40489
......@@ -10,20 +10,22 @@
</cr-sticky>
<good-list :list="goodsList" />
<ai-test-tip />
<tabbar></tabbar>
</div>
</template>
<script>
import AiTestTip from "./modules/AiTestTip";
import GoodList from "@/components/GoodList/index";
import Tabbar from "@/components/Tabbar";
import goodsList from "@/api/goodsList.mock";
export default {
name: "GoodsList",
components: {
AiTestTip,
GoodList
GoodList,
Tabbar
},
data() {
return {
......
src/views/Goods/inform.vue
View file @ 73c40489
......@@ -6,43 +6,53 @@
为保证被保险人的保险权益在理赔时不受影响，请确认被保险人健康状况是否符合以下投保条件：
</div>
</div>
<card :title="true" class="inform-content">
<card title="true" class="inform-content">
<span slot="title" class="inform-content-title">
请如实告知
<strong>被保人</strong> 是否有以下情形之一
</span>
<p>以下情况全为“否”，即符合投保条件：</p>
<!-- eslint-disable-next-line -->
<p>1.被保险人职业是否属于以下职业：接触放射线或放射性物质，接触化学、易燃或易爆物质，有毒及危险物质生产运输，参与矿物或煤炭开采，暴露于烟尘或粉尘，参加高空、海洋、水下、地下、隧道、桥梁作业或活动，从事渔业捕捉，森林砍伐业或相关作业，森林防火，建筑施工，机械设备制造加工操作，金属/合金冶炼，3吨及3吨以上重型卡车、砂石车、液化气化油罐车驾驶及随车工作，高压电、电缆作业，拆船工作，私人保镖，战地记者，驯兽师，无固定职业，消防队员、特种兵、军事院校学生、入伍受训新兵、消防爆破、缉毒及防爆警察，参与镇暴或军警行动，前线军人。</p>
<p>1.被保险人职业是否属于以下职业：接触放射线或放射性物质，接触化学、易燃或易爆物质，有毒及危险物质生产运输，参与矿物或煤炭开采，暴露于烟尘或粉尘，参加高空、海洋、水下、地下、隧道、桥梁作业或活动，从事渔业捕捉，森林砍伐业或相关作业，森林防火，建筑施工，机械设备制造加工操作，金属/合金冶炼，3吨及3吨以上重型卡车、砂石车、液化气化油罐车驾驶及随车工作，高压电、电缆作业，拆船工作，私人保镖，战地记者，驯兽师，无固定职业，消防队员、特种兵、军事院校学生、入伍受训新兵、消防爆破、缉毒及防爆警察，参与镇暴或军警行动，前线军人。</p>
<!-- eslint-disable-next-line -->
<p>2. 被保险人过去 1 年内是否发现健康检查异常（包括但不限于血液、超声、影像检查、内镜、病理检查等）,过去 2 年内是否住院或被要求进一步检查、手术或治疗（不包括剖腹产/顺产/急性胃肠炎/单次发作已痊愈的肺炎/上呼吸道感染住院）。</p>
<p>2. 被保险人过去 1 年内是否发现健康检查异常（包括但不限于血液、超声、影像检查、内镜、病理检查等）,过去 2 年内是否住院或被要求进一步检查、手术或治疗（不包括剖腹产/顺产/急性胃肠炎/单次发作已痊愈的肺炎/上呼吸道感染住院）。</p>
<!-- eslint-disable-next-line -->
<p>3. 被保险人目前或过往是否患有下列疾病：良、恶性肿瘤（含原位癌），2 级或以上高血压（收缩压大于 160mmHg，或舒张压大于 100mmHg），心脏疾病，主动脉疾病，脑梗死（脑栓塞或脑血栓），脑出血，脑外伤后遗症，肾脏疾病，慢性肝脏疾病，血友病，重型再障性贫血，系统性红斑狼疮，类风湿性关节炎，风湿热，糖尿病，阿尔茨海默病，帕金森氏病，运动神经元病，多发性硬化，重症肌无力，硬皮病，克隆病，溃疡性结肠炎，慢性胰腺炎，癫痫，精神病，先天性疾病，法定传染病（包含甲类及乙类），慢性阻塞性肺病，瘫痪，性病，艾滋病及 HIV 阳性，慢性酒精中毒。是否曾经或正在使用毒品或违禁药物、是否有智能障碍或痴呆、失明、聋哑、身体任何部位缺失、畸形及功能障碍、重听、视力障碍（近视1000度以上）。</p>
<p>3. 被保险人目前或过往是否患有下列疾病：良、恶性肿瘤（含原位癌），2 级或以上高血压（收缩压大于 160mmHg，或舒张压大于 100mmHg），心脏疾病，主动脉疾病，脑梗死（脑栓塞或脑血栓），脑出血，脑外伤后遗症，肾脏疾病，慢性肝脏疾病，血友病，重型再障性贫血，系统性红斑狼疮，类风湿性关节炎，风湿热，糖尿病，阿尔茨海默病，帕金森氏病，运动神经元病，多发性硬化，重症肌无力，硬皮病，克隆病，溃疡性结肠炎，慢性胰腺炎，癫痫，精神病，先天性疾病，法定传染病（包含甲类及乙类），慢性阻塞性肺病，瘫痪，性病，艾滋病及 HIV 阳性，慢性酒精中毒。是否曾经或正在使用毒品或违禁药物、是否有智能障碍或痴呆、失明、聋哑、身体任何部位缺失、畸形及功能障碍、重听、视力障碍（近视1000度以上）。</p>
<!-- eslint-disable-next-line -->
<p>4. 过去 1 年内是否存在下列症状：反复头痛、晕厥、胸痛、气急、紫绀、持续反复发热、抽搐、不明原因出血、皮下出血点、咯血、反复呕吐、进食梗噎感或吞咽困难、呕血、浮肿、腹痛、黄疸、便血、血尿、蛋白尿、性质不明的肿块、消瘦（非健身原因所致的体重减轻 5公斤以上） 。</p>
<p>4. 过去 1 年内是否存在下列症状：反复头痛、晕厥、胸痛、气急、紫绀、持续反复发热、抽搐、不明原因出血、皮下出血点、咯血、反复呕吐、进食梗噎感或吞咽困难、呕血、浮肿、腹痛、黄疸、便血、血尿、蛋白尿、性质不明的肿块、消瘦（非健身原因所致的体重减轻 5公斤以上） 。</p>
<!-- eslint-disable-next-line -->
<p>5. 适用于女性被保险人：是否曾患有葡萄胎或其他妊娠滋养细胞疾病、宫颈不典型增生；是否有半年内存在阴道异常出血、乳头异常溢液、疼痛、糜烂或回缩、乳房表面皮肤凹陷、皱褶或皮肤收缩等症状。</p>
<p>5. 适用于女性被保险人：是否曾患有葡萄胎或其他妊娠滋养细胞疾病、宫颈不典型增生；是否有半年内存在阴道异常出血、乳头异常溢液、疼痛、糜烂或回缩、乳房表面皮肤凹陷、皱褶或皮肤收缩等症状。</p>
<p>6. 2 周岁以下被保险人出生时体重是否低于 2.5 公斤，是否早产，窒息，发育迟缓，脑瘫。</p>
<!-- eslint-disable-next-line -->
<p>7.被保险人是否曾被保险公司解除合同或投保时被拒绝、延期、附加条款承保或有过任何形式的人身索赔？被保险人最近一年内是否已在其它保险公司申请累计重大疾病保险保额达50万以上？</p>
<p>7.被保险人是否曾被保险公司解除合同或投保时被拒绝、延期、附加条款承保或有过任何形式的人身索赔？被保险人最近一年内是否已在其它保险公司申请累计重大疾病保险保额达50万以上？</p>
</card>
<div class="inform-btns">
<cr-button @click="$router.back()">不符合</cr-button>
<cr-button type="warning" @click="conform">符合，立即投保</cr-button>
</div>
<record-layer v-model="showLayer" desc="敬请期待"></record-layer>
</div>
</template>
<script>
import card from "@/components/Card";
import RecordLayer from "@/components/RecordLayer";
export default {
name: "GoodsInform",
components: {
card
card,
RecordLayer
},
data() {
return {
showLayer: false
};
},
methods: {
conform() {
this.$toast("平台备案中，不能支付，敬请期待");
// this.$toast("平台备案中，不能支付，敬请期待");
this.showLayer = true;
}
}
};
......
src/views/Goods/modules/AiTestTip.vue
View file @ 73c40489
......@@ -35,6 +35,7 @@ export default {
@import "../../../style/mixins.less";
.ai-test {
margin-bottom: 49px;
padding: 20px 16px 25.5px;
&-tip {
text-align: center;
......
src/views/Introduction/index.less 0 → 100644
View file @ 73c40489
@import "../../style/var.less";
@import "../../style/mixins.less";
.itd {
position: absolute;
top: 0;
bottom: 0;
background-color: #FFFFFF;
&-divider {
margin: 0;
border-color: #ECE9E9;
}
&-head {
width: 100% !important;
& > div {
width: 100% !important;
z-index: 100;
}
/deep/ .cr-tabbar {
background-color: #f5f5f5;
font-size: @font-size-16;
padding: @padding-lg+1 0;
&-item {
position: relative;
&::after {
position: absolute;
top: 26px;
// transition: width .2s linear;
content: " ";
display: block;
width: 0;
height: 4px;
background: @orange-light;
border-radius: @border-radius-lx;
}
&--active {
font-weight: 600;
&::after {
width: 32px;
}
}
}
}
}
&-quali {
padding: 13px 20px 24px;
font-size: 18px;
font-weight: 600;
color: #242629;
line-height: 24px;
background-color: #FFFFFF;
&-item {
display: flex;
flex-direction: column;
&:not(:first-child), &:not(:last-child) {
margin: 24px 0px 24px;
}
&:first-child, &:last-child {
margin: 0;
}
&-title {
margin-bottom: 16px;
font-size: 18px;
font-weight: 600;
color: #242629;
line-height: 24px;
}
&-content {
padding: 13px 20px 16px;
background: #F6F7FA;
border-radius: 14px;
font-size: 12px;
font-weight: 400;
color: #333333;
line-height: 18px;
}
&-extra {
padding: 20px 20px 16px;
background: #F6F7FA;
border-radius: 14px;
&:not(:last-child) {
margin: 10px 0;
}
&-desc {
margin-top: 12px;
font-size: 12px;
font-weight: 400;
color: #333333;
line-height: 18px;
text-align: center;
}
}
}
}
&-product {
padding: 16px 20px 0;
&-pro {
display: flex;
&-title {
padding: 14px 0 31px 18px;
width: 121px;
background: #F6F7FA;
border-radius: 16px 0px 0px 0px;
font-size: 12px;
font-weight: 600;
color: #666666;
line-height: 14px;
}
&-value {
flex: 1;
padding: 14px 0 28px 13px;
font-size: 12px;
font-weight: 600;
color: #666666;
line-height: 14px;
}
}
&-comp {
display: flex;
&-title {
padding: 0 0 19px 18px;
width: 121px;
background: #F6F7FA;
font-size: 12px;
font-weight: 600;
color: #666666;
line-height: 20px;
}
&-value {
flex: 1;
padding: 0 0 16px 13px;
font-size: 12px;
font-weight: 400;
color: #333333;
line-height: 20px;
}
}
&-divider {
margin: 0;
border-color: #ECE9E9;
}
&-no {
display: flex;
&-title {
padding: 20px 0 0px 18px;
width: 121px;
border-radius: 0px 0px 0px 16px;
background: #F6F7FA;
font-size: 12px;
font-weight: 600;
color: #666666;
line-height: 20px;
}
&-value {
flex: 1;
padding: 20px 0 16px 13px;
font-size: 12px;
font-weight: 400;
color: #333333;
line-height: 20px;
}
}
}
&-comp {
padding: 16px 20px 0;
&-info {
display: flex;
&-title {
padding: 14px 0 31px 18px;
width: 121px;
background: #F6F7FA;
border-radius: 16px 0px 0px 0px;
font-size: 12px;
font-weight: 600;
color: #666666;
line-height: 14px;
}
&-value {
flex: 1;
padding: 14px 0 28px 13px;
font-size: 12px;
font-weight: 600;
color: #666666;
line-height: 14px;
}
}
&-branch {
display: flex;
&-title {
padding: 0 0 19px 18px;
width: 121px;
background: #F6F7FA;
font-size: 12px;
font-weight: 600;
color: #666666;
line-height: 20px;
}
&-value {
flex: 1;
padding: 0 0 16px 13px;
font-size: 12px;
font-weight: 400;
color: #333333;
line-height: 20px;
}
}
&-item {
display: flex;
&-title {
padding: 16px 0 16px 18px;
width: 121px;
background: #F6F7FA;
font-size: 12px;
font-weight: 600;
color: #666666;
line-height: 20px;
}
&-value {
flex: 1;
padding: 16px 0 16px 13px;
font-size: 12px;
font-weight: 400;
color: #333333;
line-height: 20px;
}
&:last-child {
.itd-comp-item-title {
border-radius: 0 0 0 16px;
}
}
}
}
}
src/views/Introduction/index.vue 0 → 100644
View file @ 73c40489
<template>
<div class="itd">
<cr-sticky class="itd-head">
<cr-tabbar v-model="active" active-color="#333" inactive-color="#666">
<cr-tabbar-item>经营资质</cr-tabbar-item>
<cr-tabbar-item>保险产品信息披露</cr-tabbar-item>
<cr-tabbar-item>合作保险公司披露</cr-tabbar-item>
</cr-tabbar>
</cr-sticky>
<component :is="comName"></component>
</div>
</template>
<script>
import "./index.less";
import BusinessQuali from "./modules/BusinessQuali";
import Company from "./modules/Company";
import Product from "./modules/Product";
const components = ["BusinessQuali", "Company", "Product"];
export default {
name: "PolicyList",
components: {
BusinessQuali,
Company,
Product
},
data() {
return {
active: 0
};
},
computed: {
comName: function() {
return components[this.active];
}
}
};
</script>
src/views/Introduction/modules/BusinessQuali.vue 0 → 100644
View file @ 73c40489
<template>
<div class="itd-quali">
<div class="itd-quali-item">
<p class="itd-quali-item-title">1. 主体名称和网址</p>
<div class="itd-quali-item-content">
中文名称：全天候保险代理股份有限公司<br />
中文简称：芒果保险<br />
网站地址：www.qthbx.com
</div>
</div>
<div class="itd-quali-item">
<p class="itd-quali-item-title">2. 注册资本</p>
<div class="itd-quali-item-content">
人民币伍仟万元
</div>
</div>
<div class="itd-quali-item">
<p class="itd-quali-item-title">3. 成立时间</p>
<div class="itd-quali-item-content">
2006年2月10日
</div>
</div>
<div class="itd-quali-item">
<p class="itd-quali-item-title">4. 注册地址</p>
<div class="itd-quali-item-content">
北京市顺义区仁和镇顺通路25号5幢511-2室
</div>
</div>
<div class="itd-quali-item">
<p class="itd-quali-item-title">5. 业务范围</p>
<div class="itd-quali-item-content">
在全国区域内（港、澳、台除外）代理销售保险产品；代理收取保险费；代理相关保险业务的损失勘察和理赔；中国保监会批准的其他业务。
</div>
</div>
<div class="itd-quali-item">
<p class="itd-quali-item-title">6. 经营区域</p>
<div class="itd-quali-item-content">
在全国区域内（港、澳、台除外）
</div>
</div>
<div class="itd-quali-item">
<p class="itd-quali-item-title">7. 法定代表人</p>
<div class="itd-quali-item-content">
陆慧瑗
</div>
</div>
<div class="itd-quali-item">
<p class="itd-quali-item-title">8. 客服与消费者投诉电话</p>
<div class="itd-quali-item-content">
010-82194734
</div>
</div>
<div class="itd-quali-item">
<p class="itd-quali-item-title">9.分支机构</p>
<div class="itd-quali-item-content">
分公司名称：<br />
办公地址：<br />
<br />
分公司名称：<br />
办公地址：<br />
<br />
分公司名称：<br />
办公地址：
</div>
</div>
<div class="itd-quali-item">
<p class="itd-quali-item-title">10. 相关资质</p>
<div class="itd-quali-item-content">
「芒果保险」是2020年成立的互联网保险平台，我们的网站经过中国银保监会核准具有互联网销售资质。
查询地址：http://icid.iachina.cn/选择“互联网保险信息披露＞中介类信息披露＞全天候保险代理股份有限公司”即可查看。
</div>
<div class="itd-quali-item-extra">
<cr-image width="295px" height="166px" fit="cover" src="" />
<p class="itd-quali-item-extra-desc">经营保险代理业务许可证</p>
</div>
<div class="itd-quali-item-extra">
<cr-image width="295px" height="166px" fit="cover" src="" />
<p class="itd-quali-item-extra-desc">营业执照</p>
</div>
</div>
</div>
</template>
<script>
import "../index.less";
import avatar from "@/assets/images/user/avatar@2x.png";
export default {
name: "BusinessQuali",
data() {
return {
avatar
};
}
};
</script>
src/views/Introduction/modules/Company.vue 0 → 100644
View file @ 73c40489
<template>
<div class="itd-product">
<div class="itd-product-pro">
<p class="itd-product-pro-title">保险产品名称</p>
<p class="itd-product-pro-value">万家保·重疾轻症险</p>
</div>
<div class="itd-product-comp">
<p class="itd-product-comp-title">保险公司</p>
<p class="itd-product-comp-value">华泰财产保险有限公司</p>
</div>
<cr-divider class="itd-divider" :hairline="false" />
<div class="itd-product-no">
<p class="itd-product-no-title">备案编号注册编号</p>
<p class="itd-product-no-value">
华泰财险重大疾病保险条款(B款) <br />
华泰财险附加重大疾病轻症综合保险条款<br />
华泰财险附加保险费分期支付条款<br />
<br />
C00015431912018061501152<br />
C00015432622017111500872<br />
C00015431922018061503991
</p>
</div>
</div>
</template>
<script>
import "../index.less";
export default {
name: "Company",
data() {
return {};
}
};
</script>
src/views/Introduction/modules/Product.vue 0 → 100644
View file @ 73c40489
<template>
<div class="itd-comp">
<div class="itd-comp-info">
<p class="itd-comp-info-title">保险公司名称</p>
<p class="itd-comp-info-value">华泰财产保险有限公司</p>
</div>
<div class="itd-comp-branch">
<p class="itd-comp-branch-title">已设分支机构</p>
<p class="itd-comp-branch-value">
北京、上海、天津、重庆、江苏、广东、陕西、四川、云南、辽宁、浙江、河北、湖南、湖北、安徽、山西、福建、山东、广西、河南、江西、深圳、青岛、大连、宁波、贵州、内蒙古、厦门、黑龙江、新疆、宁夏、吉林、甘肃
</p>
</div>
<cr-divider class="itd-divider" :hairline="false" />
<div class="itd-comp-item">
<p class="itd-comp-item-title">业务合作范围</p>
<p class="itd-comp-item-value">互联网保险业务</p>
</div>
<cr-divider class="itd-divider" :hairline="false" />
<div class="itd-comp-item">
<p class="itd-comp-item-title">保险公司网址</p>
<p class="itd-comp-item-value">http://pc.ehuatai.com</p>
</div>
<cr-divider class="itd-divider" :hairline="false" />
<div class="itd-comp-item">
<p class="itd-comp-item-title">客服电话</p>
<p class="itd-comp-item-value">400-609-5509</p>
</div>
</div>
</template>
<script>
import "../index.less";
export default {
name: "Product",
data() {
return {};
}
};
</script>
src/views/Policy/Detail/index.less 0 → 100644
View file @ 73c40489
.button() {
height: 28px;
border-radius: 8px;
border: 1px solid #787EFF;
font-size: 14px;
font-weight: 400;
color: #787EFF;
line-height: 16px;
&:first-child {
margin-right: 8px;
}
}
.card-head() {
display: flex;
justify-content: space-between;
margin-bottom: 16px;
span:first-child {
font-size: 18px;
font-weight: 600;
color: #242629;
line-height: 24px;
}
span:last-child {
font-size: 12px;
font-weight: 400;
color: #787EFF;
line-height: 24px;
}
.svg-icon {
padding: 4px 0;
width: 16px;
height: 16px;
}
}
.card-body() {
div {
display: flex;
justify-content: space-between;
span:first-child {
font-size: 12px;
font-weight: 400;
color: #666666;
line-height: 24px;
}
span:last-child {
font-size: 12px;
font-weight: 600;
color: #333333;
line-height: 24px;
}
}
}
.policy-detail {
position: relative;
background: #F6F6F6;
&:before {
position: absolute;
width: 375px;
height: 269px;
border: 0;
content: '';
background: linear-gradient(360deg,rgba(244,244,244,1) 0%,rgba(255,200,66,1) 100%);
}
&:after {
position: absolute;
top: 38px;
right: 0;
width: 36px;
height: 19px;
content: '';
background: url('../../../assets/images/policy/detail/point@2x.png') no-repeat 0 0 /cover;
}
&-body {
position: absolute;
left: 0;
right: 0;
.Pdb-status {
margin: 32px 0 5px 20px;
font-size: 28px;
font-weight: 600;
color: #333333;
line-height: 40px;
}
.Pdb-payment {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 24px 20px;
padding-left: 4px;
width: 73px;
height: 20px;
background: #000000;
border-radius: 8px;
opacity: 0.2;
&-text {
margin-right: 1px;
font-size: 12px;
font-weight: 400;
color: #FFFFFF;
line-height: 12px;
}
&-svg {
width: 12px;
height: 12px;
}
}
.Pdb-insurance {
margin: 0 16px 10px;
padding: 20px;
background: #FFFFFF;
box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.07);
border-radius: 14px;
&-name {
margin-bottom: 12px;
font-size: 18px;
font-weight: 600;
color: #242629;
line-height: 24px;
}
&-no {
margin-bottom: 16px;
font-size: 12px;
font-weight: 400;
color: #999999;
line-height: 16px;
}
&-operation {
.Pdbi-operation-button { .button }
}
}
.Pdb-content {
margin: 0 16px 10px;
padding: 20px;
background: #FFFFFF;
border-radius: 14px;
&-head {
.card-head
}
&-body {
margin-bottom: 8px;
.card-body
}
&-operation {
.Pdbc-button { .button }
}
&-user {
margin-top: 24px;
.Pdbc-user-who {
margin-bottom: 16px;
font-size: 18px;
font-weight: 600;
color: #242629;
line-height: 24px;
}
.Pdbc-user-info {
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
height: 50px;
background: #F6F7FA;
border-radius: 14px;
span:first-child {
font-size: 14px;
font-weight: 500;
color: #333333;
line-height: 24px;
}
span:last-child {
font-size: 14px;
font-weight: 400;
color: #666666;
line-height: 24px;
}
}
}
&-service {
margin: 0 16px 10px;
padding: 20px;
background: #FFFFFF;
border-radius: 14px;
.Pdsc-service-head {
.card-head
}
.Pdsc-service-body {
.card-body
}
.Pdsc-service-question {
margin-top: 24px;
.card-head
}
.Pdsc-service-divider {
&:before {
height: 1px;
border-color: #EBEBEB;
}
}
}
}
}
}
\ No newline at end of file
src/views/Policy/Detail/index.vue 0 → 100644
View file @ 73c40489
<template>
<div class="policy-detail">
<div class="policy-detail-body">
<p class="Pdb-status">保障中</p>
<div class="Pdb-payment">
<span class="Pdb-payment-text">缴费记录</span>
<svg-icon class-name="Pdb-payment-svg" icon-class="payment-record" />
</div>
<div class="Pdb-insurance">
<p class="Pdb-insurance-name">国民保·百万医疗险</p>
<p class="Pdb-insurance-no">NO.XXXXXXXXXXXXXXXXXXXXXXXX<br />由XXXXXXXXX承保</p>
<div class="Pdb-insurance-operation">
<cr-button class="Pdbi-operation-button">已开通次年续保</cr-button>
<cr-button class="Pdbi-operation-button">申请理赔</cr-button>
</div>
</div>
<div class="Pdb-content">
<div class="Pdb-content-head">
<span class="Pdbc-head-name">保障内容</span>
<span class="Pdbc-head-status">查看详情</span>
</div>
<div class="Pdb-content-body">
<div class="Pdbc-body-item">
<span>100种重大疾病医疗保险金（0免赔额）</span>
<span>600万</span>
</div>
<div class="Pdbc-body-item">
<span>一般医疗保险金（1万免赔额）</span>
<span>300万</span>
</div>
<div class="Pdbc-body-item">
<span>质子重离子医疗保险金（60%赔付）</span>
<span>600万</span>
</div>
<div class="Pdbc-body-item">
<span>意外身故</span>
<span>1万</span>
</div>
<div class="Pdbc-body-item">
<span>意外伤残</span>
<span>1万</span>
</div>
<div class="Pdbc-body-item">
<span>意外住院津贴</span>
<span>100元/天</span>
</div>
<div class="Pdbc-body-item">
<span>生效日期</span>
<span>2020.5.31</span>
</div>
<div class="Pdbc-body-item">
<span>终止日期</span>
<span>2021.5.31</span>
</div>
</div>
<div class="Pdb-content-operation">
<cr-button class="Pdbc-button">电子保单</cr-button>
</div>
<div class="Pdb-content-user">
<p class="Pdbc-user-who">投保人</p>
<div class="Pdbc-user-info">
<span>王*闹</span>
<span>身份证号 1333**********3445</span>
</div>
</div>
<div class="Pdb-content-user">
<p class="Pdbc-user-who">被保人</p>
<div class="Pdbc-user-info">
<span>王*闹</span>
<span>身份证号 1333**********3445</span>
</div>
</div>
</div>
<div class="Pdb-content-service">
<div class="Pdsc-service-head">
<span>增值服务</span>
<span>查看详情</span>
</div>
<div class="Pdsc-service-body">
<div>
<span>重疾快速就医</span>
</div>
<div>
<span>住院押金垫付</span>
</div>
</div>
<div class="Pdsc-service-question">
<span>常见问题</span>
<svg-icon icon-class="arrow" />
</div>
<cr-divider class="Pdsc-service-divider" :hairline="false" />
<div class="Pdsc-service-agreement">
<span>保险条款</span>
<span>健康告知</span>
<span>投保须知与声明</span>
<span>服务协议</span>
</div>
<insurance-recommend />
</div>
</div>
</div>
</template>
<script>
import "./index.less";
import point from "@/assets/images/policy/detail/point@2x.png";
import InsuranceRecommend from "../modules/InsuranceRecommend";
export default {
name: "PolicyList",
components: {
InsuranceRecommend
},
data() {
return {
point
};
}
};
</script>
src/views/Policy/index.less 0 → 100644
View file @ 73c40489
@import "../../style/var.less";
@import "../../style/mixins.less";
.policy {
background-color: @background-color;
&-tab {
width: 100% !important;
& > div {
width: 100% !important;
z-index: 100;
}
/deep/ .cr-tabbar {
background-color: #f5f5f5;
font-size: @font-size-16;
padding: @padding-lg+1 0;
&-item {
position: relative;
&::after {
position: absolute;
left: 0;
top: 26px;
// transition: width .2s linear;
content: " ";
display: block;
width: 0;
height: 4px;
background: @orange-light;
border-radius: @border-radius-lx;
}
&--active {
font-weight: 600;
&::after {
width: 32px;
}
}
}
}
}
&-item {
position: relative;
margin: 10px 16px;
padding: 20px 0 20px 20px;
background: #FFFFFF;
border-radius: 14px;
&-pro {
display: flex;
align-items: center;
margin-bottom: 8px;
&-name{
padding: 4px 0 2px 0;
margin-right: 6px;
font-size: 16px;
font-weight: 600;
color: #242629;
}
&-type{
padding: 3px 0 1px 0;
width: 52px;
border-radius: 8px 2px 8px 2px;
text-align: center;
font-size: 11px;
font-weight: 400;
&_illness {
background: #FFD8BF;
color: #FF6702;
}
&_life {
background: #F3F2F1;
color: #DDB984;
}
&_casualty {
background: #F6E8FF;
color: #858AFF;
}
&_medical {
background: #FFEAB7;
color: #EAAD1A;
}
}
&-status {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
font-weight: 400;
color: #999999;
line-height: 16px;
}
}
&-recognizee, &-time {
margin-bottom: 8px;
font-size: 12px;
font-weight: 400;
color: #999999;
line-height: 16px;
}
&-operation {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
width: 100%;
&-button {
margin: 9px 8px 0 0;
// margin: 9px 8px 11px 0;
padding: 0 !important;
width: 102px;
height: 28px;
border-radius: 8px;
border: 1px solid #787EFF;
font-size: 14px;
font-weight: 400;
color: #787EFF;
line-height: 16px;
&:last-child {
margin-right: 12px;
}
&_paid {
border: 0;
background: #F4F5FF;
color: #787EFF;
}
}
&-image {
position: absolute;
right: 0;
bottom: 0;
}
&-desc {
margin-top: 9px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
&_wait {
color: #999999;
}
&_result {
color: #F94C4C;
}
}
}
}
&-divider {
margin: 10px 130px 16px;
font-size: 11px;
font-weight: 400;
color: #CCCCCC;
line-height: 11px;
&:after {
margin-left: 0;
border: 1px solid #CCCCCC;
}
&:before {
margin-right: 0;
border: 1px solid #CCCCCC;
}
}
&-recommend {
position: relative;
margin: 0 16px 11px;
padding: 29px 23px 32px;
background: #FFFFFF;
box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.07);
border-radius: 14px;
&-content {
display: flex;
margin-bottom: 18px;
width: 100%;
.Prc-left {
margin-right: 20px;
}
.Prc-right {
&-title {
margin: 1px 0 9px 0;
span:first-child {
font-size: 28px;
font-weight: 600;
color: #FF6702;
line-height: 40px;
}
span:last-child {
font-size: 28px;
font-weight: 600;
color: #242629;
line-height: 40px;
}
}
&-desc {
font-size: 14px;
font-weight: 400;
color: #999999;
line-height: 16px;
}
}
}
&-button {
width: 296px;
height: 50px;
background: #FFC842;
border-radius: 14px;
z-index: 0;
&:after {
width: 296px;
height: 52px;
z-index: -1;
background: rgba(255,200,66,1);
border-radius: 14px;
opacity: 0.4;
filter: blur(10px);
position: absolute;
content: '';
left: 0;
top: 12px;
}
/deep/ .cr-button__text {
font-size: 16px;
font-weight: 600;
color: #333333;
line-height: 22px;
}
}
&-angle {
position: absolute;
top: -5px;
left: -5px;
}
}
&-none {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 16px;
height: 374px;
background: #FFFFFF;
border-radius:14px;
&-title {
margin: 14px 0 9px 0;
font-size: 16px;
font-weight: 600;
color: #999999;
}
&-desc {
font-size: 11px;
font-weight: 400;
color: #CCCCCC;
}
}
}
src/views/Policy/index.vue 0 → 100644
View file @ 73c40489
<template>
<div class="policy">
<cr-sticky class="policy-tab">
<cr-tabbar v-model="active" active-color="#333" inactive-color="#666">
<cr-tabbar-item>全部</cr-tabbar-item>
<cr-tabbar-item>本人</cr-tabbar-item>
<cr-tabbar-item>父母</cr-tabbar-item>
<cr-tabbar-item>配偶</cr-tabbar-item>
<cr-tabbar-item>子女</cr-tabbar-item>
</cr-tabbar>
</cr-sticky>
<!-- <policy-item></policy-item>
<cr-divider class="policy-divider">我是有底线的</cr-divider>
<insurance-recommend></insurance-recommend> -->
<div class="policy-none">
<cr-image round width="143px" height="143px" :src="policyDefault" />
<p class="policy-none-title">暂无保单</p>
<p class="policy-none-desc">赶紧去看看有哪些精品保险吧</p>
</div>
</div>
</template>
<script>
import "./index.less";
import policyDefault from "@/assets/images/policy/policy-default@2x.png";
// import InsuranceRecommend from "./modules/InsuranceRecommend";
// import PolicyItem from "./modules/PolicyItem";
export default {
name: "PolicyList",
// components: {
// InsuranceRecommend,
// PolicyItem
// },
data() {
return {
active: 0,
policyDefault
};
}
};
</script>
src/views/Policy/modules/InsuranceRecommend.vue 0 → 100644
View file @ 73c40489
<template>
<div class="policy-recommend">
<div class="policy-recommend-content">
<cr-image class="Prc-left" width="72px" height="72px" :src="recommendContent" />
<div class="Prc-right">
<p class="Prc-right-title">
<span>50万</span>
<span>重疾保障</span>
</p>
<p class="Prc-right-desc">优势介绍 优势介绍 优势介绍</p>
</div>
</div>
<cr-button class="policy-recommend-button">点此投保</cr-button>
<cr-image class="policy-recommend-angle" width="65px" height="65px" :src="recommendAngle" />
</div>
</template>
<script>
import "../index.less";
import recommendAngle from "@/assets/images/policy/recommend-angle@2x.png";
import recommendContent from "@/assets/images/policy/recommend-content@2x.png";
export default {
name: "InsuranceRecommend",
data() {
return {
recommendAngle,
recommendContent
};
}
};
</script>
src/views/Policy/modules/PolicyItem.vue 0 → 100644
View file @ 73c40489
<template>
<div>
<div class="policy-item">
<div class="policy-item-pro">
<p class="policy-item-pro-name">国民保·百万医疗险</p>
<p class="policy-item-pro-type policy-item-pro-type_medical">医疗保障</p>
</div>
<p class="policy-item-recognizee">被保人：王*闹</p>
<p class="policy-item-time">保障期限：2020.5.31至2021.5.30</p>
<div class="policy-item-operation">
<cr-button class="policy-item-operation-button">为家人投保</cr-button>
<cr-button class="policy-item-operation-button">电子保单</cr-button>
</div>
<cr-image
class="policy-item-operation-image"
width="63px"
height="63px"
fit="cover"
:src="guarantee"
/>
</div>
<div class="policy-item">
<div class="policy-item-pro">
<p class="policy-item-pro-name">国民保·百万意外险</p>
<p class="policy-item-pro-type policy-item-pro-type_casualty">意外保障</p>
</div>
<p class="policy-item-recognizee">被保人：王*闹</p>
<p class="policy-item-time">保障期限：2020.5.31至2021.5.30</p>
<div class="policy-item-operation">
<cr-button class="policy-item-operation-button policy-item-operation-button_paid"
>开启自动续费</cr-button
>
<cr-button class="policy-item-operation-button">电子保单</cr-button>
<p class="policy-item-operation-desc policy-item-operation-desc_result">
有XX.X元扣费失败，请立即开通自动续费
</p>
</div>
<cr-image
class="policy-item-operation-image"
width="63px"
height="63px"
fit="cover"
:src="guarantee"
/>
</div>
<div class="policy-item">
<div class="policy-item-pro">
<p class="policy-item-pro-name">国民保·百万医疗险</p>
<p class="policy-item-pro-type policy-item-pro-type_medical">医疗保障</p>
<p class="policy-item-pro-status">待生效</p>
</div>
<p class="policy-item-recognizee">被保人：王*闹</p>
<p class="policy-item-time">保障期限：2020.5.31至2021.5.30</p>
<div class="policy-item-operation">
<cr-button class="policy-item-operation-button">为家人投保</cr-button>
<cr-button class="policy-item-operation-button">电子保单</cr-button>
</div>
</div>
<div class="policy-item">
<div class="policy-item-pro">
<p class="policy-item-pro-name">国民保·百万医疗险</p>
<p class="policy-item-pro-type policy-item-pro-type_illness">重疾保障</p>
<p class="policy-item-pro-status">待支付</p>
</div>
<p class="policy-item-recognizee">被保人：王*闹</p>
<p class="policy-item-time">保障期限：2020.5.31至2021.5.30</p>
<div class="policy-item-operation">
<cr-button class="policy-item-operation-button policy-item-operation-button_paid"
>去支付</cr-button
>
</div>
</div>
<div class="policy-item">
<div class="policy-item-pro">
<p class="policy-item-pro-name">国民保·百万医疗险</p>
<p class="policy-item-pro-type policy-item-pro-type_life">寿险保障</p>
<p class="policy-item-pro-status">退款中</p>
</div>
<p class="policy-item-recognizee">被保人：王*闹</p>
<p class="policy-item-time">保障期限：2020.5.31至2021.5.30</p>
<div class="policy-item-operation">
<cr-button class="policy-item-operation-button">联系客服</cr-button>
<p class="policy-item-operation-desc policy-item-operation-desc_result">
退保退款中，请注意查收
</p>
</div>
</div>
<div class="policy-item">
<div class="policy-item-pro">
<p class="policy-item-pro-name">国民保·百万医疗险</p>
<p class="policy-item-pro-type policy-item-pro-type_life">寿险保障</p>
<p class="policy-item-pro-status">出单中</p>
</div>
<p class="policy-item-recognizee">被保人：王*闹</p>
<p class="policy-item-time">保障期限：2020.5.31至2021.5.30</p>
<div class="policy-item-operation">
<cr-button class="policy-item-operation-button">联系客服</cr-button>
<p class="policy-item-operation-desc policy-item-operation-desc_wait">
正在出单，请耐心等待…
</p>
</div>
</div>
<div class="policy-item">
<div class="policy-item-pro">
<p class="policy-item-pro-name">国民保·百万医疗险</p>
<p class="policy-item-pro-type policy-item-pro-type_life">寿险保障</p>
<p class="policy-item-pro-status">投保失败</p>
</div>
<p class="policy-item-recognizee">被保人：王*闹</p>
<p class="policy-item-time">保障期限：2020.5.31至2021.5.30</p>
<div class="policy-item-operation">
<p class="policy-item-operation-desc policy-item-operation-desc_result">
很抱歉，被保人的核保未通过
</p>
</div>
</div>
</div>
</template>
<script>
import "../index.less";
import guarantee from "@/assets/images/policy/guarantee@2x.png";
export default {
name: "InsuranceRecommend",
data() {
return {
guarantee
};
}
};
</script>
src/views/User/index.less 0 → 100644
View file @ 73c40489
@import "../../style/index.less";
.user {
overflow: hidden;
background-color: @user-background-color;
&-info {
display: flex;
justify-content: space-between;
margin: 31px 26px 28px 28px;
height: 60px;
&-account {
display: flex;
flex-direction: column;
span:nth-child(1) {
width: 84px;
height: 40px;
line-height: 40px;
font-size: 28px;
font-weight: 600;
color: @black;
}
span:nth-child(2) {
width: 63px;
padding: 1px 0 2px;
line-height: normal;
text-align: center;
background: #000000;
border-radius: 8px;
opacity: 0.2;
font-size: @font-size-12;
font-weight: 400;
color: @user-module-background-color;
}
}
&-image {
position: relative;
width: 60px;
height: 60px;
&-certification {
position: absolute;
right: 0;
bottom: 0;
width: 20px;
height: 20px;
}
}
}
&-insurance {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 16px 10px;
padding: 0 32px;
height: 69px;
line-height: 69px;
background: @orange-light;
border-radius: @border-radius-md;
&-list {
display: flex;
height: 27px;
line-height: 27px;
&-icon {
position: relative;
margin-right: 8px;
height: 27px;
line-height: 27px;
width: 27px;
font-size: 0;
&-svg {
width: 27px;
height: 27px;
}
&-dot {
position: absolute;
top: 0;
right: 0;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: @red;
}
}
&-title {
font-size: 16px;
font-weight: 600;
color: #000000;
}
}
&-divider {
height: 19px;
border-left: solid 1px #010101;
}
}
&-family {
margin: 0 16px 10px;
padding: 20px 20px 0 20px;
border-radius: @border-radius-md;
background: @user-module-background-color;
&-title {
margin: 0;
font-weight:600;
font-size: 19px;
color: #242629;
text-align: left;
}
&-info {
overflow-x: auto;
display: flex;
margin: 20px 0 24px;
&-item {
font-size: 0; // 去掉默认间距
width: 40px;
&:not(:first-child) {
margin-left: 25px;
}
&-svg {
width: 40px;
height: 40px;
}
&-name {
display: inline-block;
margin: 8px 0 6px;
width: 40px;
text-align: center;
font-size: @font-size-12;
font-weight: 600;
color: @black;
}
&-divider {
width: 40px;
height: 4px;
background: @orange-light;
border-radius: 3px;
}
&_fixed {
position: fixed;
right: 36px;
height: 71px;
background: #fff;
}
}
&::-webkit-scrollbar {
display: none;
}
}
&-insurance {
&-item {
display: flex;
align-items: center;
height: 76px;
&-middle {
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
margin: 0 10px 0 8px;
padding: 3px 0;
width: 169px;
.Ufii-middle-main {
margin-bottom: 6px;
font-size: 0;
text-align: left;
&-title {
margin-right: 8px;
font-size: @font-size-16;
font-weight: 600;
color: #242629;
}
&-status {
display: inline-block;
width: 44px;
height: 16px;
line-height: 16px;
text-align: center;
background: @tag-warning-light-background-color;
border-radius: 8px 2px 8px 2px;
font-size: 11px;
font-weight: 400;
color: @tag-warning-light-color;
}
}
.Ufii-middle-footer {
text-align: left;
font-size: @font-size-12;
font-weight: 400;
color: @gray-4;
line-height: 16px;
}
&_enable {
width: auto;
}
}
&-left {
width: 72px;
padding: 6px 0;
line-height: normal;
text-align: center;
background: @orange-light;
border-radius: @border-radius-sm;
font-size: @font-size-12;
font-weight: 600;
color: @black;
}
&:not(:last-child) {
border-bottom: 1px solid #EBEBEB;
}
}
}
}
&-service {
margin: 0 16px 14px;
padding: 20px 20px 0 20px;
background-color: @user-module-background-color;
border-radius: @border-radius-md;
&-title {
margin-bottom: 3px;
text-align: left;
font-size: 18px;
font-weight: 600;
color: #242629;
}
&-main {
&-item {
display: flex;
align-items: center;
padding: 0;
height: 61px;
/deep/ .cr-cell__left-icon {
margin-right: 12px;
height: auto;
line-height: normal;
.cr-icon__image {
width: 20px;
height: 20px;
}
}
/deep/ .cr-cell__title {
flex: 0 1 auto;
font-size: @font-size-16;
font-weight: 400;
color: @black;
.cr-cell__label {
display: none;
}
}
&-svg {
width: 16px;
height: 16px;
}
&:not(:last-child):after {
left: 0;
border-bottom: 1px solid #EBEBEB;
transform: scaleY(1);
}
}
}
}
&-logo {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 130px 82.92px;
font-size: 0;
&-svg {
margin-bottom: 3.08px;
width: 116px;
height: 43px;
}
&-desc {
margin: 0;
width: 100px;
padding: 1px 0;
line-height: normal;
text-align: center;
background: @user-module-background-color;
border-radius: @border-radius-md;
font-size: @font-size-11;
font-weight: 400;
color: #CCCCCC;
}
}
}
src/views/User/index.vue 0 → 100644
View file @ 73c40489
<template>
<div class="user">
<div class="user-info">
<div class="user-info-account" @click="go('', true)">
<span>未登录</span>
<span>点击登录</span>
</div>
<div class="user-info-image" @click="go('', true)">
<cr-image round width="60px" height="60px" fit="cover" :src="avatar" />
<!-- <svg-icon icon-class="certification" class-name="user-info-image-certification" /> -->
</div>
</div>
<div class="user-insurance">
<div class="user-insurance-list" @click="go('/policy')">
<div class="user-insurance-list-icon">
<svg-icon icon-class="all-insurance-policy" class-name="user-insurance-list-icon-svg" />
<div class="user-insurance-list-icon-dot"></div>
</div>
<span class="user-insurance-list-title">全部保单</span>
</div>
<div class="user-insurance-divider"></div>
<div class="user-insurance-list" @click="go('', true)">
<div class="user-insurance-list-icon">
<svg-icon icon-class="claims-apply" class-name="user-insurance-list-icon-svg" />
<!-- <div class="user-insurance-list-icon-dot"></div> -->
</div>
<span class="user-insurance-list-title">申请理赔</span>
</div>
</div>
<user-family @go="go"></user-family>
<div class="user-service">
<p class="user-service-title">我的服务</p>
<div class="user-service-main" @click="go('', true)">
<cr-cell title="帮助中心" :icon="help" class="user-service-main-item">
<svg-icon slot="right-icon" icon-class="arrow" class-name="user-service-main-item-svg" />
</cr-cell>
<cr-cell title="客服电话" :icon="customerService" class="user-service-main-item">
<svg-icon slot="right-icon" icon-class="arrow" class-name="user-service-main-item-svg" />
</cr-cell>
</div>
</div>
<div class="user-logo">
<svg-icon icon-class="logo" class-name="user-logo-svg" />
<p class="user-logo-desc" @click="go('/introduction')">了解芒果保险</p>
</div>
<record-layer v-model="showLayer" desc="敬请期待"></record-layer>
<tabbar></tabbar>
</div>
</template>
<script>
import "./index.less";
import customerService from "@/assets/images/user/customer-service@1x.png";
import help from "@/assets/images/user/help@2x.png";
import avatar from "@/assets/images/user/avatar@2x.png";
import UserFamily from "./modules/UserFamily";
import Tabbar from "@/components/Tabbar";
import RecordLayer from "@/components/RecordLayer";
export default {
name: "User",
components: {
UserFamily,
Tabbar,
RecordLayer
},
data() {
return {
avatar,
customerService,
help,
isFixed: false,
showLayer: false
};
},
methods: {
go(path, isOverlay = false) {
if (isOverlay) {
this.showLayer = true;
} else {
this.$router.push(path);
}
}
}
};
</script>
src/views/User/modules/UserFamily.vue 0 → 100644
View file @ 73c40489
<template>
<div class="user-family">
<p class="user-family-title">家庭配置保障</p>
<div class="user-family-info">
<!-- <div class="user-family-info-item">
<cr-image
round
width="40px"
height="40px"
fit="cover"
src="http://desk.fd.zol-img.com.cn/g5/M00/00/07/ChMkJ1ZqMb2IWITEAAbRDaofaNIAAGBHwO3hh0ABtEl380.jpg"
/>
<span class="user-family-info-item-name">王斌</span>
<div class="user-family-info-item-divider"></div>
</div>-->
<div
class="user-family-info-item"
:class="{ 'user-family-info-item_fixed': isFixed }"
@click="go"
>
<svg-icon icon-class="add-family" class-name="user-family-info-item-svg" />
<span class="user-family-info-item-name">添加</span>
</div>
</div>
<div class="user-family-insurance" @click="go">
<div class="user-family-insurance-item">
<cr-image round width="44px" height="44px" :src="medical" />
<div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万医疗险</span>
<!-- <span class="status">保障中</span> -->
</div>
<div class="Ufii-middle-footer">看病报销医药费,最高600万</div>
</div>
<p class="user-family-insurance-item-left">开启保障</p>
</div>
<div class="user-family-insurance-item">
<cr-image round width="44px" height="44px" :src="casualty" />
<!-- user-family-insurance-item-middle_enable 保障中 -->
<div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万意外险</span>
<!-- <span class="Ufii-middle-main-status">保障中</span> -->
</div>
<div class="Ufii-middle-footer">意外风险覆盖全,最高100万保额</div>
</div>
<p class="user-family-insurance-item-left">开启保障</p>
</div>
<div class="user-family-insurance-item">
<cr-image round width="44px" height="44px" :src="illness" />
<div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万寿险</span>
<!-- <span class="status">保障中</span> -->
</div>
<div class="Ufii-middle-footer">最高350万保额,顶梁柱必备</div>
</div>
<p class="user-family-insurance-item-left">开启保障</p>
</div>
<div class="user-family-insurance-item">
<cr-image round width="44px" height="44px" :src="illness" />
<div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万重疾险</span>
<!-- <span class="status">保障中</span> -->
</div>
<div class="Ufii-middle-footer">100种重症+40种轻症</div>
</div>
<p class="user-family-insurance-item-left">开启保障</p>
</div>
</div>
</div>
</template>
<script>
import "../index.less";
import medical from "@/assets/images/user/medical_closed@2x.png";
import casualty from "@/assets/images/user/casualty_closed@2x.png";
import illness from "@/assets/images/user/illness_closed@2x.png";
import life from "@/assets/images/user/life_closed@2x.png";
export default {
data() {
return {
medical,
casualty,
illness,
life,
isFixed: false
};
},
methods: {
go() {
this.$emit("go", "", true);
}
},
mounted() {
this.$nextTick(() => {
const offsetWidth = document.querySelector(".user-family-info").offsetWidth;
const scrollWidth = document.querySelector(".user-family-info").scrollWidth;
this.isFixed = scrollWidth > offsetWidth;
console.log(scrollWidth, offsetWidth, this.isFixed);
});
}
};
</script>
vue.config.js
View file @ 73c40489
......@@ -3,11 +3,6 @@ const resolve = dir => path.join(__dirname, dir);
const IS_PROD = process.env.NODE_ENV === "production";
module.exports = {
configureWebpack: {
externals: {
vue: "Vue"
}
},
chainWebpack: config => {
// 修复HMR
config.resolve.symlinks(true);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment