| 1 |
- .zhezhao{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:5;animation:show-in .3s forwards;opacity:0}@keyframes show-in{0%{opacity:0}to{opacity:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.note-weight{position:relative;bottom:0;height:12px;width:12px;border-radius:100%}.maxWeight{position:relative;width:25px;height:25px}.selWeight:before{margin-left:5px;font-size:20px;font-weight:700;position:relative;content:"\221a";color:#fff}.weight-0{background-color:#e5e5e5}.weight-1{background-color:#f1c40f}.weight-2{background-color:#e67e22}.weight-3{background-color:#27ae60}.weight-4{background-color:#3498db}.weight-5{background-color:#8e44ad}.weight-6{background-color:#e74c3c}.noteApp{position:relative;width:100%;height:100%}.noteApp>.leftShow{left:0!important}.noteApp>.noteApp-left{position:fixed;background:#FFFFFF;z-index:9;flex-shrink:0;width:250px;height:100%;overflow:scroll;transition:left .3s;border-right:2px solid rgba(215,216,217,.53)}@media (max-width: 500px){.noteApp>.noteApp-left{position:fixed;left:-100%}}.noteApp>.noteApp-left .addNote{position:fixed;bottom:12px;left:265px;cursor:pointer;width:30px;height:30px;border-radius:30px;background:#60a5fa;display:flex;justify-content:center;align-items:center;font-size:25px;font-weight:700;color:#fff;z-index:99}@media (max-width: 500px){.noteApp>.noteApp-left .addNote{left:15px}}.noteApp>.noteApp-left .noteApp-item{position:relative;padding:10px 15px}.noteApp>.noteApp-left .noteApp-item:hover{cursor:pointer}.noteApp>.noteApp-left .noteApp-title{width:calc(100% + -0px);height:20px;font-size:14px}.noteApp>.noteApp-left .noteApp-time{color:#999;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.noteApp .noteApp-context{position:relative;left:250px;width:calc(100% - 260px)}@media (max-width: 500px){.noteApp .noteApp-context{width:calc(100% + -0px);left:0}}.noteApp #noteAppTitle{height:35px;width:100%;outline:none;font-weight:700;text-indent:10px;font-size:20px}.noteApp-listSelect:after{position:absolute;top:0;left:0;content:" ";width:5px;height:100%;border-radius:0 5px 5px 0;background-color:#0a82f3bb}.noteSearch>.el-input__wrapper{border-radius:80px}
|
