Skip to content

H
hls-xcmg-vue-app
Commit 1bef0782 authored by jiacheng.mao's avatar jiacheng.mao
Browse files
Options

ios安全区域适配调整，20230519

parent b7845ad2
Hide whitespace changes
Inline Side-by-side
Showing with 60 additions and 334 deletions
src/App.vue
View file @ 1bef0782
......@@ -62,6 +62,9 @@ export default {
//overflow: auto;
//-webkit-overflow-scrolling: touch;
//overflow-scrolling: touch;
.bar-custom {
height: 1.5rem
}
}
.weui-dialog {
......
src/pages/carConfirm/confirm-list.vue
View file @ 1bef0782
......@@ -346,12 +346,13 @@ export default {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
position: fixed;
width: 100%;
height: 1.02rem;
z-index: 100;
margin-top: 52px;
margin-bottom: 8px;
top: 2rem;
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
......@@ -484,56 +485,4 @@ export default {
position: absolute;
}
}
.platform-ios {
#confirmList {
.scrollContent {
padding-top: 3.32rem;
padding-bottom: 1.2rem;
}
}
}
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#confirmList {
.scrollContent {
padding-top: 3.72rem;
padding-bottom: 1.2rem;
}
.check-bottom {
bottom: 32px;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#confirmList {
.scrollContent {
padding-top: 3.72rem;
padding-bottom: 1.2rem;
}
.search {
input {
background: url("../../assets/contractStart/search1.png") 320px
no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding: 8px 12px;
border-radius: 4px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
}
.check-bottom {
bottom: 32px;
}
}
}
}
</style>
src/pages/contractCreate/contract-create-list.vue
View file @ 1bef0782
......@@ -381,9 +381,9 @@ export default {
align-items: center;
background-color: #fff;
box-shadow:0 2px 3px 0 rgba(220,220,221,0.50);
position: absolute;
position: fixed;
z-index: 999;
top: 1.5rem;
div{
position: relative;
height: 32px;
......@@ -420,11 +420,12 @@ export default {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
position: fixed;
width: 100%;
z-index: 100;
margin-bottom: 8px;
margin-top: 52px;
top: 1.5rem;
input {
padding-left: 12px;
border-radius: 4px;
......
src/pages/contractInquire/contract-records.vue
View file @ 1bef0782
......@@ -695,6 +695,9 @@ export default {
</script>
<style lang='less' >
#contract-records {
.has-header {
top: 1.5rem;
}
.null{
height:100%;
}
......
src/pages/contractSigning/contract-signing.vue
View file @ 1bef0782
......@@ -468,8 +468,9 @@ export default {
align-items: center;
background-color: #fff;
box-shadow: 0 2px 3px 0 rgba(220, 220, 221, 0.5);
position: absolute;
position: fixed;
z-index: 999;
top:1.5rem;
div {
position: relative;
......@@ -583,11 +584,12 @@ export default {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
position: fixed;
width: 100%;
z-index: 100;
margin-bottom: 8px;
margin-top: 52px;
top: 1.5rem;
input {
padding-left: 12px;
border-radius: 4px;
......@@ -723,56 +725,4 @@ export default {
padding-bottom: 20px;
}
}
.platform-ios {
#contract-signing {
.scrollContent {
padding-top: 3.4rem;
padding-bottom: 1.2rem;
}
}
}
// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#contract-signing {
.scrollContent {
padding-top: 3.8rem;
padding-bottom: 1.2rem;
}
.check-bottom {
bottom: 32px;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#contract-signing {
.scrollContent {
padding-top: 3.8rem;
padding-bottom: 1.2rem;
}
.search {
input {
background: url("../../assets/contractStart/search1.png") 320px
no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding: 8px 12px;
border-radius: 4px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
}
.check-bottom {
bottom: 32px;
}
}
}
}
</style>
src/pages/contractStart/start-list.vue
View file @ 1bef0782
......@@ -214,13 +214,13 @@ export default {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
position: fixed;
width: 100%;
height: 1.02rem;
z-index: 100;
margin-top: 52px;
margin-bottom: 8px;
top: 2rem;
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
......
src/pages/financingApply/financingApply-detail.vue
View file @ 1bef0782
......@@ -2,8 +2,8 @@
<h-view id="contract-details" class="public-style">
<h-header :proportion="[5, 1, 1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<div slot="left" class="h-header-btn" @click="$routeGo()">
<img src="@/assets/userBind/arrow.png" >
<span>融租申请审批明细</span>
</div>
</h-header>
......
src/pages/financingTrial/financing-trial.vue
View file @ 1bef0782
......@@ -291,10 +291,11 @@ export default {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
position: fixed;
width: 100%;
z-index: 100;
margin-bottom: 8px;
top: 1.5rem;
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
......@@ -410,45 +411,4 @@ export default {
padding-bottom: 20px;
}
}
.platform-ios {
#trial {
.scrollContent {
padding-top: 2.32rem;
}
}
}
// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#trial {
.scrollContent {
padding-top: 2.72rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#trial {
.scrollContent {
padding-top: 2.72rem;
}
.search {
input {
background: url("../../assets/contractStart/search1.png") 320px
no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding: 8px 12px;
border-radius: 4px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
}
}
}
}
</style>
src/pages/functionCenter/to-do-list.vue
View file @ 1bef0782
......@@ -309,8 +309,12 @@ export default {
.wrap {
width: 100%;
position: absolute;
position: fixed;
z-index: 100;
top: 1.6rem;
}
.vue-better-scroll {
top: 2.2rem;
}
.tab {
......@@ -696,6 +700,7 @@ export default {
}
}
}
}
</style>
......
src/pages/home/home-page.vue
View file @ 1bef0782
......@@ -31,12 +31,12 @@
</swipe>
<div class="functions">
<div class="title">资讯动态</div>
<ul>
<ul @click="gotoNews()">
<li v-for="item in newsList" :key="item.index"><img src="@/assets/homePage/inform.png" alt="">{{
item.new_title }}
</li>
</ul>
<img src="@/assets/functionCenter/in@2x.png" @click="gotoNews()">
<img src="@/assets/functionCenter/in@2x.png" >
<!-- <function-item
v-for="item in moduleSeparateList.slice(0,4)" :key="item.moduleId" :functionIcon="item.moduleIcon"
:functionName="item.moduleName"
......
src/pages/login.vue
View file @ 1bef0782
......@@ -540,6 +540,9 @@ export default {
transform: scale(1, 1);
}
}
.connect {
height: 100%;
}
}
.platform-ios {
......
src/pages/messageCenter/message-list.vue
View file @ 1bef0782
......@@ -392,40 +392,11 @@ export default {
top: 0;
}
.scrollContent {
padding-top: 1rem;
padding-top: 1.2rem;
padding-bottom: 20px;
}
}
.platform-ios {
#message-center {
.scrollContent {
padding-top: 1.4rem;
}
}
}
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#message-center {
.scrollContent {
padding-top: 2rem;
}
.display{
top:1.68rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#message-center {
.scrollContent {
padding-top: 2rem;
}
.display{
top:1.68rem;
}
}
.vue-better-scroll {
top: 0.2rem;
}
}
</style>
src/pages/myInfo/myBindUser.vue
View file @ 1bef0782
......@@ -314,9 +314,6 @@ export default {
.scrollContent {
background-color: rgb(242, 242, 242);
}
.h-header-left{
height: 200%;
}
.bp_name {
width: 100%;
......
src/pages/myProductCollection/my-product-list.Vue
View file @ 1bef0782
......@@ -224,10 +224,11 @@ export default {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
position: fixed;
width: 100%;
z-index: 100;
margin-bottom: 8px;
top: 1.5rem;
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
......@@ -330,47 +331,4 @@ export default {
padding-bottom: 20px;
}
}
.platform-ios {
#my-collect {
.scrollContent {
padding-top: 2.3rem;
}
}
}
// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#my-collect {
.scrollContent {
padding-top: 2.7rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#my-collect {
.scrollContent {
padding-top: 3.1rem;
}
.search {
input {
background: url("../../assets/contractStart/search1.png") 320px
no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding: 8px 12px;
border-radius: 4px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
}
}
}
}
</style>
src/pages/news/newslist.vue
View file @ 1bef0782
......@@ -229,10 +229,11 @@ export default {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
position: fixed;
width: 100%;
z-index: 100;
margin-bottom: 8px;
top: 1.5rem;
input {
padding-left: 12px;
height: 36px;
......
src/pages/productQuery/entity-list.vue
View file @ 1bef0782
......@@ -218,11 +218,11 @@ export default {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
position: fixed;
width: 100%;
z-index: 100;
margin-bottom: 8px;
top: 1.5rem;
input {
padding-left: 12px;
height: 36px;
......@@ -324,45 +324,4 @@ export default {
padding-bottom: 20px;
}
}
.platform-ios {
#prolist {
.scrollContent {
padding-top: 2.32rem;
}
}
}
// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#prolist {
.scrollContent {
padding-top: 2.72rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#prolist {
.scrollContent {
padding-top: 2.72rem;
}
.search {
input {
background: url("../../assets/contractStart/search1.png") 320px
no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding: 8px 12px;
border-radius: 4px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
}
}
}
}
</style>
src/pages/productQuery/product-list.vue
View file @ 1bef0782
......@@ -243,11 +243,11 @@ export default {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
position: fixed;
width: 100%;
z-index: 100;
margin-bottom: 8px;
top: 1.5rem;
input {
padding-left: 12px;
height: 36px;
......
src/pages/productQuery/query-home.vue
View file @ 1bef0782
......@@ -227,7 +227,7 @@ export default {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
position: fixed;
width: 100%;
z-index: 100;
margin-bottom: 8px;
......@@ -260,6 +260,9 @@ export default {
border: 2px solid #bcc6ff;
}
}
.has-header {
top: 1.5rem;
}
.scroll-box {
padding: 8px;
......@@ -305,57 +308,15 @@ export default {
}
.content {
position: absolute;
position: fixed;
top: 0;
}
.scrollContent {
//padding-top: 1.92rem;
padding-bottom: 20px;
}
}
.platform-ios {
#query {
.scrollContent {
padding-top: 2.32rem;
}
}
}
// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#query {
.scrollContent {
padding-top: 2.72rem;
}
//padding-top: 0rem;
padding-bottom: 20px;
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#query {
.scrollContent {
padding-top: 2.72rem;
}
.search {
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding: 8px 12px;
border-radius: 4px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
}
}
.vue-better-scroll {
//top: 2.7rem;
}
}
</style>
src/pages/pwd-reset.vue
View file @ 1bef0782
......@@ -216,6 +216,7 @@ export default {
.header {
background-color: @headerColor;
color: #fff;
height: 1.5rem;
.h-header-btn {
img {
width: 16px;
......
src/pages/reimburseMyself/reimburse-myself-list.Vue
View file @ 1bef0782
......@@ -210,12 +210,13 @@ export default {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
position: fixed;
width: 100%;
height: 1.02rem;
z-index: 100;
// margin-top: 52px;
margin-bottom: 8px;
top: 1.5rem;
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
......
src/pages/tab.vue
View file @ 1bef0782
......@@ -140,6 +140,9 @@ export default {
}
}
}
.weui-tabbar {
padding-bottom: 20px;
}
}
// iPhoneX适配
......
www/index.html
View file @ 1bef0782
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=./cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=Eoo0EtfjYCdAy7r8D19gZ0vMojdZpHqU"></script><title>徐工金服</title><link href=./static/css/app.fb52dd271f35e6cb942abb94eb5f18bb.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.16dc3c74f4e0c838ce1f.js></script><script type=text/javascript src=./static/js/vendor.a2bd9868e7885d7ce8da.js></script><script type=text/javascript src=./static/js/app.279bb6618e94708c8fd3.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=./cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=Eoo0EtfjYCdAy7r8D19gZ0vMojdZpHqU"></script><title>徐工金服</title><link href=./static/css/app.0fd1a560242caf231107baf765f8883c.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.94eef6ccd0dd1fda2901.js></script><script type=text/javascript src=./static/js/vendor.6fb9a8a9e3d7464e35f7.js></script><script type=text/javascript src=./static/js/app.3eb8fbdf0a215a7b8664.js></script></body></html>
\ No newline at end of file
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