27 lines
1.0 KiB
Plaintext
27 lines
1.0 KiB
Plaintext
<view class="story-page" bindtap="onNext">
|
|
<!-- 进度条 -->
|
|
<view class="progress-row">
|
|
<view wx:for="{{stories}}" wx:key="index" class="progress-bar">
|
|
<view class="progress-fill" style="width: {{index < current ? '100%' : (index === current ? progress + '%' : '0%')}}"></view>
|
|
</view>
|
|
</view>
|
|
<!-- 作者头 -->
|
|
<view class="story-nav">
|
|
<view class="story-avatar" style="background: {{currentStory.gradient}}">
|
|
<text>{{currentStory.authorName[0]}}</text>
|
|
</view>
|
|
<view class="story-meta">
|
|
<text class="story-author">{{currentStory.authorName}}</text>
|
|
<text class="story-time">{{currentStory.timeText}}</text>
|
|
</view>
|
|
<view class="close-btn" catchtap="onClose">✕</view>
|
|
</view>
|
|
<!-- 内容 -->
|
|
<view class="story-content">
|
|
<image wx:if="{{currentStory.imageUrl}}" class="story-img" src="{{currentStory.imageUrl}}" mode="aspectFill" />
|
|
<view class="story-text-wrap">
|
|
<text class="story-text">{{currentStory.text}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|