Skip to content

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

Merge branch 'feature/user' into 'master' 

Feature/user

See merge request !13
parents c6c2512e dc228d5e
Hide whitespace changes
Inline Side-by-side
Showing with 259 additions and 102 deletions
public/index.html
View file @ 1666083b
......@@ -26,7 +26,7 @@
});
}
})();
</script>
</script>
</head>
<body>
<noscript>
......
src/components/RecordLayer.vue
View file @ 1666083b
......@@ -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 @ 1666083b
......@@ -64,8 +64,8 @@ export default {
}
};
</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 @ 1666083b
@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/router/index.js
View file @ 1666083b
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 @ 1666083b
......@@ -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 @ 1666083b
......@@ -130,3 +130,5 @@
@user-background-color: #F4F4F4;
@user-module-background-color: #FFFFFF;
@deep: ~">>>";
src/views/About.vue deleted 100644 → 0
View file @ c6c2512e
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>
src/views/Home.vue deleted 100644 → 0
View file @ c6c2512e
<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 @ c6c2512e
<!--
* @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 @ 1666083b
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 @ 1666083b
......@@ -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 @ 1666083b
......@@ -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 @ 1666083b
......@@ -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,28 +67,43 @@
查询地址：http://icid.iachina.cn/选择“互联网保险信息披露＞中介类信息披露＞全天候保险代理股份有限公司”即可查看。
</div>
<div class="itd-quali-item-extra">
<cr-image height="200px" fit="contain" :src="angencyLicense" />
<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 height="400px" fit="contain" :src="businessLicence" />
<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 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 {
businessLicence,
angencyLicense
angencyLicense,
companys
};
}
},
computed: {}
};
</script>
<style lang="less" src="../index.less" scoped></style>
src/views/Introduction/modules/Company.vue
View file @ 1666083b
......@@ -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 @ 1666083b
......@@ -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 @ 1666083b
......@@ -215,6 +215,14 @@
&-item {
display: flex;
justify-content: space-around;
&-svg {
margin-right: 12px;
width: 16px;
height: 16px;
}
&-text {
}
}
}
}
......
src/views/Policy/Detail/index.vue
View file @ 1666083b
......@@ -116,7 +116,6 @@
</div>
</template>
<script>
import "./index.less";
import point from "@/assets/images/policy/detail/point@2x.png";
import InsuranceRecommend from "../modules/InsuranceRecommend";
......@@ -132,3 +131,4 @@ export default {
}
};
</script>
<style lang="less" src="./index.less" scoped></style>
src/views/Policy/index.less
View file @ 1666083b
......@@ -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 @ 1666083b
......@@ -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 @ 1666083b
<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 @ 1666083b
......@@ -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 @ 1666083b
......@@ -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: 6px 0 0px 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 @ 1666083b
......@@ -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,7 +55,6 @@
</div>
</template>
<script>
import "./index.less";
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";
......@@ -83,3 +89,4 @@ export default {
}
};
</script>
<style lang="less" src="./index.less" scoped></style>
src/views/User/modules/UserFamily.vue
View file @ 1666083b
......@@ -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>
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