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

Question

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

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

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

Answer 1

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

Answer 2

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

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