feat: harden phase one workflows
This commit is contained in:
@@ -1,12 +1,23 @@
|
||||
<view class="page">
|
||||
<view class="section-title">社区公告</view>
|
||||
<view wx:for="{{notices}}" wx:key="id" class="card">
|
||||
<view class="row between">
|
||||
<view>{{item.title}}</view>
|
||||
<view wx:if="{{item.pinned}}" class="tag">置顶</view>
|
||||
</view>
|
||||
<view class="muted">{{item.category}} {{item.publishedAt}}</view>
|
||||
<view>{{item.content}}</view>
|
||||
<view class="page-heading">
|
||||
<view class="heading-eyebrow">社区信息</view>
|
||||
<view class="heading-title">社区公告</view>
|
||||
<view class="heading-subtitle">物业通知、活动消息和服务说明</view>
|
||||
</view>
|
||||
<view wx:if="{{!notices.length && !loading}}" class="card muted">暂无公告</view>
|
||||
|
||||
<view class="notice-list">
|
||||
<view wx:for="{{notices}}" wx:key="id" class="notice-card">
|
||||
<view class="row between notice-head">
|
||||
<view class="card-title">{{item.title}}</view>
|
||||
<view wx:if="{{item.pinned}}" class="tag">置顶</view>
|
||||
</view>
|
||||
<view class="notice-meta">
|
||||
<view class="pill">{{item.category}}</view>
|
||||
<view class="muted">{{item.publishedAt}}</view>
|
||||
</view>
|
||||
<view class="notice-content">{{item.content}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view wx:if="{{!notices.length && !loading}}" class="empty-state">暂无公告</view>
|
||||
</view>
|
||||
|
||||
@@ -1,4 +1,37 @@
|
||||
.card > view:last-child {
|
||||
margin-top: 12rpx;
|
||||
line-height: 44rpx;
|
||||
.page-heading {
|
||||
margin-bottom: 22rpx;
|
||||
}
|
||||
|
||||
.notice-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 18rpx;
|
||||
}
|
||||
|
||||
.notice-card {
|
||||
padding: 24rpx;
|
||||
background: #ffffff;
|
||||
border: 1rpx solid #e4eaf0;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 8rpx 24rpx rgba(20, 36, 58, 0.05);
|
||||
}
|
||||
|
||||
.notice-head {
|
||||
align-items: flex-start;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
.notice-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
margin: 16rpx 0;
|
||||
}
|
||||
|
||||
.notice-content {
|
||||
color: #334155;
|
||||
font-size: 27rpx;
|
||||
line-height: 46rpx;
|
||||
padding-top: 18rpx;
|
||||
border-top: 1rpx solid #edf1f5;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user