offlineSignin.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view class="sign-in">
  3. <view class="sign-in-box">
  4. <view class="sign-in-box-divider"></view>
  5. <view class="sign-in-box-datetime">
  6. <view class="sibd-time">
  7. <clock-learn />
  8. </view>
  9. <view class="sibd-date">
  10. {{ $u.timeFormat(new Date(), 'mm月dd日') }}
  11. {{ getDateString() }}
  12. </view>
  13. </view>
  14. <view class="sign-in-box-button">
  15. <u-button type="primary" class="sign-in-btn">立即签到</u-button>
  16. <u-button type="info">签到记录</u-button>
  17. </view>
  18. </view>
  19. </view>
  20. </template>
  21. <script>
  22. import clockLearn from './../../components/clock-learn/index.vue'
  23. export default {
  24. components: {
  25. clockLearn
  26. },
  27. data() {
  28. return {
  29. }
  30. },
  31. onShow() {
  32. },
  33. methods: {
  34. getDateString() {
  35. const weekList = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
  36. currentDate = new Date(),
  37. week = currentDate.getDay();
  38. return weekList[week]
  39. }
  40. },
  41. }
  42. </script>
  43. <style lang="scss" scoped>
  44. @import './offlineSignin.scss';
  45. </style>