Skip to content

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

fix: ios样式兼容

parent 080ad2ae
Hide whitespace changes
Inline Side-by-side
Showing with 77 additions and 28 deletions
public/index.html
View file @ 53293670
...@@ -3,9 +3,30 @@ ...@@ -3,9 +3,30 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1 ,user-scalable=no"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
<script>
(function() {
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
handleFontSize();
} else {
if (document.addEventListener) {
document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
} else if (document.attachEvent) {
document.attachEvent("WeixinJSBridgeReady", handleFontSize);
document.attachEvent("onWeixinJSBridgeReady", handleFontSize); }
}
function handleFontSize() {
// 设置网页字体为默认大小
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
// 重写设置网页字体大小的事件
WeixinJSBridge.on('menu:setfont', function() {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
});
}
})();
</script>
</head> </head>
<body> <body>
<noscript> <noscript>
......
src/main.js
View file @ 53293670
...@@ -16,6 +16,4 @@ new Vue({ ...@@ -16,6 +16,4 @@ new Vue({
render: h => h(App) render: h => h(App)
}).$mount("#app"); }).$mount("#app");
if (process.env.NODE_ENV !== "development") { new vConsole();
new vConsole();
}
src/style/reset.less
View file @ 53293670
...@@ -129,6 +129,8 @@ li { ...@@ -129,6 +129,8 @@ li {
list-style: none; list-style: none;
} }
body { body {
-webkit-text-size-adjust: none; -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); -webkit-tap-highlight-color: rgba(0,0,0,0);
} }
src/views/Goods/detail.less
View file @ 53293670
...@@ -14,12 +14,12 @@ ...@@ -14,12 +14,12 @@
line-height: @line-height-sm; line-height: @line-height-sm;
margin-top: 14px; margin-top: 14px;
.svg-icon { .svg-icon {
margin-right: 3px; margin-right: 1px;
width: 12px; width: 12px;
height: 12px; height: 12px;
} }
&_offset { &_offset {
margin-right: 4px; margin-right: 2px;
} }
} }
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
background-color: @white !important; background-color: @white !important;
padding: 10px 0; padding: 10px 0;
overflow: initial; overflow: initial;
align-items: baseline; align-items: baseline !important;
margin-bottom: 0 !important; margin-bottom: 0 !important;
@{deep} .cr-cell { @{deep} .cr-cell {
&__title { &__title {
...@@ -104,20 +104,19 @@ ...@@ -104,20 +104,19 @@
font-size: @font-size-11; font-size: @font-size-11;
color: @gray-4; color: @gray-4;
margin-left: 5px; margin-left: 5px;
// line-height: @line-height-lg;
} }
&-link { &-link {
margin-top: -3.5px; margin-top: -3.5px;
display: flex;
padding-top: 3px;
align-items: center;
a { a {
font-size: @font-size-11; font-size: @font-size-11;
vertical-align: middle;
} }
i { i {
display: inline-block;
width: 0; width: 0;
height: 12px; height: 12px;
border-right: 1px @blue solid; border-right: 1px @blue solid;
vertical-align: middle;
margin: 0 3px; margin: 0 3px;
} }
} }
......
src/views/Goods/detail.vue
View file @ 53293670
...@@ -207,7 +207,7 @@ export default { ...@@ -207,7 +207,7 @@ export default {
url: "http://mangguo-contract.qthbx.com/fu-wu-xie-yi-v1/" url: "http://mangguo-contract.qthbx.com/fu-wu-xie-yi-v1/"
}, },
{ title: "保险计划" }, { title: "保险计划" },
{ title: "保险计划" }, { title: "理赔信息" },
{ title: "完整费率" }, { title: "完整费率" },
{ {
title: "自动续保服务协议", title: "自动续保服务协议",
...@@ -234,7 +234,7 @@ export default { ...@@ -234,7 +234,7 @@ export default {
let _data = [ let _data = [
{ title: "100种重大疾病医疗保险金", value: "30万" }, { title: "100种重大疾病医疗保险金", value: "30万" },
{ title: "40种轻症保险金", value: "6万" }, { title: "40种轻症保险金", value: "6万" },
{ title: "投保年龄", value: "30天~60周岁" }, { title: "投保年龄", value: "30天~50周岁" },
{ title: "保险期限", value: "1年" } { title: "保险期限", value: "1年" }
]; ];
switch (planValue) { switch (planValue) {
...@@ -242,7 +242,7 @@ export default { ...@@ -242,7 +242,7 @@ export default {
_data = [ _data = [
{ title: "100种重大疾病医疗保险金", value: "30万" }, { title: "100种重大疾病医疗保险金", value: "30万" },
{ title: "40种轻症保险金", value: "6万" }, { title: "40种轻症保险金", value: "6万" },
{ title: "投保年龄", value: "30天~60周岁" }, { title: "投保年龄", value: "30天~50周岁" },
{ title: "保险期限", value: "1年" } { title: "保险期限", value: "1年" }
]; ];
break; break;
...@@ -258,7 +258,7 @@ export default { ...@@ -258,7 +258,7 @@ export default {
_data = [ _data = [
{ title: "100种重大疾病医疗保险金", value: "10万" }, { title: "100种重大疾病医疗保险金", value: "10万" },
{ title: "40种轻症保险金", value: "2万" }, { title: "40种轻症保险金", value: "2万" },
{ title: "投保年龄", value: "30天~50周岁" }, { title: "投保年龄", value: "30天~60周岁" },
{ title: "保险期限", value: "1年" } { title: "保险期限", value: "1年" }
]; ];
break; break;
......
src/views/Goods/modules/CpsDemo.vue
View file @ 53293670
...@@ -110,7 +110,7 @@ export default { ...@@ -110,7 +110,7 @@ export default {
font-size: @font-size-16; font-size: @font-size-16;
font-weight: @font-weight-bold; font-weight: @font-weight-bold;
color: @black; color: @black;
width: 32px; width: 34px;
line-height: @line-height-md; line-height: @line-height-md;
} }
&-content { &-content {
...@@ -133,13 +133,13 @@ export default { ...@@ -133,13 +133,13 @@ export default {
width: 12px; width: 12px;
background-color: #d8d8d8; background-color: #d8d8d8;
border-radius: @border-radius-max; border-radius: @border-radius-max;
left: 20px; left: 18px;
} }
&::after { &::after {
width: 0; width: 0;
height: calc(100% + 20px); height: calc(100% + 20px);
border-left: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8;
left: 26px; left: 24px;
} }
} }
&:last-child { &:last-child {
......
src/views/Goods/modules/CpsQA.vue
View file @ 53293670
<template> <template>
<card title="Q&A" class="collapse-header" id="collapse"> <card title="Q&A" class="collapse-header">
<div class="collapse"> <div class="collapse">
<div <div
class="collapse-item" class="collapse-item"
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</div> </div>
</div> </div>
<div class="collapse-more" :class="{ active: more }" v-if="moreBtn"> <div class="collapse-more" :class="{ active: more }" v-if="moreBtn">
<a href="#collapse" @click="showMore"> <a href="javascript:;" @click="showMore">
<span>查看更多</span> <span>查看更多</span>
<span>隐藏</span> <span>隐藏</span>
<svg-icon icon-class="arrow-down" /> <svg-icon icon-class="arrow-down" />
......
src/views/Goods/modules/DetailHeader.vue
View file @ 53293670
...@@ -93,7 +93,7 @@ export default { ...@@ -93,7 +93,7 @@ export default {
background-position: bottom right; background-position: bottom right;
background-size: 19%; background-size: 19%;
&-title { &-title {
font-size: 34px; font-size: 32px;
font-weight: @font-weight-bold; font-weight: @font-weight-bold;
color: @black; color: @black;
line-height: @line-height-lg * 2; line-height: @line-height-lg * 2;
......
src/views/Goods/modules/ProtocolIframe.vue
View file @ 53293670
...@@ -7,14 +7,18 @@ ...@@ -7,14 +7,18 @@
position="bottom" position="bottom"
class="protocol" class="protocol"
> >
<div class="protocol-title">{{ title }}</div> <div class="protocol-head">
<cr-divider :hairline="false" :style="{ color: '#F4F4F4', margin: 0 }" /> <div class="protocol-title">{{ title }}</div>
<cr-divider :hairline="false" :style="{ color: '#F4F4F4', margin: 0 }" />
</div>
<div <div
class="protocol-content" class="protocol-content"
v-if="content && scrollRefresh && !$slots.default" v-if="content && scrollRefresh && !$slots.default"
v-html="content" v-html="content"
></div> ></div>
<iframe v-if="url && scrollRefresh" class="protocol-frame" :src="url" frameborder="0"></iframe> <div class="protocol-frame-wrap" v-if="url && scrollRefresh">
<iframe class="protocol-frame" :src="url" frameborder="0" height="100%"></iframe>
</div>
<div class="protocol-wrap" v-if="!content && scrollRefresh && $slots.default"> <div class="protocol-wrap" v-if="!content && scrollRefresh && $slots.default">
<slot></slot> <slot></slot>
</div> </div>
...@@ -70,16 +74,26 @@ export default { ...@@ -70,16 +74,26 @@ export default {
.body-wrap-mixin { .body-wrap-mixin {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
max-height: 480px; height: 75vh;
padding: @padding-lg; padding: @padding-lg;
} }
.protocol { .protocol {
z-index: 200; z-index: 200;
height: 75vh;
padding-top: 48px;
overflow: hidden;
@{deep} .cr-icon { @{deep} .cr-icon {
color: #d0cfcf; color: #d0cfcf;
font-size: @font-size-18; font-size: @font-size-18;
top: 16px; top: 16px;
right: 14px; right: 14px;
z-index: 201;
}
&-head {
position: absolute;
top: 0;
left: 0;
width: 100%;
} }
&-title { &-title {
font-weight: @font-weight-bold; font-weight: @font-weight-bold;
...@@ -90,8 +104,22 @@ export default { ...@@ -90,8 +104,22 @@ export default {
text-align: center; text-align: center;
} }
&-frame { &-frame {
height: 520px; height: 100%;
width: 100vw; min-width: 100%;
*width: 100%;
width: 1px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
&-wrap {
position: fixed;
bottom: 0;
left: 0;
z-index: 201;
height: 75vh;
overflow: scroll;
width: 100vw;
-webkit-overflow-scrolling: touch;
}
} }
&-wrap { &-wrap {
.body-wrap-mixin(); .body-wrap-mixin();
......
src/views/Goods/process.less
View file @ 53293670
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
@import "../../style/mixins.less"; @import "../../style/mixins.less";
.cps-process { .cps-process {
&-list { &-list {
margin-bottom: 50px;
&-item { &-item {
position: relative; position: relative;
display: flex; display: flex;
......
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