feat: ui update
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
<!-- v2 空态:细描边线稿图标 + 衬线标题 + 灰字描述 + 黑胶囊/描边按钮 -->
|
||||
<view class="empty">
|
||||
<view class="empty-icon">
|
||||
<view class="icon icon-lg {{icon}}"></view>
|
||||
</view>
|
||||
<view class="empty-title">{{title}}</view>
|
||||
<view wx:if="{{desc}}" class="empty-desc">{{desc}}</view>
|
||||
<view class="icon icon-xl {{icon}} empty-ic"></view>
|
||||
<view class="empty-t">{{title}}</view>
|
||||
<view wx:if="{{desc}}" class="empty-d">{{desc}}</view>
|
||||
<view
|
||||
wx:if="{{buttonText}}"
|
||||
class="empty-btn btn {{buttonType === 'outline' ? 'btn-outline' : 'btn-primary'}}"
|
||||
class="empty-btn btn btn--sm {{buttonType === 'outline' ? 'btn--ghost' : 'btn--ink'}}"
|
||||
hover-class="none"
|
||||
bindtap="onTap"
|
||||
>{{buttonText}}</view>
|
||||
</view>
|
||||
|
||||
@@ -1,37 +1,4 @@
|
||||
.empty {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 120rpx 48rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.empty-icon {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
border-radius: 50%;
|
||||
background: #E8F2FF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #007AFF;
|
||||
margin-bottom: 32rpx;
|
||||
}
|
||||
|
||||
.empty-title {
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.empty-desc {
|
||||
font-size: 26rpx;
|
||||
color: #8E8E93;
|
||||
margin-top: 12rpx;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/** 空态:视觉来自全局 .empty* 与 .btn* 通用类 **/
|
||||
.empty-btn {
|
||||
margin-top: 40rpx;
|
||||
width: 360rpx;
|
||||
min-width: 280rpx;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user