Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

X-header 自定义左边的图片 在IOS(10.3)真机不显示 #1480

Closed
yuyuyu19 opened this issue May 26, 2017 · 3 comments
Closed

X-header 自定义左边的图片 在IOS(10.3)真机不显示 #1480

yuyuyu19 opened this issue May 26, 2017 · 3 comments

Comments

@yuyuyu19
Copy link

yuyuyu19 commented May 26, 2017

<view-box ref="viewBox" body-padding-top="66px" body-padding-bottom="55px">
      <x-header slot="header" style="width:100%;position:absolute;left:0;top:20px;z-index:100;"
                :title="getTitle"
                :left-options="{preventGoBack:true}"
                :right-options="{showMore: true}"
                @on-click-more="changeTab"
      >
        <x-icon @click="changeShow" slot="overwrite-left" type="navicon" size="35" style="fill:#fff;position:relative;top:-8px;left:-3px;"></x-icon>
      </x-header>
</view-box>

这是Chrome:
image

这是IOS 真机 10.3版本:
image

@yuyuyu19
Copy link
Author

再请问下 x-header 和IOS真机顶部的 信息重合了 应该怎么处理
我目前是设置 x-header 的style 中 top:20px 效果不是很好 请问有什么其他处理办法

image

@airyland
Copy link
Owner

这很神奇啊。看起来就像是你在 iOS 上看的版本和 chrome 上用的 VUX 版本不是同一个,也就中不支持这个 overwrite-left slot。

@yuyuyu19
Copy link
Author

@airyland 同事打包APP时没有升级vux 的版本 所以出现了这个问题 升级之后没有问题 不好意思

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants