reader/pages/social/littleFlower/littleFlower.wxml

<view class="little-flower-box">
    <view class="green-placerholder"></view>
    <view class="sign-in-title">已连续签到1天</view>
    <view class="sign-in-box">
        <view wx:for="{{dateList}}" wx:key="{{index}}" class="date-item">
            <view class="date-left">
                <view class="date-circle" style="background: {{item.style === 'red' ? '#f75642' : '#fff'}}; color: {{item.style === 'red' ? '#fff' : '#f75642'}} ">
                    +{{item.mark}}
                </view>
                <view class="date-time">{{item.time}}</view>
            </view>
            <view class="cross-red-line" wx:if="{{index !== 6}}"></view>
        </view>
    </view>
    <view class="flower-title">小小任务条，朗读好习惯</view>
    <scroll-view class="mission-box">
        <view class="mission-item" wx:for="{{misssionList}}" wx:key="{{index}}">
            <view>
                <view>{{item.title}}</view>
                <view class="mission-bonus">
                    <image class="bonus-icon" src="../../../static/image/flower_small.png" />
                    {{item.bonus}}
                </view>
            </view>
            <view class="mission-status">{{item.ifFinished ? '已完成' : '未完成'}}</view>
        </view>
    </scroll-view>
    <view class="explain">
        <view class="explain-gut">小红花有什么用？</view>
        <view class="explain-gut">我们会启动很多好玩的活动，</view>
        <view class="explain-gut">到时候你将会有大大的惊喜哦！</view>
        <view class="explain-gut">请继续积攒小红花吧！</view>
    </view>
</view>