这开发者工具上调试,不存在这个问题。
在手机上有,目前只在安卓机上测试过。
正常情况:textarea在图片的下方。
有问题的情况:textarea跑到图片上面去了,请问怎么解决??谢谢
<view class="image">
<image src="{{cutted_images_src}}" mode="widthFix" style="width: 100%;"></image>
</view>
<view>
<form bindsubmit = 'submit_question' report-submit = 'true'>
<view class = 'textarea' wx-if = '{{is_textarea}}'>
<textarea bindinput = 'word_count' name = 'textarea_text' maxlength = '100' show-confirm-bar = 'false' placeholder='请描述你的问题吧,让老师针对性的帮你解决问题更有效哦' placeholder-class='textarea_holder'></textarea>
<text class = 'letter_count'>{{letter_count}}<text>/100</text></text>
</view>
<view class="button_view_container" wx-if = '{{is_textarea}}'>
<button formType = "submit">提交问题</button>
</view>
</form>
</view>
.textarea{
position: relative;
width: 90%;
height: 200rpx;
font-size: 20rpx;
margin-top: 20rpx;
margin-left: 34rpx;
}
textarea{
width: 100%;
height: 100%;
font-size: 30rpx;
border-radius: 10rpx;
background-color: #fff;
}
.textarea_holder{
font-size: 30rpx;
color:rgba(168,175,190,0.7);
}
.letter_count{
position: absolute;
right: 18rpx;
bottom: 6rpx;
font-size: 30rpx;
color: rgb(88,104,120);
}
.letter_count text{
font-size: 20rpx;
color: rgb(146,160,174);
}