Skip to content

M
mongo-ui
Commit 14b29e55 authored by 郭志伟's avatar 郭志伟
Browse files
Options

Merge branch 'feature/goods' of http://git.quantgroup.cn/ui/mongo-ui into feature/goods

parents 7451f48d ef6ce1e6
Hide whitespace changes
Inline Side-by-side
Showing with 336 additions and 136 deletions
public/index.html
View file @ 14b29e55
......@@ -26,7 +26,7 @@
});
}
})();
</script>
</script>
</head>
<body>
<noscript>
......
src/assets/images/user/help@2x.png
View replaced file @ 7451f48d View file @ 14b29e55
src/assets/images/user/help@2x.png

707 Bytes | W: | H:

src/assets/images/user/help@2x.png

1.06 KB | W: | H:

src/assets/images/user/help@2x.png
src/assets/images/user/help@2x.png
src/assets/images/user/help@2x.png
src/assets/images/user/help@2x.png
  • 2-up
  • Swipe
  • Onion skin
src/components/RecordLayer.vue
View file @ 14b29e55
......@@ -34,7 +34,7 @@ export default {
};
</script>
<style lang="less">
<style lang="less" scoped>
.user-mask {
display: flex;
flex-direction: column;
......
src/components/Tabbar.vue
View file @ 14b29e55
......@@ -59,13 +59,13 @@ export default {
...mapMutations(["setActiveIdx"]),
oninput(idx) {
this.setActiveIdx(idx);
this.$router.push(route[idx]);
this.$router.replace(route[idx]);
}
}
};
</script>
<style lang="less">
<style lang="less" scoped>
@import "../style/var.less";
.mongo-tabbar {
position: fixed;
bottom: 0;
......@@ -93,7 +93,7 @@ export default {
line-height: 14px;
}
}
/deep/.cr-tabbar-item--active {
@{deep} .cr-tabbar-item--active {
.mongo-tabbar-item-name {
color: #000000;
}
......
src/components/index.less 0 → 100644
View file @ 14b29e55
@deep: ~">>>";
.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 !important;
&_active {
display: inline-block !important;
}
}
}
}
\ No newline at end of file
src/main.js
View file @ 14b29e55
......@@ -4,7 +4,7 @@ import router from "./router";
import store from "./store";
import "./style/index.less";
import "amfe-flexible";
import vConsole from "vconsole";
// import vConsole from "vconsole";
import "@/assets/icons/index";
import "@/service/load";
import "@/service/cherry-ui";
......@@ -16,4 +16,6 @@ new Vue({
render: h => h(App)
}).$mount("#app");
new vConsole();
// if (process.env.NODE_ENV !== "development") {
// new vConsole();
// }
src/router/index.js
View file @ 14b29e55
import Vue from "vue";
import VueRouter from "vue-router";
// import Home from "../views/Home.vue";
Vue.use(VueRouter);
......@@ -10,14 +9,6 @@ const routes = [
name: "Home",
redirect: "/goods"
},
{
path: "/about",
name: "About",
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ "../views/About.vue")
},
{
path: "/goods",
name: "Goods",
......
src/style/reset.less
View file @ 14b29e55
......@@ -129,8 +129,8 @@ li {
list-style: none;
}
body {
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
src/style/var.less
View file @ 14b29e55
......@@ -130,3 +130,5 @@
@user-background-color: #F4F4F4;
@user-module-background-color: #FFFFFF;
@deep: ~">>>";
src/views/About.vue deleted 100644 → 0
View file @ 7451f48d
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>
src/views/Goods/index.less
View file @ 14b29e55
......@@ -2,6 +2,7 @@
@import "../../style/mixins.less";
.container {
overflow: hidden;
background-color: @background-color;
&::after {
content: " ";
......
src/views/Goods/inform.vue
View file @ 14b29e55
......@@ -30,7 +30,7 @@
<cr-button @click="$router.back()">不符合</cr-button>
<cr-button type="warning" @click="conform">符合，立即投保</cr-button>
</div>
<record-layer v-model="showLayer" desc="敬请期待"></record-layer>
<record-layer v-model="showLayer" desc="不能支付,敬请期待"></record-layer>
</div>
</template>
......
src/views/Home.vue deleted 100644 → 0
View file @ 7451f48d
<template>
<div class="home">
<img alt="Vue logo" src="../assets/logo.png" />
<HelloWorld msg="Welcome to Your Vue.js App" />
<svg-icon icon-class="index" />
<svg-icon icon-class="ok" />
</div>
</template>
<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
export default {
name: "Home",
components: {
HelloWorld
}
};
</script>
src/views/Home/index.vue deleted 100644 → 0
View file @ 7451f48d
<!--
* @Description:
* @Date: 2020-07-16 19:29:02
* @LastEditors: gzw
* @LastEditTime: 2020-07-16 19:29:03
-->
src/views/Introduction/constant.js 0 → 100644
View file @ 14b29e55
const companys = [
{
company: "全天候保险代理股份有限公司",
address: "北京市顺义区仁和镇顺通路25号5幢511-2室"
},
{
company: "全天候保险代理股份有限公司河北分公司",
address: "河北省邯郸市临漳镇西上村村西铜雀北大街66号"
},
{
company: "全天候保险代理股份有限公司江苏分公司",
address: "南京市溧水经济开发区红光西路19号5幢03室"
},
{
company: "全天候保险代理股份有限公司河南分公司",
address: "河南省驻马店市泌阳县商务中心区4号楼401/403室"
},
{
company: "全天候保险代理股份有限公司山东分公司",
address: "山东省潍坊市坊子区凤凰大街39号2号楼2层A区208房间"
},
{
company: "全天候保险代理股份有限公司山西分公司",
address: "山西省晋中市山西示范区晋中开发区汇通产业园区迎宾西街100号晋商国际银座519室"
},
{
company: "全天候保险代理股份有限公司天津分公司",
address: "天津市武清区徐官屯街和盛广场2082号"
},
{
company: "全天候保险代理股份有限公司甘肃分公司",
address: "甘肃省兰州市城关区上沟131号塑料大厦4层401室"
},
{
company: "全天候保险代理股份有限公司宁夏分公司",
address: "宁夏银川市兴庆区凤凰北街世和天玺国际中心B段00618室"
},
{
company: "全天候保险代理股份有限公司吉林分公司",
address: "吉林省延边州龙井市龙井工业集中区创新创业孵化基地2楼1间办公室"
},
{
company: "全天候保险代理股份有限公司黑龙江分公司",
address:
"黑龙江省哈尔滨市高新技术产业开发区科技创新城创新创业广场4号楼（松北区世泽路689号）22层2209号房间"
},
{
company: "全天候保险代理股份有限公司辽宁分公司",
address: "中国（辽宁）自由贸易试验区营口市西市区澄湖西路87-17号"
},
{
company: "全天候保险代理股份有限公司浙江分公司",
address: "浙江干区艮山东路180号天达大厦省杭州市江一号楼6层603室"
},
{
company: "全天候保险代理股份有限公司广东分公司",
address: "广东省佛山市禅城区季华一路28号一座二栋1806之一室"
},
{
company: "全天候保险代理股份有限公司深圳分公司",
address: "深圳市龙岗区横岗街道华乐社区新亚洲广场商业城2013时尚广场301-S3-10B"
},
{
company: "全天候保险代理股份有限公司云南分公司",
address: "云南省昆明市官渡区金马街道办事处牛街社区贵昆路504号附18号"
},
{
company: "全天候保险代理股份有限公司天津分公司",
address: "天津市武清区徐官屯街和盛广场2082号"
},
{
company: "全天候保险代理股份有限公司江西分公司",
address: "江西省南昌市青山湖区高新大道818号B栋12层1204室"
},
{
company: "全天候保险代理股份有限公司四川分公司",
address: "四川省成都市青羊区玉宇路848号1层"
},
{
company: "全天候保险代理股份有限公司湖北分公司",
address: "湖北省武汉市东西湖区东吴大道35号-921"
},
{
company: "全天候保险代理股份有限公司呼和浩特分公司",
address: "内蒙古自治区呼和浩特市赛罕区昭乌达路汇商广场B1座2043"
},
{
company: "全天候保险代理股份有限公司平度分公司",
address: "山东省青岛市平度市仁兆镇仁通一路99号"
},
{
company: "全天候保险代理股份有限公司陕西分公司",
address: "陕西省西安市碑林区雁塔中路33号金都大厦8幢1单元14层11417室"
}
];
export default companys;
src/views/Introduction/index.less
View file @ 14b29e55
......@@ -12,11 +12,11 @@
}
&-head {
width: 100% !important;
& > div {
@{deep} & > div {
width: 100% !important;
z-index: 100;
}
/deep/ .cr-tabbar {
@{deep} .cr-tabbar {
background-color: #f5f5f5;
font-size: @font-size-16;
padding: @padding-lg+1 0;
......@@ -66,13 +66,13 @@
line-height: 24px;
}
&-content {
padding: 13px 20px 16px;
padding: 16px 20px 16px;
background: #F6F7FA;
border-radius: 14px;
font-size: 12px;
font-weight: 400;
color: #333333;
line-height: 18px;
// line-height: 18px;
}
&-extra {
padding: 20px 20px 16px;
......@@ -81,6 +81,12 @@
&:not(:last-child) {
margin: 10px 0;
}
&-image {
height: 200px;
&_large {
height: 400px;
}
}
&-desc {
margin-top: 12px;
font-size: 12px;
......
src/views/Introduction/index.vue
View file @ 14b29e55
......@@ -11,7 +11,6 @@
</div>
</template>
<script>
import "./index.less";
import BusinessQuali from "./modules/BusinessQuali";
import Company from "./modules/Company";
import Product from "./modules/Product";
......@@ -37,3 +36,4 @@ export default {
}
};
</script>
<style lang="less" src="./index.less" scoped></style>
src/views/Introduction/modules/BusinessQuali.vue
View file @ 14b29e55
......@@ -53,14 +53,11 @@
<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 v-for="(item, index) in companys" :key="index">
分公司名称：{{ item.company }}<br />
办公地址：{{ item.address }}<br />
<br v-show="companys.length - 1 != index" />
</div>
</div>
</div>
<div class="itd-quali-item">
......@@ -70,26 +67,43 @@
查询地址：http://icid.iachina.cn/选择“互联网保险信息披露＞中介类信息披露＞全天候保险代理股份有限公司”即可查看。
</div>
<div class="itd-quali-item-extra">
<cr-image width="295px" height="166px" fit="cover" src="" />
<cr-image
class="itd-quali-item-extra-image"
height=""
width=""
fit="contain"
:src="angencyLicense"
/>
<p class="itd-quali-item-extra-desc">经营保险代理业务许可证</p>
</div>
<div class="itd-quali-item-extra">
<cr-image width="295px" height="166px" fit="cover" src="" />
<cr-image
class="itd-quali-item-extra-image_large"
height=""
width=""
fit="contain"
:src="businessLicence"
/>
<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";
import businessLicence from "@/assets/images/user/business-licence.jpeg";
import angencyLicense from "@/assets/images/user/angency-license.jpeg";
import companys from "../constant";
export default {
name: "BusinessQuali",
data() {
return {
avatar
businessLicence,
angencyLicense,
companys
};
}
},
computed: {}
};
</script>
<style lang="less" src="../index.less" scoped></style>
src/views/Introduction/modules/Company.vue
View file @ 14b29e55
......@@ -24,7 +24,6 @@
</div>
</template>
<script>
import "../index.less";
export default {
name: "Company",
data() {
......@@ -32,3 +31,4 @@ export default {
}
};
</script>
<style lang="less" src="../index.less" scoped></style>
src/views/Introduction/modules/Product.vue
View file @ 14b29e55
......@@ -28,7 +28,6 @@
</div>
</template>
<script>
import "../index.less";
export default {
name: "Product",
data() {
......@@ -36,3 +35,4 @@ export default {
}
};
</script>
<style lang="less" src="../index.less" scoped></style>
src/views/Policy/Detail/index.less
View file @ 14b29e55
......@@ -175,27 +175,54 @@
}
}
}
&-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;
}
}
}
.Pdb-service {
margin: 0 16px 16px;
padding: 20px 20px 11px;
background: #FFFFFF;
border-radius: 14px;
&-head {
.card-head
}
&-body {
.card-body
}
&-question {
margin: 24px 0 12px;
.card-head
}
&-divider {
margin: 0 0 12px 0;
&:before {
height: 1px;
border-color: #EBEBEB;
}
}
&-agreement {
display: flex;
justify-content: space-between;
font-size: 0;
span {
font-size: 12px;
font-weight: 400;
color: #333333;
line-height: 24px;
}
}
}
.Pdb-operation {
&-item {
display: flex;
justify-content: space-around;
&-svg {
margin-right: 12px;
width: 16px;
height: 16px;
}
&-text {
}
}
}
}
......
src/views/Policy/Detail/index.vue
View file @ 14b29e55
......@@ -71,37 +71,51 @@
</div>
</div>
</div>
<div class="Pdb-content-service">
<div class="Pdsc-service-head">
<div class="Pdb-service">
<div class="Pdb-service-head">
<span>增值服务</span>
<span>查看详情</span>
</div>
<div class="Pdsc-service-body">
<div class="Pdb-service-body">
<div>
<span>重疾快速就医</span>
<span></span>
</div>
<div>
<span>住院押金垫付</span>
<span></span>
</div>
</div>
<div class="Pdsc-service-question">
<div class="Pdb-service-question">
<span>常见问题</span>
<svg-icon icon-class="arrow" />
</div>
<cr-divider class="Pdsc-service-divider" :hairline="false" />
<div class="Pdsc-service-agreement">
<cr-divider class="Pdb-service-divider" :hairline="false" />
<div class="Pdb-service-agreement">
<span>保险条款</span>
<span>|</span>
<span>健康告知</span>
<span>|</span>
<span>投保须知与声明</span>
<span>|</span>
<span>服务协议</span>
</div>
<insurance-recommend />
</div>
<div class="Pdb-operation">
<div class="Pdb-operation-item">
<svg-icon class-name="Pdbo-item-svg" icon-class="customer-service-concat" />
<span class="Pdbo-item-text">联系客服</span>
</div>
<div class="Pdb-operation-item">
<svg-icon class-name="Pdbo-item-svg" icon-class="go-home" />
<span class="Pdbo-item-text">返回首页</span>
</div>
</div>
<insurance-recommend />
</div>
</div>
</template>
<script>
import "./index.less";
import point from "@/assets/images/policy/detail/point@2x.png";
import InsuranceRecommend from "../modules/InsuranceRecommend";
......@@ -117,3 +131,4 @@ export default {
}
};
</script>
<style lang="less" src="./index.less" scoped></style>
src/views/Policy/index.less
View file @ 14b29e55
......@@ -9,7 +9,7 @@
width: 100% !important;
z-index: 100;
}
/deep/ .cr-tabbar {
@{deep} .cr-tabbar {
background-color: #f5f5f5;
font-size: @font-size-16;
padding: @padding-lg+1 0;
......@@ -125,6 +125,8 @@
position: absolute;
right: 0;
bottom: 0;
width: 63px;
height: 63px;
}
&-desc {
margin-top: 9px;
......@@ -168,6 +170,8 @@
width: 100%;
.Prc-left {
margin-right: 20px;
width: 72px;
height: 72px;
}
.Prc-right {
&-title {
......@@ -212,7 +216,7 @@
left: 0;
top: 12px;
}
/deep/ .cr-button__text {
@{deep} .cr-button__text {
font-size: 16px;
font-weight: 600;
color: #333333;
......@@ -223,6 +227,8 @@
position: absolute;
top: -5px;
left: -5px;
width: 65px;
height: 65px;
}
}
&-none {
......@@ -234,6 +240,10 @@
height: 374px;
background: #FFFFFF;
border-radius:14px;
&-image {
width: 143px;
height: 143px;
}
&-title {
margin: 14px 0 9px 0;
font-size: 16px;
......
src/views/Policy/index.vue
View file @ 14b29e55
......@@ -13,14 +13,13 @@
<cr-divider class="policy-divider">我是有底线的</cr-divider>
<insurance-recommend></insurance-recommend> -->
<div class="policy-none">
<cr-image round width="143px" height="143px" :src="policyDefault" />
<cr-image class="policy-none-image" round width="" height="" :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";
......@@ -39,3 +38,4 @@ export default {
}
};
</script>
<style lang="less" src="./index.less" scoped></style>
src/views/Policy/modules/InsuranceRecommend.vue
View file @ 14b29e55
<template>
<div class="policy-recommend">
<div class="policy-recommend-content">
<cr-image class="Prc-left" width="72px" height="72px" :src="recommendContent" />
<cr-image class="Prc-left" width="" height="" :src="recommendContent" />
<div class="Prc-right">
<p class="Prc-right-title">
<span>50万</span>
......@@ -11,11 +11,10 @@
</div>
</div>
<cr-button class="policy-recommend-button">点此投保</cr-button>
<cr-image class="policy-recommend-angle" width="65px" height="65px" :src="recommendAngle" />
<cr-image class="policy-recommend-angle" width="" height="" :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";
......@@ -29,3 +28,4 @@ export default {
}
};
</script>
<style lang="less" src="../index.less" scoped></style>
src/views/Policy/modules/PolicyItem.vue
View file @ 14b29e55
......@@ -13,8 +13,8 @@
</div>
<cr-image
class="policy-item-operation-image"
width="63px"
height="63px"
width=""
height=""
fit="cover"
:src="guarantee"
/>
......@@ -37,8 +37,8 @@
</div>
<cr-image
class="policy-item-operation-image"
width="63px"
height="63px"
width=""
height=""
fit="cover"
:src="guarantee"
/>
......@@ -117,7 +117,6 @@
</div>
</template>
<script>
import "../index.less";
import guarantee from "@/assets/images/policy/guarantee@2x.png";
export default {
......@@ -129,3 +128,4 @@ export default {
}
};
</script>
<style lang="less" src="../index.less" scoped></style>
src/views/User/index.less
View file @ 14b29e55
......@@ -12,7 +12,6 @@
display: flex;
flex-direction: column;
span:nth-child(1) {
width: 84px;
height: 40px;
line-height: 40px;
font-size: 28px;
......@@ -36,6 +35,10 @@
position: relative;
width: 60px;
height: 60px;
&-avatar {
width: 60px;
height: 60px;
}
&-certification {
position: absolute;
right: 0;
......@@ -81,6 +84,7 @@
}
}
&-title {
padding-top: 1px;
font-size: 16px;
font-weight: 600;
color: #000000;
......@@ -148,14 +152,17 @@
display: flex;
align-items: center;
height: 76px;
&-left {
width: 44px;
height: 44px;
}
&-middle {
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
margin: 0 10px 0 8px;
padding: 3px 0;
width: 169px;
margin: 0 0 0 8px;
padding: 3px 0 0px 0;
width: 179px;
.Ufii-middle-main {
margin-bottom: 6px;
font-size: 0;
......@@ -190,7 +197,7 @@
width: auto;
}
}
&-left {
&-right {
width: 72px;
padding: 6px 0;
line-height: normal;
......@@ -225,20 +232,22 @@
align-items: center;
padding: 0;
height: 61px;
/deep/ .cr-cell__left-icon {
font-size: 0;
@{deep} .cr-cell__left-icon {
margin-right: 12px;
height: auto;
line-height: normal;
height: 20px;
.cr-icon__image {
width: 20px;
height: 20px;
}
}
/deep/ .cr-cell__title {
@{deep} .cr-cell__title {
padding-top: 1px;
flex: 0 1 auto;
font-size: @font-size-16;
font-weight: 400;
color: @black;
line-height: 16px;
.cr-cell__label {
display: none;
}
......
src/views/User/index.vue
View file @ 14b29e55
......@@ -6,7 +6,14 @@
<span>点击登录</span>
</div>
<div class="user-info-image" @click="go('', true)">
<cr-image round width="60px" height="60px" fit="cover" :src="avatar" />
<cr-image
class="user-info-image-avatar"
width=""
height=""
round
fit="cover"
:src="avatar"
/>
<!-- <svg-icon icon-class="certification" class-name="user-info-image-certification" /> -->
</div>
</div>
......@@ -31,7 +38,7 @@
<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">
<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">
......@@ -48,8 +55,7 @@
</div>
</template>
<script>
import "./index.less";
import customerService from "@/assets/images/user/customer-service@1x.png";
import customerService from "@/assets/images/user/customer-service@2x.png";
import help from "@/assets/images/user/help@2x.png";
import avatar from "@/assets/images/user/avatar@2x.png";
import UserFamily from "./modules/UserFamily";
......@@ -83,3 +89,4 @@ export default {
}
};
</script>
<style lang="less" src="./index.less" scoped></style>
src/views/User/modules/UserFamily.vue
View file @ 14b29e55
......@@ -24,7 +24,7 @@
</div>
<div class="user-family-insurance" @click="go">
<div class="user-family-insurance-item">
<cr-image round width="44px" height="44px" :src="medical" />
<cr-image round width="" height="" class="user-family-insurance-item-left" :src="medical" />
<div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万医疗险</span>
......@@ -32,10 +32,16 @@
</div>
<div class="Ufii-middle-footer">看病报销医药费,最高600万</div>
</div>
<p class="user-family-insurance-item-left">开启保障</p>
<p class="user-family-insurance-item-right">开启保障</p>
</div>
<div class="user-family-insurance-item">
<cr-image round width="44px" height="44px" :src="casualty" />
<cr-image
round
width=""
height=""
class="user-family-insurance-item-left"
:src="casualty"
/>
<!-- user-family-insurance-item-middle_enable 保障中 -->
<div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main">
......@@ -44,10 +50,10 @@
</div>
<div class="Ufii-middle-footer">意外风险覆盖全,最高100万保额</div>
</div>
<p class="user-family-insurance-item-left">开启保障</p>
<p class="user-family-insurance-item-right">开启保障</p>
</div>
<div class="user-family-insurance-item">
<cr-image round width="44px" height="44px" :src="illness" />
<cr-image round width="" height="" class="user-family-insurance-item-left" :src="illness" />
<div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万寿险</span>
......@@ -55,10 +61,10 @@
</div>
<div class="Ufii-middle-footer">最高350万保额,顶梁柱必备</div>
</div>
<p class="user-family-insurance-item-left">开启保障</p>
<p class="user-family-insurance-item-right">开启保障</p>
</div>
<div class="user-family-insurance-item">
<cr-image round width="44px" height="44px" :src="illness" />
<cr-image round width="" height="" class="user-family-insurance-item-left" :src="illness" />
<div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万重疾险</span>
......@@ -66,13 +72,12 @@
</div>
<div class="Ufii-middle-footer">100种重症+40种轻症</div>
</div>
<p class="user-family-insurance-item-left">开启保障</p>
<p class="user-family-insurance-item-right">开启保障</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";
......@@ -103,3 +108,4 @@ export default {
}
};
</script>
<style lang="less" src="../index.less" scoped></style>
vue.config.js
View file @ 14b29e55
......@@ -4,6 +4,10 @@ const IS_PROD = process.env.NODE_ENV === "production";
module.exports = {
chainWebpack: config => {
config.plugin("html").tap(args => {
args[0].title = "芒果保险";
return args;
});
// 修复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