收藏
回答

这种图用flex样式怎么写?

这种样式用flex怎么写

回答关注问题邀请回答
收藏

3 个回答

  • 酷走天涯
    酷走天涯
    2020-07-03

    <view class="out-bound">

    <view class="t-box">

    <text>出库</text>

    <text>out bound</text>

    </view>

    <image src class="icon-2"></image>

    </view>


    .message{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    }

    .message text{

    text-align: left;

    flex:1;

    font-size: 24rpx;

    color: rgb(56, 56, 56);

    }

    .message image{

    flex: 0 0 40rpx;

    height: 40rpx;

    }

    .out-bound{

    display: flex;

    align-items: center;

    justify-content: space-between;

    }

    .t-box{

    display: flex;

    align-items: center;

    flex:1;

    flex-direction: column;

    }

    .t-box text{

    text-align: left;

    font-size: 24rpx;

    color: rgb(56, 56, 56);

    }

    .out-bound image{

    flex: 0 0 40rpx;

    height: 40rpx;

    }

    2020-07-03
    有用
    回复
  • 微喵网络
    微喵网络
    2020-07-03

    http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

    可以看一下阮一峰的这篇教程,认真看完基本就学会了

    2020-07-03
    有用
    回复
  • AKA. 皮卡超
    AKA. 皮卡超
    2020-07-03

    具体哪种?哪一行

    我各地你举个单行的例子

    父级flex,justify-content:space-between,让两个子级放左右

    子级两个view,右边放个图标,左边的view再放两个普通view呈现上下结构不久行了。

    你自己动手啊,等着捡现成的?

    2020-07-03
    有用
    回复 1
    • Panda0000009
      Panda0000009
      2020-07-03
      我就是自己写完,成这样了。。。
      2020-07-03
      回复
登录 后发表内容
问题标签