|
[多端开发]
safeAreaTop 在小米下面有点问题
[复制链接]
代码如下:
- <template name='myinfo'>
- <scroll-view class="main" scroll-y>
- <safe-area>
- <view class="header">
- <text class="htitle">{{transmy}}</text>
- </view>
- </safe-area>
- <view class="back-btn" style={{'top:'+safeAreaTop+'px'}} @click="closeWin">
- <img class="back-btn-img" src="../../image/back-btn.png" alt=""></img>
- </view>
- <view class="right" style={{'top:'+safeAreaTop+'px'}} @click="fnModifyMyinfo">
- <text class="righttext">{{transmodify}}</text>
- </view>
- <view class="bodyinfo">
- <text class="schoolitem">{{transname}}:{{userInfo.name}}</text>
- <text class="schoolitem">{{transsex}}:{{sex}}</text>
- <text class="schoolitem">{{transisreg}}:{{ifreg}}</text>
- <text class="schoolitem">{{transisvvip}}:{{ifvvip}}</text>
- <text class="schoolitem">{{transwechatid}}:{{userInfo.wechatid}}</text>
- <text class="schoolitem">{{transgradyear}}:{{userInfo.studentstep}}</text>
- <text class="schoolitem">{{transbirthday}}:{{userInfo.birthday}}</text>
- <text class="schoolitem">{{transtype}}:{{userInfo.studenttype}}</text>
- <text class="schoolitem">{{transtocayear}}:{{userInfo.tocanadayear}}</text>
- <text class="schoolitem">{{transhomeaddress}}:{{userInfo.homeaddress}}</text>
- <text class="schoolitem">{{transmobile}}:{{userInfo.telphone}}</text>
- <text class="schoolitem">{{transmail}}:{{userInfo.email}}</text>
- <text class="schoolitem">{{transstudentno}}:{{userInfo.name}}</text>
- <text class="schoolitem">{{transellstart}}:{{ellstartdate}}</text>
- <text class="schoolitem">{{transellend}}:{{ellenddate}}</text>
- </view>
- </scroll-view>
- </template>
复制代码
效果如下:
左侧是苹果手机,正常,右侧是小米,把字(修改)挡着了
|
|