Blizzard
8be6d9b1ab
Support personal records and persistent smoking visibility. Add upload quota preflight, file cleanup, privacy entry, image caching and revision-based page refresh across the backend, admin and mini program.
54 lines
3.6 KiB
Plaintext
54 lines
3.6 KiB
Plaintext
<view capture-bind:tap="onLoginSubscribeTap" class="app-shell app-shell--secondary" style="{{layoutStyle}}">
|
||
<launch-transition />
|
||
<!-- pages/lovewords/lovewords.wxml - 一起听过的歌 -->
|
||
<app-nav title="一起听的歌" back="{{true}}" />
|
||
|
||
|
||
|
||
<scroll-view class="page-bg" scroll-y bindscrolltolower="loadMore" lower-threshold="120" show-scrollbar="{{false}}" bounces="{{true}}">
|
||
<view class="c-body"><view class="c-heading j-row"><view><text class="j-eyebrow">OUR SOUNDTRACK</text><text class="j-page-title">一起听过的旋律</text></view><button class="j-button j-button-small" bindtap="goToPublish">＋ 添加</button></view>
|
||
<page-state wx:if="{{loading}}" kind="loading" title="正在加载" /><page-state wx:elif="{{loadError}}" kind="error" title="加载失败" description="请检查网络后重新加载" action="重试" bind:action="loadData" />
|
||
<view class="song-list" wx:if="{{!loading && !loadError && list.length}}">
|
||
<view class="song-item" wx:for="{{list}}" wx:key="id">
|
||
<view class="song-number">{{index < 9 ? '0' + (index + 1) : index + 1}}</view>
|
||
<view class="song-content">
|
||
<text class="song-name">{{item.song_name}}</text><text class="song-artist">{{item.artist}}</text>
|
||
<text class="song-note" wx:if="{{item.note}}">{{item.note}}</text>
|
||
<view class="song-footer"><text>{{item.nickname || item.author || '我们'}}</text><text wx:if="{{item.date_month}}">{{item.date_month}}/{{item.date_day}}</text></view>
|
||
</view>
|
||
<view class="song-menu" bindtap="onSongMenu" data-id="{{item.id}}" data-name="{{item.song_name}}" data-artist="{{item.artist}}" data-note="{{item.note}}" aria-label="歌曲操作"><image src="/images/more.svg" mode="aspectFit" /></view>
|
||
</view>
|
||
</view>
|
||
<page-state wx:if="{{!loading && !loadError && !list.length}}" title="收藏我们的第一首歌" description="让某一段旋律，成为两个人的记忆" action="添加歌曲" bind:action="goToPublish" />
|
||
</view>
|
||
<view class="j-pagination" wx:if="{{!loading && !loadError && total > 0}}"><text wx:if="{{loadingMore}}">正在加载…</text><text wx:elif="{{moreError}}" bindtap="loadMore">加载失败，点击重试</text><text wx:elif="{{hasMore}}" bindtap="loadMore">加载更多</text><text wx:else>已加载全部</text></view>
|
||
</scroll-view>
|
||
|
||
<!-- 添加弹窗 -->
|
||
<view class="modal-overlay" wx:if="{{showModal}}" bindtap="hideModal">
|
||
<view class="modal" catchtap="noop">
|
||
<button class="modal-close" bindtap="hideModal"><image src="/images/close.svg" mode="aspectFit" /></button>
|
||
<text class="title">{{isEdit ? '编辑歌曲' : '收藏歌曲'}}</text>
|
||
<text class="modal-subtitle">记录我们一起听过的歌</text>
|
||
<view class="input-group">
|
||
<label>歌曲名</label>
|
||
<input placeholder-class="handwritten-placeholder" class="input" placeholder="输入歌曲名" value="{{form.song_name}}" bindinput="onSongNameInput" />
|
||
</view>
|
||
<view class="input-group">
|
||
<label>歌手</label>
|
||
<input placeholder-class="handwritten-placeholder" class="input" placeholder="输入歌手名" value="{{form.artist}}" bindinput="onArtistInput" />
|
||
</view>
|
||
<view class="input-group">
|
||
<label>备注（选填）</label>
|
||
<input placeholder-class="handwritten-placeholder" class="input" placeholder="一句话，限60字" maxlength="60" value="{{form.note}}" bindinput="onNoteInput" />
|
||
</view>
|
||
<button class="btn btn-primary" bindtap="submit" hover-class="none">{{isEdit ? '保存修改' : '保存'}}</button>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
|
||
|
||
|
||
</view>
|