瀏覽代碼

修改日历样式

newStyle
jyt 2 年之前
父節點
當前提交
5205d013d6
共有 2 個文件被更改,包括 12 次插入3 次删除
  1. +10
    -1
      src/components/Calendar/calendar.vue
  2. +2
    -2
      vue.config.js

+ 10
- 1
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;


+ 2
- 2
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' //正式


Loading…
取消
儲存