.calendar[data-v-41c06644] { padding: 16px; } .header[data-v-41c06644] { display: flex; flex-direction: column; } .header-title[data-v-41c06644] { display: flex; justify-content: space-between; align-items: center; } .year-month[data-v-41c06644] { font-size: 18px; font-weight: bold; margin-bottom: 8px; } .botton-father[data-v-41c06644] { display: flex; margin-top: -0.625rem; } .click-button[data-v-41c06644] { padding: 0.3125rem; width: 3.75rem; font-size: 0.78125rem; height: 1.25rem; margin-right: 0.3125rem; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #888; border-radius: 0.3125rem; } .weekdays[data-v-41c06644] { display: flex; background-color: #E9E7FC; border-radius: 0.9375rem; padding: 0.3125rem; } .weekday[data-v-41c06644] { flex: 1; text-align: center; } .days[data-v-41c06644] { display: flex; flex-wrap: wrap; padding: 0.3125rem; } .day-cell[data-v-41c06644] { width: 2.29688rem; height: 2.51563rem; text-align: center; padding-top: 0.25rem; padding-bottom: 0.25rem; box-sizing: border-box; } .day-cell.prev-month .gregorian[data-v-41c06644], .day-cell.next-month .gregorian[data-v-41c06644] { color: #ccc; } /* 选中样式 */ .day-cell.selected[data-v-41c06644] { background-color: #0B98DC; border-radius: 0.3125rem; } .day-cell.selected .gregorian[data-v-41c06644], .day-cell.selected .lunar[data-v-41c06644] { color: #fff; } .gregorian[data-v-41c06644] { font-size: 14px; } .lunar[data-v-41c06644] { font-size: 10px; color: #888; } .backgroundContainer[data-v-90aab738] { position: relative; width: 100%; height: 100vh; background-image: url('../../static/index/lightbgcnew.png'); background-size: cover; background-position: center center; overflow: hidden; } .assess-title[data-v-90aab738] { margin-top: 1.875rem; width: 100%; height: 1.875rem; display: flex; align-items: center; justify-content: space-between; } .assess-title .right-icons[data-v-90aab738] { display: flex; align-items: center; float: right; height: 2.1875rem; margin-right: 1.25rem; } .assess-title .right-icons .right-icons-font[data-v-90aab738] { margin-left: 0.3125rem; margin-right: 0.3125rem; font-size: 1.09375rem; margin-top: -0.46875rem; } .assess-title .right-icons .right-icons-font-dark[data-v-90aab738] { color: #fff; margin-left: 0.3125rem; margin-right: 0.3125rem; font-size: 1.09375rem; margin-top: -0.46875rem; } .assess-title .right-icons .right-icons-img[data-v-90aab738] { width: 2.5rem; height: 2.5rem; margin-left: 0.3125rem; margin-right: 0.3125rem; margin-top: -0.625rem; } .assess-title .right-icons .right-icons-img-icon[data-v-90aab738] { width: 1.875rem; height: 2.5rem; margin-left: 0.25rem; } .assess-title .left-icons[data-v-90aab738] { display: flex; margin-left: 1.25rem; } .assess-title .left-icons .left-icons-img[data-v-90aab738] { width: 2.1875rem; height: 2.1875rem; } .assess-title .left-icons .right-icons-font[data-v-90aab738] { font-weight: 700; font-size: 1.09375rem; margin-left: 0.3125rem; margin-top: 0.3125rem; } .assess-title .left-icons .right-icons-text[data-v-90aab738] { font-size: 1.09375rem; margin-top: 0.3125rem; } .assess-another[data-v-90aab738] { width: 100%; height: calc(100vh - 3.75rem); margin-top: 0.3125rem; display: flex; margin-left: 1.5625rem; } .assess-another .left-contain[data-v-90aab738] { height: 100%; width: 18.75rem; } .assess-another .left-contain .calendar[data-v-90aab738] { width: 100%; height: 20.3125rem; background: linear-gradient(to top, #F4F3FF, #FFFFFF, #ECEFFF); border-radius: 0.78125rem; }