上图是我想要实现的效果,图片和文字描述区域各占屏幕的50%;在微信小程序中的通常做法是内联样式控制。
<!--index.wxml-->
<view class="">
<view class="img_box" style='height:{
{helfH}}rpx'>
<image src='../../image/2.jpg'></image>
</view>
<view class="text_box" style='height:{
{helfH}}rpx'>
<view class="text_content" style='height:{
{textH}}rpx'>
你愿意成为rwby小队的一员么?
</view>
<view class="do_box">
<view class="do_btn do_a">A.同意</view>
<view class="do_btn do_b">B.不同意</view>
</view>
</view>
</view>
我们在内联样式中设置好高度值,h