<view class="border-bottom ml-5 mr-5 mt-5 pb-2" style="flex-direction:row;" >
<text class="iconfont text-left font-xlg">
<input type="number" placeholder="请输入短信验证码" maxlength="8" class="ml-7" />
</text>
<text class="font-md text-primary text-right">获取验证码</text>
</view>
<view class="ml-5 mr-5 mt-5">
<view class="rounded50 p-3 linear-gradient">
<text class="font-lg text-center text-white">快速注册</text>
</view>
</view>
a***@tiantue.com
- 发布：2020-09-29 17:43
- 更新：2020-09-29 17:43
- 阅读：415
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： mac 10.15.7
HBuilderX类型： 正式
HBuilderX版本号： 2.8.13
手机系统： iOS
手机系统版本号： IOS 14
手机厂商： 苹果
手机机型： iphone 8
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<view class="border-bottom ml-5 mr-5 mt-5 pb-2" style="flex-direction:row;" >
<text class="iconfont text-left font-xlg">
<input type="number" placeholder="请输入短信验证码" maxlength="8" class="ml-7" />
</text>
<text class="font-md text-primary text-right">获取验证码</text>
</view>
<view class="ml-5 mr-5 mt-5">
<view class="rounded50 p-3 linear-gradient">
<text class="font-lg text-center text-white">快速注册</text>
</view>
</view>
<view class="border-bottom ml-5 mr-5 mt-5 pb-2" style="flex-direction:row;" >
<text class="iconfont text-left font-xlg">
<input type="number" placeholder="请输入短信验证码" maxlength="8" class="ml-7" />
</text>
<text class="font-md text-primary text-right">获取验证码</text>
</view>
<view class="ml-5 mr-5 mt-5">
<view class="rounded50 p-3 linear-gradient">
<text class="font-lg text-center text-white">快速注册</text>
</view>
</view>预期结果：
<view class="border-bottom ml-5 mr-5 mt-5 pb-2" style="flex-direction:row;" >
<text class="iconfont text-left font-xlg">
<input type="number" placeholder="请输入短信验证码" maxlength="8" class="ml-7" />
</text>
<text class="font-md text-primary text-right">获取验证码</text>
</view>
<view class="ml-5 mr-5 mt-5">
<view class="rounded50 p-3 linear-gradient">
<text class="font-lg text-center text-white">快速注册</text>
</view>
</view>
<view class="border-bottom ml-5 mr-5 mt-5 pb-2" style="flex-direction:row;" >
<text class="iconfont text-left font-xlg">
<input type="number" placeholder="请输入短信验证码" maxlength="8" class="ml-7" />
</text>
<text class="font-md text-primary text-right">获取验证码</text>
</view>
<view class="ml-5 mr-5 mt-5">
<view class="rounded50 p-3 linear-gradient">
<text class="font-lg text-center text-white">快速注册</text>
</view>
</view>实际结果：
<view class="border-bottom ml-5 mr-5 mt-5 pb-2" style="flex-direction:row;" >
<text class="iconfont text-left font-xlg">
<input type="number" placeholder="请输入短信验证码" maxlength="8" class="ml-7" />
</text>
<text class="font-md text-primary text-right">获取验证码</text>
</view>
<view class="ml-5 mr-5 mt-5">
<view class="rounded50 p-3 linear-gradient">
<text class="font-lg text-center text-white">快速注册</text>
</view>
</view>
<view class="border-bottom ml-5 mr-5 mt-5 pb-2" style="flex-direction:row;" >
<text class="iconfont text-left font-xlg">
<input type="number" placeholder="请输入短信验证码" maxlength="8" class="ml-7" />
</text>
<text class="font-md text-primary text-right">获取验证码</text>
</view>
<view class="ml-5 mr-5 mt-5">
<view class="rounded50 p-3 linear-gradient">
<text class="font-lg text-center text-white">快速注册</text>
</view>
</view>bug描述：
input 组件水平浮动时不显示 style="flex-direction:row;" 去掉可以 显示 ，但是换行了 NVUE测试结果
