yudao
/
mall-uniapp
mirror of https://gitee.com/yudaocode/yudao-mall-uniapp.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: 签到文案样式修改

pull/8/head
kele 2023-03-31 18:20:50 +08:00
parent 77e224afc2
commit 2ecf86f486
1 changed files with 403 additions and 433 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
pages/app/sign.vue
View File

@ -17,30 +17,20 @@
<!-- 切换年月 -->
<view class="bar ss-flex ss-col-center ss-row-center">
<view class="previous" @tap="handleCalendar(0)"><text class="cicon-back"></text></view>
<view class="date ss-m-x-20"
>{{ state.cur_year || '--' }} 年 {{ state.cur_month || '--' }} 月</view
>
<view class="date ss-m-x-20">{{ state.cur_year || '--' }} 年 {{ state.cur_month || '--' }} 月</view>
<view class="next" @tap="handleCalendar(1)"><text class="cicon-forward"></text></view>
</view>
<!-- 显示星期 -->
<view class="week ss-flex">
<view
class="week-item ss-flex ss-row-center"
v-for="(item, index) in state.weeks_ch"
:key="index"
>
<view class="week-item ss-flex ss-row-center" v-for="(item, index) in state.weeks_ch" :key="index">
{{ item.title }}
</view>
</view>
<!-- 日历表 -->
<view class="myDateTable">
<view
v-for="(item, j) in state.data.days"
:key="j"
class="dateCell ss-flex ss-row-center ss-col-center"
>
<view v-for="(item, j) in state.data.days" :key="j" class="dateCell ss-flex ss-row-center ss-col-center">
<!-- 空格 -->
<view class="ss-flex ss-row-center ss-col-center">
<text :decode="true">&nbsp;&nbsp;</text>
@ -49,25 +39,16 @@
<!-- 已签到日期 -->
<view v-if="item.is_sign" class="is-sign ss-flex ss-row-center">
<view class="is-sign-num">{{ item.day < 10 ? '0' + item.day : item.day }}</view>
<image
class="is-sign-image"
:src="sheep.$url.static('/static/img/shop/app/correct.png')"
>
<image class="is-sign-image" :src="sheep.$url.static('/static/img/shop/app/correct.png')">
</image>
</view>
<!-- 未签到日期 -->
<view
class="is-sign ss-flex ss-row-center"
v-if="item.is_replenish == 1"
@tap="onShowRetroactive(item.date)"
>
<view class="is-sign ss-flex ss-row-center" v-if="item.is_replenish == 1"
@tap="onShowRetroactive(item.date)">
<view class="cell-num">{{ item.day < 10 ? '0' + item.day : item.day }}</view>
<text class="cicon-title"></text>
</view>
<view
class="is-sign ss-flex ss-row-center"
v-if="item.is_replenish == 0 && !item.is_sign"
>
<view class="is-sign ss-flex ss-row-center" v-if="item.is_replenish == 0 && !item.is_sign">
<view class="cell-num">{{ item.day < 10 ? '0' + item.day : item.day }}</view>
</view>
</view>
@ -75,12 +56,8 @@
<!-- 签到按钮 -->
<view class="ss-flex ss-col-center ss-row-center sign-box ss-m-y-40">
<button class="ss-reset-button sign-btn" v-if="state.isSign === 0" @tap="onSign"
>签到</button
>
<button class="ss-reset-button already-btn" v-if="state.isSign === 1" disabled
>已签到</button
>
<button class="ss-reset-button sign-btn" v-if="state.isSign === 0" @tap="onSign">签到</button>
<button class="ss-reset-button already-btn" v-if="state.isSign === 1" disabled>已签到</button>
</view>
</view>
</view>
@ -94,8 +71,7 @@
</text>
</view>
<view class="activity-des" v-if="state.data.rules.discounts?.length > 0">
2、
<text class="" v-for="i in state.data.rules.discounts" :key="i">
2、<text class="" v-for="i in state.data.rules.discounts" :key="i">
连续签到 {{ i.full }} 天，奖励 {{ i.value }} 积分；
</text>
</view>
@ -107,11 +83,7 @@
</view>
</view>
</view>
<s-empty
v-else-if="!state.data && !state.loading"
icon="/static/data-empty.png"
text="签到活动还未开始"
>
<s-empty v-else-if="!state.data && !state.loading" icon="/static/data-empty.png" text="签到活动还未开始">
</s-empty>
<su-popup :show="state.showModel" type="center" round="10" :isMaskClick="false">
<view class="model-box ss-flex-col">
@ -142,9 +114,7 @@
<view class="model-bg ss-flex-col ss-col-center ss-row-right">
<view class="title ss-m-b-64">确认补签</view>
<view class="ss-m-b-40 ss-flex">
<button class="ss-reset-button cancel-btn" @tap="state.showRetroactive = false"
>取消</button
>
<button class="ss-reset-button cancel-btn" @tap="state.showRetroactive = false">取消</button>
<button class="ss-reset-button confirm-btn" @tap="onRetroactive">确认</button>
</view>
</view>