reader/pages/social/littleFlower/littleFlower.wxml

<view class="little-flower-box">
    <view class="green-placerholder"></view>
    <view class="sign-in-title">已连续签到{{continuousDay}}天</view>
    <view class="sign-in-box">
        <!-- <view wx:for="{{dateList}}" wx:key="{{index}}" class="date-item">
            <image wx:if="{{item.style === 'red'}}" class="date-complete" src="../../../static/image/sign_in_icon.png" />
            <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 wx:for="{{dateList}}" wx:key="{{index}}" class="date-item">
            <image wx:if="{{item.isSign}}" class="date-complete" src="../../../static/image/sign_in_icon.png" />
            <view class="date-left">
                <view class="date-circle" style="background: {{item.isSign ? '#f75642' : '#fff'}}; color: {{item.isSign ? '#fff' : '#f75642'}} ">{{item.count}}</view>
                <view class="date-time">{{item.date}}</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" />
                    <text wx:if="{{item.type !== 'GROUP'}}">{{item.bonus}}</text>
                    <text wx:if="{{item.type === 'GROUP'}}">{{isIOS ? '10' : '100'}}</text>
                </view>
            </view>
            <view class="mission-status" wx:if="{{!item.finished}}">
                <view class="mission-status" wx:if="{{item.type !== 'GROUP' && item.type !== 'READ_SHARE'}}" >{{item.finishedAmount}}/{{item.taskAmount}}</view>
                <view class="mission-status mission-group" wx:if="{{item.type === 'READ_SHARE' }}" >已获得{{item.finishedAmount * item.bonus}}<image class=".mission-group-icon" src="../../../static/image/flower_small.png" /></view>
                <view class="mission-status mission-share" wx:if="{{item.type === 'GROUP'}}" >已完成<text class="red-text">{{item.finishedAmount}}</text>个</view>
            </view>
            <view class="mission-status mission-complete" wx:if="{{item.finished}}">已完成</view>
        </view>
    </scroll-view>
    <!-- <view class="lego-section" bindtap="goToPrize">
        <image class="lego" src="../../../static/image/lego_icon.png" />
    </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>