Initial commit
This commit is contained in:
26
miniprogram/pages/story/story.wxml
Normal file
26
miniprogram/pages/story/story.wxml
Normal file
@@ -0,0 +1,26 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user