uniapp button和picker在iOS上遮挡,显示异常

原创
08/11 10:10
阅读数 535

uniapp button和picker在iOS上遮挡,显示异常

更新时间:2020-08-11 10:21

一.问题描述

在uniapp上,使用button和picker组件,button按钮保存数据,picker时间选择时间选择日期,出现button文字和颜色这样picker时间选择器的情况,请款如下图:

  

时间选择器代码如下:

  <view class=""> 
   <view class="uni-list"> 
    <view class="uni-list-cell"> 
     <view class="uni-list-cell-left">
      开始日期:
     </view> 
     <view class="uni-list-cell-db"> 
      <picker mode="date" :value="startDate" @change="startDateChange"> 
       <view class="uni-input">
        {{startDate}}
       </view> 
      </picker> 
     </view> 
    </view> 
   </view> 
  </view>

保存按钮button的代码如下:

<button type="primary" @click="trainRecordsAdd" :disabled="isNotAdd">添加培训记录</button>

二.解决方案

修改时间选择器picker代码,添加fields="day",关键代码如下:

<picker mode="date" fields="day" :value="startDate" @change="startDateChange">
  <view class="uni-input">{{startDate}}</view>
</picker>

修改后效果如下:

至此,成功解决button和picker在iOS上的遮挡问题.

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部