收藏
回答

<text>和<input>组件在部分机型不能展示是为什么?

        <view class="t-input">
            <text class="t-float-left">代理人姓名</text>
            <input class="t-float-right" type="text" placeholder="请输入代理人姓名" name="agent_name" value="{{agent_name}}" bindchange="getAgentNameInput"></input>


        </view>


.t-input {
  display: flex;
  flex: 1;
  padding: var(--td-input-vertical-padding, 32rpx);
  border-bottom: 1px solid #D3D3D3;
}


.t-float-right {
  position: absolute;
  right: 5rpx;
  /* margin-top: -25px; */
  font-size: 18px;
  color: #1296db;
}

.t-float-left {
  float: left;
  /* width: 250rpx; */
  font-size: 37rpx;
  flex-shrink: 0;
}


以上是代码,在大部分机型里是正常展示的,如图


但是在三星S23 ultra(Android 14)上,则无法正常展示




回答关注问题邀请回答
收藏

2 个回答

  • 肖荣豪
    肖荣豪
    03-28

    去掉浮动、定位试试

    03-28
    有用
    回复
  • 那一抹笑😃 穿透阳光
    那一抹笑😃 穿透阳光
    03-27

    你用了定位,是相对于谁的,还有父级清楚一下浮动

    03-27
    有用
    回复 1
    • 今
      03-27
      好嘞,这个是最大的可能了,谢谢
      03-27
      回复
登录 后发表内容