Skip to content

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

fix: 兼容ios样式

parent 1fbf38f3
Hide whitespace changes
Inline Side-by-side
Showing with 165 additions and 82 deletions
public/index.html
View file @ e7c2a4c1
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
}); });
} }
})(); })();
</script> </script>
</head> </head>
<body> <body>
<noscript> <noscript>
......
src/router/index.js
View file @ e7c2a4c1
import Vue from "vue"; import Vue from "vue";
import VueRouter from "vue-router"; import VueRouter from "vue-router";
// import Home from "../views/Home.vue";
Vue.use(VueRouter); Vue.use(VueRouter);
...@@ -10,14 +9,6 @@ const routes = [ ...@@ -10,14 +9,6 @@ const routes = [
name: "Home", name: "Home",
redirect: "/goods" 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", path: "/goods",
name: "Goods", name: "Goods",
......
src/style/reset.less
View file @ e7c2a4c1
...@@ -129,8 +129,8 @@ li { ...@@ -129,8 +129,8 @@ li {
list-style: none; list-style: none;
} }
body { body {
-webkit-text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important; text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important;
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0);
} }
src/views/About.vue deleted 100644 → 0
View file @ 1fbf38f3
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>
src/views/Home.vue deleted 100644 → 0
View file @ 1fbf38f3
<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 @ 1fbf38f3
<!--
* @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 @ e7c2a4c1
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;
\ No newline at end of file
src/views/Introduction/index.less
View file @ e7c2a4c1
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
} }
&-head { &-head {
width: 100% !important; width: 100% !important;
& > div { @{deep} & > div {
width: 100% !important; width: 100% !important;
z-index: 100; z-index: 100;
} }
...@@ -66,13 +66,13 @@ ...@@ -66,13 +66,13 @@
line-height: 24px; line-height: 24px;
} }
&-content { &-content {
padding: 13px 20px 16px; padding: 16px 20px 16px;
background: #F6F7FA; background: #F6F7FA;
border-radius: 14px; border-radius: 14px;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
line-height: 18px; // line-height: 18px;
} }
&-extra { &-extra {
padding: 20px 20px 16px; padding: 20px 20px 16px;
...@@ -81,6 +81,12 @@ ...@@ -81,6 +81,12 @@
&:not(:last-child) { &:not(:last-child) {
margin: 10px 0; margin: 10px 0;
} }
&-image {
height: 200px;
&_large {
height: 400px;
}
}
&-desc { &-desc {
margin-top: 12px; margin-top: 12px;
font-size: 12px; font-size: 12px;
......
src/views/Introduction/modules/BusinessQuali.vue
View file @ e7c2a4c1
...@@ -53,14 +53,11 @@ ...@@ -53,14 +53,11 @@
<div class="itd-quali-item"> <div class="itd-quali-item">
<p class="itd-quali-item-title">9.分支机构</p> <p class="itd-quali-item-title">9.分支机构</p>
<div class="itd-quali-item-content"> <div class="itd-quali-item-content">
分公司名称：<br /> <div v-for="(item, index) in companys" :key="index">
办公地址：<br /> 分公司名称：{{item.company}}<br />
<br /> 办公地址：{{item.address}}<br />
分公司名称：<br /> <br v-show="companys.length - 1 != index" />
办公地址：<br /> </div>
<br />
分公司名称：<br />
办公地址：
</div> </div>
</div> </div>
<div class="itd-quali-item"> <div class="itd-quali-item">
...@@ -70,11 +67,11 @@ ...@@ -70,11 +67,11 @@
查询地址：http://icid.iachina.cn/选择“互联网保险信息披露＞中介类信息披露＞全天候保险代理股份有限公司”即可查看。 查询地址：http://icid.iachina.cn/选择“互联网保险信息披露＞中介类信息披露＞全天候保险代理股份有限公司”即可查看。
</div> </div>
<div class="itd-quali-item-extra"> <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> <p class="itd-quali-item-extra-desc">经营保险代理业务许可证</p>
</div> </div>
<div class="itd-quali-item-extra"> <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> <p class="itd-quali-item-extra-desc">营业执照</p>
</div> </div>
</div> </div>
...@@ -83,14 +80,19 @@ ...@@ -83,14 +80,19 @@
<script> <script>
import businessLicence from "@/assets/images/user/business-licence.jpeg"; import businessLicence from "@/assets/images/user/business-licence.jpeg";
import angencyLicense from "@/assets/images/user/angency-license.jpeg"; import angencyLicense from "@/assets/images/user/angency-license.jpeg";
import companys from "../constant";
export default { export default {
name: "BusinessQuali", name: "BusinessQuali",
data() { data() {
return { return {
businessLicence, businessLicence,
angencyLicense angencyLicense,
companys
}; };
},
computed: {
} }
}; };
</script> </script>
......
src/views/Policy/index.less
View file @ e7c2a4c1
...@@ -125,6 +125,8 @@ ...@@ -125,6 +125,8 @@
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
width: 63px;
height: 63px;
} }
&-desc { &-desc {
margin-top: 9px; margin-top: 9px;
...@@ -168,6 +170,8 @@ ...@@ -168,6 +170,8 @@
width: 100%; width: 100%;
.Prc-left { .Prc-left {
margin-right: 20px; margin-right: 20px;
width: 72px;
height: 72px;
} }
.Prc-right { .Prc-right {
&-title { &-title {
...@@ -223,6 +227,8 @@ ...@@ -223,6 +227,8 @@
position: absolute; position: absolute;
top: -5px; top: -5px;
left: -5px; left: -5px;
width: 65px;
height: 65px;
} }
} }
&-none { &-none {
...@@ -234,6 +240,10 @@ ...@@ -234,6 +240,10 @@
height: 374px; height: 374px;
background: #FFFFFF; background: #FFFFFF;
border-radius:14px; border-radius:14px;
&-image {
width: 143px;
height: 143px;
}
&-title { &-title {
margin: 14px 0 9px 0; margin: 14px 0 9px 0;
font-size: 16px; font-size: 16px;
......
src/views/Policy/index.vue
View file @ e7c2a4c1
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<cr-divider class="policy-divider">我是有底线的</cr-divider> <cr-divider class="policy-divider">我是有底线的</cr-divider>
<insurance-recommend></insurance-recommend> --> <insurance-recommend></insurance-recommend> -->
<div class="policy-none"> <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-title">暂无保单</p>
<p class="policy-none-desc">赶紧去看看有哪些精品保险吧</p> <p class="policy-none-desc">赶紧去看看有哪些精品保险吧</p>
</div> </div>
......
src/views/Policy/modules/InsuranceRecommend.vue
View file @ e7c2a4c1
<template> <template>
<div class="policy-recommend"> <div class="policy-recommend">
<div class="policy-recommend-content"> <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"> <div class="Prc-right">
<p class="Prc-right-title"> <p class="Prc-right-title">
<span>50万</span> <span>50万</span>
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
</div> </div>
</div> </div>
<cr-button class="policy-recommend-button">点此投保</cr-button> <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> </div>
</template> </template>
<script> <script>
......
src/views/Policy/modules/PolicyItem.vue
View file @ e7c2a4c1
...@@ -13,8 +13,8 @@ ...@@ -13,8 +13,8 @@
</div> </div>
<cr-image <cr-image
class="policy-item-operation-image" class="policy-item-operation-image"
width="63px" width=""
height="63px" height=""
fit="cover" fit="cover"
:src="guarantee" :src="guarantee"
/> />
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
</div> </div>
<cr-image <cr-image
class="policy-item-operation-image" class="policy-item-operation-image"
width="63px" width=""
height="63px" height=""
fit="cover" fit="cover"
:src="guarantee" :src="guarantee"
/> />
......
src/views/User/index.less
View file @ e7c2a4c1
...@@ -12,7 +12,6 @@ ...@@ -12,7 +12,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
span:nth-child(1) { span:nth-child(1) {
width: 84px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
font-size: 28px; font-size: 28px;
...@@ -36,6 +35,10 @@ ...@@ -36,6 +35,10 @@
position: relative; position: relative;
width: 60px; width: 60px;
height: 60px; height: 60px;
&-avatar {
width: 60px;
height: 60px;
}
&-certification { &-certification {
position: absolute; position: absolute;
right: 0; right: 0;
...@@ -81,6 +84,7 @@ ...@@ -81,6 +84,7 @@
} }
} }
&-title { &-title {
padding-top: 1px;
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
color: #000000; color: #000000;
...@@ -148,14 +152,17 @@ ...@@ -148,14 +152,17 @@
display: flex; display: flex;
align-items: center; align-items: center;
height: 76px; height: 76px;
&-left {
width: 44px;
height: 44px;
}
&-middle { &-middle {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
margin: 0 10px 0 8px; margin: 0 0 0 8px;
padding: 6px 0 0px 0; padding: 3px 0 0px 0;
width: 169px; width: 179px;
.Ufii-middle-main { .Ufii-middle-main {
margin-bottom: 6px; margin-bottom: 6px;
font-size: 0; font-size: 0;
...@@ -190,7 +197,7 @@ ...@@ -190,7 +197,7 @@
width: auto; width: auto;
} }
} }
&-left { &-right {
width: 72px; width: 72px;
padding: 6px 0; padding: 6px 0;
line-height: normal; line-height: normal;
...@@ -225,20 +232,22 @@ ...@@ -225,20 +232,22 @@
align-items: center; align-items: center;
padding: 0; padding: 0;
height: 61px; height: 61px;
font-size: 0;
@{deep} .cr-cell__left-icon { @{deep} .cr-cell__left-icon {
margin-right: 12px; margin-right: 12px;
height: auto; height: 20px;
line-height: normal;
.cr-icon__image { .cr-icon__image {
width: 20px; width: 20px;
height: 20px; height: 20px;
} }
} }
@{deep} .cr-cell__title { @{deep} .cr-cell__title {
padding-top: 1px;
flex: 0 1 auto; flex: 0 1 auto;
font-size: @font-size-16; font-size: @font-size-16;
font-weight: 400; font-weight: 400;
color: @black; color: @black;
line-height: 16px;
.cr-cell__label { .cr-cell__label {
display: none; display: none;
} }
......
src/views/User/index.vue
View file @ e7c2a4c1
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<span>点击登录</span> <span>点击登录</span>
</div> </div>
<div class="user-info-image" @click="go('', true)"> <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" /> --> <!-- <svg-icon icon-class="certification" class-name="user-info-image-certification" /> -->
</div> </div>
</div> </div>
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<div class="user-service"> <div class="user-service">
<p class="user-service-title">我的服务</p> <p class="user-service-title">我的服务</p>
<div class="user-service-main" @click="go('', true)"> <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" /> <svg-icon slot="right-icon" icon-class="arrow" class-name="user-service-main-item-svg" />
</cr-cell> </cr-cell>
<cr-cell title="客服电话" :icon="customerService" class="user-service-main-item"> <cr-cell title="客服电话" :icon="customerService" class="user-service-main-item">
......
src/views/User/modules/UserFamily.vue
View file @ e7c2a4c1
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</div> </div>
<div class="user-family-insurance" @click="go"> <div class="user-family-insurance" @click="go">
<div class="user-family-insurance-item"> <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="user-family-insurance-item-middle">
<div class="Ufii-middle-main"> <div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万医疗险</span> <span class="Ufii-middle-main-title">国民保·百万医疗险</span>
...@@ -32,10 +32,10 @@ ...@@ -32,10 +32,10 @@
</div> </div>
<div class="Ufii-middle-footer">看病报销医药费,最高600万</div> <div class="Ufii-middle-footer">看病报销医药费,最高600万</div>
</div> </div>
<p class="user-family-insurance-item-left">开启保障</p> <p class="user-family-insurance-item-right">开启保障</p>
</div> </div>
<div class="user-family-insurance-item"> <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 保障中 --> <!-- user-family-insurance-item-middle_enable 保障中 -->
<div class="user-family-insurance-item-middle"> <div class="user-family-insurance-item-middle">
<div class="Ufii-middle-main"> <div class="Ufii-middle-main">
...@@ -44,10 +44,10 @@ ...@@ -44,10 +44,10 @@
</div> </div>
<div class="Ufii-middle-footer">意外风险覆盖全,最高100万保额</div> <div class="Ufii-middle-footer">意外风险覆盖全,最高100万保额</div>
</div> </div>
<p class="user-family-insurance-item-left">开启保障</p> <p class="user-family-insurance-item-right">开启保障</p>
</div> </div>
<div class="user-family-insurance-item"> <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="user-family-insurance-item-middle">
<div class="Ufii-middle-main"> <div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万寿险</span> <span class="Ufii-middle-main-title">国民保·百万寿险</span>
...@@ -55,10 +55,10 @@ ...@@ -55,10 +55,10 @@
</div> </div>
<div class="Ufii-middle-footer">最高350万保额,顶梁柱必备</div> <div class="Ufii-middle-footer">最高350万保额,顶梁柱必备</div>
</div> </div>
<p class="user-family-insurance-item-left">开启保障</p> <p class="user-family-insurance-item-right">开启保障</p>
</div> </div>
<div class="user-family-insurance-item"> <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="user-family-insurance-item-middle">
<div class="Ufii-middle-main"> <div class="Ufii-middle-main">
<span class="Ufii-middle-main-title">国民保·百万重疾险</span> <span class="Ufii-middle-main-title">国民保·百万重疾险</span>
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
</div> </div>
<div class="Ufii-middle-footer">100种重症+40种轻症</div> <div class="Ufii-middle-footer">100种重症+40种轻症</div>
</div> </div>
<p class="user-family-insurance-item-left">开启保障</p> <p class="user-family-insurance-item-right">开启保障</p>
</div> </div>
</div> </div>
</div> </div>
......
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