日历样式

src/components/Calendar/calendar.vue

@@ -43,16 +43,18 @@ li {
   /* font-family: -apple-system, BlinkMacSystemFont, "PingFang SC",
     "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif; */
   /* background-color: #0fc37c; */
-  width: 100%;
+  width: 90%;
   overflow: hidden;
-  padding-bottom: 8px;
+  /* padding-bottom: 8px; */
+  border: 1px solid #a1a1a1;
 }
 
 .wh_content {
   display: flex;
   flex-wrap: wrap;
-  padding: 0 3% 0 3%;
-  width: 100%;
+  /* justify-content: center; */
+  /* padding: 0 3% 0 3%; */
+  width: 107%;
 }
 
 .wh_content:first-child .wh_content_item_tag,
@@ -64,14 +66,21 @@ li {
 .wh_content_item,
 wh_content_item_tag {
   font-size: 15px;
-  width: 11.4%;
+  width: 13.4%;
   text-align: center;
   /* color: #fff; */
   position: relative;
-  margin: 5px;
+  margin: 0 5px;
 }
 .wh_content_item {
-  height: 40px;
+  height: 60px;
+  border-left: 0.5px solid #a1a1a1;
+  border-top: 0.5px solid #a1a1a1;
+  margin-left: 0;
+  margin-right: 0;
+  display: flex;
+  align-items: center;
+  justify-items: center;
 }
 
 .wh_top_tag {