vux 写下图的布局应该怎么写？

Question

第一次用vux 对于它的布局有点迷，自己写的

        <div class="outer_box">
          <div class="left_img">
          </div>
          <div class="right_words">
            <div class="">
              <p> 跟健身大V学减肥 “套路自己”</p>
              <span>媒体营销</span>
              <p>浏览 <span>200</span></p>
            </div>
          </div>
        </div>

设置css后 图片大小是固定的 ，用rem 仍然是固定大小。
不知道是什么原因？

Answer 1

我是 Vux 作者，看到标题写 Vux, 水一下:
Vux 不能解决所有布局需求。你上面的代码也没有用到 Vux，所以这个问题和 Vux 无关了。

Answer 2

vux不是用到了weui么。。。一般布局这种不需要使用vux的组件啊，你又不是表单也不是dialog之类的，只是一个简单的列表，完全可以用weui的类名控制布局啊。
上面的结构完完全全就是可以使用weui里面的weui-cell这个类来控制

<div class="weui-cells">
    <!--第一行-->
    <div class="weui-cell">
        <div class="weui-cell__hd">
            <img :src="imgSrc"/>
        </div>
        <div class="weui-cell__bd weui-cells">
            <div class="weui-cell">
                <h4 class="weui-cell__bd"></h4>
            </div>  
            <div class="weui-cell">
                <div class="weui-cell__hd"><input/></div>
                <div class="weui-cell__ft">浏览 {{counts}}</div>
            </div>
        </div>
    </div>
    <!--第二行-->
    <div class="weui-cell">
        <div class="weui-cell__hd">
            <img/>
        </div>
        <div class="weui-cell__bd">
            xxx xxx xxxxx
        </div>
        <div class="weui-cell__ft">
            {{time|format}}
        </div>
    </div>
</div>