| | |
| | | text-align: left; |
| | | margin-bottom: 10px; |
| | | } |
| | | |
| | | >>>.is-selected .el-calendar-day{ |
| | | background: #0166E2 !important; |
| | | color: #fff !important; |
| | | border-radius: 4px; |
| | | } |
| | | >>>.el-calendar-day:hover{ |
| | | background: #0166E2 !important; |
| | | color: #fff !important; |
| | | border-radius: 4px; |
| | | } |
| | | </style> |
| | | |
| | | <template> |
| | |
| | | <img src="../../../static/img/index-0.svg" alt=""> |
| | | </div> |
| | | <div class="mun"> |
| | | <p style="font-size: 20px;">254</p> |
| | | <p style="font-size: 20px;">0</p> |
| | | <p style="font-size: 14px;margin-bottom: 10px;">我的待办</p> |
| | | </div> |
| | | </div> |
| | |
| | | <img src="../../../static/img/index-1.svg" alt=""> |
| | | </div> |
| | | <div class="mun"> |
| | | <p style="font-size: 20px;">254</p> |
| | | <p style="font-size: 20px;">0</p> |
| | | <p style="font-size: 14px;margin-bottom: 10px;">已办事宜</p> |
| | | </div> |
| | | </div> |
| | |
| | | <img src="../../../static/img/index-2.svg" alt=""> |
| | | </div> |
| | | <div class="mun"> |
| | | <p style="font-size: 20px;">254</p> |
| | | <p style="font-size: 20px;">0</p> |
| | | <p style="font-size: 14px;margin-bottom: 10px;">剩余待办</p> |
| | | </div> |
| | | </div> |
| | |
| | | <img src="../../../static/img/index-3.svg" alt=""> |
| | | </div> |
| | | <div class="mun"> |
| | | <p style="font-size: 20px;">254</p> |
| | | <p style="font-size: 20px;">0</p> |
| | | <p style="font-size: 14px;margin-bottom: 10px;">近期事宜</p> |
| | | </div> |
| | | </div> |
| | |
| | | <span> |
| | | {{ data.day.split('-').slice(2)+'' }} |
| | | </span> |
| | | <el-badge v-if="data.isSelected" is-dot class="item"> |
| | | </el-badge> |
| | | <!-- <el-badge v-if="data.isSelected" is-dot class="item"> |
| | | </el-badge> --> |
| | | </template> |
| | | </el-calendar> |
| | | </div> |