TmOct5/ZhHealth
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

同步代码

Browse Source
This commit is contained in:
唐明明
2022-02-08 11:08:09 +08:00
parent f7495257fa
commit 38361b4bea
7 changed files with 56 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
pages/sign/index.vue
View File

@@ -9,7 +9,7 @@
<view class="number">
<text>{{ dateData.total }}</text>天
</view>
本月签到
本月打卡
</view>
</view>
<view class="label">
@@ -18,7 +18,7 @@
<view class="number">
<text>{{ dateData.continue }}</text>天
</view>
累计签到
累计打卡
</view>
</view>
</view>
@@ -50,25 +50,28 @@
六
</view>
</view>
<view class="day" v-for="(item, index) in dateArr">
<view class="day-label" v-for="(items, index) in item">
<view class="label-block" :class="{active : items.isSign}" v-if="!items.isHidden">{{ items.isSign ? '签' : items.date }}</view>
<view class="day" v-for="(item, index) in dateArr" :key="index">
<view class="day-label" v-for="(items, index) in item" :key="index">
<view class="label-block" :class="{active : items.isSign}" v-if="!items.isHidden">
<uni-icons v-if="items.isSign" class="search-icon" custom-prefix="iconfont" type="icon-dui" color="#ffffff" size="18"></uni-icons>
<block v-else>{{ items.date }}</block>
</view>
</view>
</view>
</view>
<view class="signBtn">
<view class="btn" @click="signClick" :class="{active : dateData.isSign}">
{{ dateData.isSign ? '当日已签' : '立即签到'}}
{{ dateData.isSign ? '今日已打卡' : '今日打卡'}}
</view>
</view>
</view>
<view class="tipsText">
ZH大健康用户签到
ZH大健康用户打卡
</view>
</view>
</view>
</template>
</view>
</template>
<script>
import { date, sign } from '@/apis/interfaces/sign'
export default {
@@ -112,9 +115,9 @@
})
}
}
}
</script>
}
</script>
<style lang="scss" scoped>
page {
background: $window-color;
@@ -174,7 +177,9 @@
}
}
.signDate {
padding: $padding;
padding: $padding;
border-radius: $radius-m;
background-color: white;
.date {
text-align: center;
font-size: $title-size + 6;
@@ -209,6 +214,12 @@
height: 56rpx;
line-height: 56rpx;
text-align: center;
position: relative;
.label-icon {
position: absolute;
left: 10rpx;
top: 0;
}
&.active {
background-color: $main-color;
color: white;
@@ -232,7 +243,8 @@
color: $text-gray;
}
}
}
}
}
.tipsText {
text-align: center;
@@ -241,4 +253,4 @@
color: $text-gray-m;
}
}
color: $text-gray-m;
</style>