From 9f1e3b0fdedf5146cc593ce89bcd97ca5723c1eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Tue, 24 Dec 2019 14:49:56 +0800
Subject: [PATCH] feat(Calendar): add month mark

---
 src/calendar/index.js   |  1 +
 src/calendar/index.less | 12 ++++++++++++
 2 files changed, 13 insertions(+)

diff --git a/src/calendar/index.js b/src/calendar/index.js
index 4015f186d..150223b95 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -90,6 +90,7 @@ export default createComponent({
         <div class={bem('month')} ref="month" refInFor>
           {showTitle && <div class={bem('month-title')}>{month.title}</div>}
           <div class={bem('days')}>
+            <div class={bem('month-mark')}>{month.date.getMonth() + 1}</div>
             {month.days.map(item => (
               <div class={bem('day')}>{item.day}</div>
             ))}
diff --git a/src/calendar/index.less b/src/calendar/index.less
index 54357843f..4dec24870 100644
--- a/src/calendar/index.less
+++ b/src/calendar/index.less
@@ -49,10 +49,22 @@
   }
 
   &__days {
+    position: relative;
     display: flex;
     flex-wrap: wrap;
   }
 
+  &__month-mark {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: -1;
+    color: @gray-2;
+    font-size: 160px;
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+  }
+
   &__day {
     display: flex;
     align-items: center;