修改日历样式

src/components/Calendar/calendar.vue

@@ -3,6 +3,8 @@
   .wh_item_date:hover {
     background: #71c7a5;
     cursor: pointer;
+    color: #fff;
+    border-radius: 50%;
   }
 }
 * {
@@ -115,7 +117,8 @@ wh_content_item_tag {
 .wh_content_item > .wh_isMark {
   margin: auto;
   border-radius: 100px;
-  background: blue;
+  background: #7d7df5;
+  color: #fff;
   z-index: 2;
 }
 .wh_content_item .wh_other_dayhide {
@@ -154,6 +157,7 @@ wh_content_item_tag {
         <div class="wh_content_item" v-for="(item,index) in list" :key="index" @click="clickDay(item,index)">
           <div
             class="wh_item_date"
+            :style="{background:item.isMark?theme:''}"
             v-bind:class="[{ wh_isMark: item.isMark},{wh_other_dayhide:item.otherMonth!=='nowMonth'},{wh_want_dayhide:item.dayHide},{wh_isToday:item.isToday},{wh_chose_day:item.chooseDay},setClass(item)]"
           >{{item.id}}</div>
         </div>
@@ -163,6 +167,8 @@ wh_content_item_tag {
 </template>
 <script>
 import timeUtil from "./calendar";
+import { mapGetters } from "vuex";
+const c = console.log.bind(document);
 export default {
   data() {
     return {
@@ -202,6 +208,9 @@ export default {
     this.intStart();
     this.myDate = new Date();
   },
+  computed:{
+    ...mapGetters(['theme'])
+  },
   methods: {
     intStart() {
       timeUtil.sundayStart = this.sundayStart;

vue.config.js

@@ -3,8 +3,8 @@
  * https://cli.vuejs.org/zh/config/
  */
 // const url = 'http://pigx-gateway'
-// const url = 'http://39.97.167.65:9999' //测试
-const url = 'http://192.168.31.167:9999' //长龙
+const url = 'http://39.97.167.65:9999' //测试
+// const url = 'http://192.168.31.167:9999' //长龙
 // const url = 'http://192.168.31.134:9999' //嘉豪
 // const url = 'http://192.168.31.100:9999' //王笑
 // const url = 'http://62.234.122.43:9999' //正式