.pear-notice .layui-this { color: #5FB878 !important; font-weight: 500; } .pear-notice { box-shadow: 0 6px 16px -8px rgb(0 0 0 / 8%), 0 9px 28px 0 rgb(0 0 0 / 5%), 0 12px 48px 16px rgb(0 0 0 / 3%)!important; } .pear-notice .layui-tab-title { display: flex; text-align: center; border-right: 1px solid whitesmoke; } .pear-notice .layui-tab-title li { flex: 1; text-align: center; border-right: 1px solid whitesmoke; } /*排除最后一个 li 右边框*/ .pear-notice .layui-tab-title li:last-child { border-right: none; } .pear-notice * { color: dimgray !important; } .pear-notice { width: 360px !important; } .pear-notice img { margin-left: 8px; width: 33px !important; height: 33px !important; border-radius: 50px; margin-right: 15px; } .pear-notice-item { height: 45px !important; line-height: 45px !important; padding-right: 20px; padding-left: 20px; border-bottom: 1px solid whitesmoke; padding-top: 10px; padding-bottom: 15px; } .pear-notice-end { float: right; right: 10px; } .pear-notice-item span{ height: 40px; line-height: 40px; } /** 滚动条样式 */ .pear-notice *::-webkit-scrollbar { width: 0px; height: 0px; } .pear-notice *::-webkit-scrollbar-track { background: white; border-radius: 2px; } .pear-notice *::-webkit-scrollbar-thumb { background: #E6E6E6; border-radius: 2px; } .pear-notice *::-webkit-scrollbar-thumb:hover { background: #E6E6E6; } .pear-notice *::-webkit-scrollbar-corner { background: #f6f6f6; } /** 增加 empty 样式 */ .pear-empty { font-size: 14px; line-height: 1.5715; min-height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .pear-empty-normal { margin: 32px 0; color: #00000040; } .pear-empty-normal .pear-empty-image { height: 40px; } .pear-empty-image { height: 100px; margin-bottom: 8px; } .pear-empty-image svg { height: 100%; margin: auto; } .pear-empty-img-simple-g { stroke: #d9d9d9; } .pear-empty-img-default-g { fill: #fff; } .pear-empty-img-simple-path { fill: #fafafa; } .pear-empty-img-default-path-1 { fill: #aeb8c2; } .pear-empty-img-default-path-2 { fill: url(#linearGradient-1); } .pear-empty-img-default-path-3 { fill: #f5f5f7; } .pear-empty-img-default-path-4, .pear-empty-img-default-path-5 { fill: #dce0e6; }