Respect mini program status bar and menu safe area
This commit is contained in:
@@ -1,7 +1,8 @@
|
||||
<view class="screen">
|
||||
<safe-top />
|
||||
<view class="eyebrow">你好,今天也一起好好生活</view>
|
||||
<view class="row top">
|
||||
<view class="title">早安,{{name}} ☀️</view>
|
||||
<view class="title">早安,{{name}}</view>
|
||||
<image src="/assets/logo-corgi-v2.png" class="avatar" />
|
||||
</view>
|
||||
<view class="hero">
|
||||
|
||||
@@ -1,9 +1,16 @@
|
||||
.top {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.top .title {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
margin-right: 16rpx;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.avatar {
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
flex-shrink: 0;
|
||||
border-radius: 50%;
|
||||
border: 6rpx solid white;
|
||||
box-shadow: 0 5rpx 22rpx #174b3520;
|
||||
|
||||
Reference in New Issue
Block a user