收藏
回答

标题栏掉下来的问题

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug navigationBarTitleText 客户端 6.7.3 2.3。0

- 当前 Bug 的表现(可附上截图) 苹果手机上运行会出现这个问题




- 预期表现


- 复现路径


- 提供一个最简复现 Demo


最后一次编辑于  2018-10-20  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • nickname
    nickname
    2018-10-22

    这个是什么情况下出现的呢?微信版本是6.7.3?

    提供一下代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    2018-10-22
    赞同
    回复 21
    •  yinghuang
       yinghuang
      2018-10-22


      /* 工种 */


      .select_box{

      position: relative;

      background: #fff;

      }


      .select{

      box-sizing: border-box;

      width: 100%;

      height: 70rpx;

      border:1px solid rgb(150, 150, 150);

      border-radius: 8rpx;

      display: flex;

      align-items: center;

      padding: 0 20rpx;

      text-align: left;

      }


      .select_text{

      font-size: 30rpx;

      flex:1;

      color: rgb(150, 150, 150);

      }


      .select_img{

      width: 40rpx;

      height: 40rpx;

      display: block;

      transition:transform 0.3s;

      }


      .select_img_rotate{

      transform:rotate(180deg);

      }


      .option_box{position: absolute;top: 70rpx;width: 100%;border:1px solid #efefef;box-sizing: border-box;height: 0;overflow-y: auto;border-top: 0;background: rgb(241, 241, 241); transition: height 0.3s;z-index: 100;overflow: hidden;}


      .option{

      display: block;line-height: 40rpx;font-size: 30rpx;border-bottom: 1px solid #e0e0e0;padding: 10rpx;}


      2018-10-22
      回复
    • nickname
      nickname
      2018-10-22回复 yinghuang

      麻烦按正确格式提供代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

      2018-10-22
      回复
    •  yinghuang
       yinghuang
      2018-10-22回复nickname

      /* 工种 */


      .select_box {

      position: relative;

      background: #fff;

      }


      .select {

      box-sizing: border-box;

      width: 100%;

      height: 70rpx;

      border: 1px solid rgb(150, 150, 150);

      border-radius: 8rpx;

      display: flex;

      align-items: center;

      padding: 0 20rpx;

      text-align: left;

      }


      .select_text {

      font-size: 30rpx;

      flex: 1;

      color: rgb(150, 150, 150);

      }


      .select_img {

      width: 40rpx;

      height: 40rpx;

      display: block;

      transition: transform 0.3s;

      }


      .select_img_rotate {

      transform: rotate(180deg);

      }


      .option_box {

      position: absolute;

      top: 70rpx;

      width: 100%;

      border: 1px solid #efefef;

      box-sizing: border-box;

      height: 0;

      overflow-y: auto;

      border-top: 0;

      background: rgb(241, 241, 241);

      transition: height 0.3s;

      z-index: 100;

      overflow: hidden;

      }


      .option {

      display: block;

      line-height: 40rpx;

      font-size: 30rpx;

      border-bottom: 1px solid #e0e0e0;

      padding: 10rpx;

      }


      2018-10-22
      回复
    •  yinghuang
       yinghuang
      2018-10-22回复nickname

      <view class='select_box'>

      <view class='select' catchtap='selectTap' catchtouchmove="preventD">

      <text class='select_text'>{{selectData_index}}</text>

      <image class='select_img {{show&&"select_img_rotate"}}' src='cloud://jwen-6fa019.6a77-jwen-6fa019/down.png'></image>

      </view>

      <view class='option_box' style='height:{{show?(selectData.length>5?300:selectData.length*60):0}}rpx;'>

      <text class='option' style='{{index==selectData.length-1&&"border:0;"}}' wx:for='{{selectData}}' wx:key='this' data-index='{{index}}' catchtap='optionTap'>{{item}}</text>

      </view>

      </view>


      2018-10-22
      回复
    • nickname
      nickname
      2018-10-22回复 yinghuang

      请看文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

      2018-10-22
      回复
    查看更多(16)
  •  yinghuang
     yinghuang
    2018-10-22

    wxml:


    <!-- 工种 -->

    <view class='all_all'>

    <label class='left'>

    <text>工种</text>

    <text class='baizhi'>*</text>

    </label>

    <view class='section'>

    <!-- <input name='jobtitle' id='jobtitle' placeholder='工种' placeholder-class='input-placeholder' value='{{list.jobtitle}}' ></input> -->

    <view class='select_box'>

    <view class='select' catchtap='selectTap' catchtouchmove="preventD">

    <text class='select_text'>{{selectData_index}}</text>

    <image class='select_img {{show&&"select_img_rotate"}}' src='cloud://jwen-6fa019.6a77-jwen-6fa019/down.png'></image>

    </view>

    <view class='option_box' style='height:{{show?(selectData.length>5?300:selectData.length*60):0}}rpx;'>

    <text class='option' style='{{index==selectData.length-1&&"border:0;"}}' wx:for='{{selectData}}' wx:key='this' data-index='{{index}}' catchtap='optionTap'>{{item}}</text>

    </view>

    </view>


    </view>

    </view>


    <view class='all_all'>

    <label class='left'>工作环境简述

    <text class='baizhi'>*</text>

    </label>

    <view class='section'>

    <input type='text' name='WorkEnvironment' placeholder='工作环境简述(小于50个字)' maxlength="50" placeholder-class='input-placeholder' value='{{list.workenvironment}}' bindblur='text11'></input>

    </view>

    </view>


    <view class='all_all'>

    <label class='left'>工作地点

    <text class='baizhi'>*</text>

    </label>

    <view class='section'>

    <input type='text' name='WorkSite' placeholder='工作地点'  placeholder-class='input-placeholder' value='{{address}}' bindtap='address'></input>

    </view>

    </view>


    <view class='all_all sttmie'>

    <label class='left'>

    <text>工作时间</text>

    <text class='baizhi'>*</text>

    </label>

    <view class='mraf'>

    <view class='moring'>

    <label class='moringST'>上午</label>

    <view class='moring-afternoon moring1'>

    <picker mode="time" value="{{moringST}}" name='moringST' bindchange="bindTimeChangemoringST" bindblur='ling' id='moring'>

    <view class="picker">

    {{moringST}}

    </view>

    </picker>

    </view>

    <text class='fenge'>-</text>

    <view class='moring-afternoon'>

    <picker mode="time" value="{{moringEN}}" name='moringEN' bindchange="bindTimeChangemoringEN" bindblur='ling' id='afternoon'>

    <view class="picker">

    {{moringEN}}

    </view>

    </picker>

    </view>

    </view>

    <!-- 下午 -->

    <view class='afternoon'>

    <label class='moringST'>上午</label>

    <view class='moring-afternoon moring1'>

    <picker mode="time" value="{{afternoonST}}" name='afternoonST' start="2018-08-01" bindchange="bindTimeChangeafternoonST" bindblur='ling' id='afternoonST'>

    <view class="picker">

    {{afternoonST}}

    </view>

    </picker>

    </view>

    <text class='fenge'>-</text>

    <view class='moring-afternoon'>

    <!-- <label>下午</label> -->

    <picker mode="time" value="{{afternoonEN}}" name='afternoonEN' start="2018-08-01" bindchange="bindTimeChangeafternoonEN" bindblur='ling' id='afternoonEN'>

    <view class="picker">

    {{afternoonEN}}

    </view>

    </picker>

    </view>

    </view>

    </view>

    </view>


    2018-10-22
    赞同
    回复