布局问题?
发布于 7 年前 作者 ming63 730 次浏览 来自 官方Issues

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

1 回复
<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就加上去
具体字体大小自行设置【仅供参考】
回到顶部