init: initial commit

weapp/pages/lovewords/lovewords.wxml

@@ -0,0 +1,52 @@
+<view 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 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>
+</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 class="input" placeholder="输入歌曲名" value="{{form.song_name}}" bindinput="onSongNameInput" />
+      </view>
+      <view class="input-group">
+        <label>歌手</label>
+        <input class="input" placeholder="输入歌手名" value="{{form.artist}}" bindinput="onArtistInput" />
+      </view>
+      <view class="input-group">
+        <label>备注（选填）</label>
+        <input 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>