布局问题?

发布于 9 年前作者 ming63837 次浏览最后编辑 9 年前来自 issues
WXOPEN Club 内容图片

我想要图一的年月日效果和图二的五角星效果,padding一改他就变了咋整。初学麻烦给讲的详细点

1 回复
na67
na671 楼6 年前
<view class="header">
  <view class="number">No.<text>04</text></view>
  <view class="date">
    <text class="month">一月</text>
    <text>2020</text>
  </view>
  <image class="star" src="@@@@.png"/>
</view>
其中number固定宽度,number>text加一个font-weight: bold;
date的宽度为100%的宽度-(number的宽度+star的宽度),date的布局可以用flex上下布局
star固定宽度和高度,如果需要margin就加上去
具体字体大小自行设置【仅供参考】