| | |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <style> |
|---|
| | | /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ |
|---|
| | | ::-webkit-scrollbar { |
|---|
| | | width: 8px; |
|---|
| | | height: 8px; |
|---|
| | | body{ |
|---|
| | | font-family: sans-serif; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*定义滚动条轨道 内阴影+圆角*/ |
|---|
| | | ::-webkit-scrollbar-track { |
|---|
| | | border-radius: 4px; |
|---|
| | | background-color: #F5F5F5; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*定义滑块 内阴影+圆角*/ |
|---|
| | | ::-webkit-scrollbar-thumb { |
|---|
| | | border-radius: 4px; |
|---|
| | | background-color: #c8c8c8; |
|---|
| | | box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); |
|---|
| | | -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*定义标题栏*/ |
|---|
| | | .page-header { |
|---|
| | | background-color: #FFFFFF; |
|---|
| | |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <style scoped> |
|---|
| | | .el-main { |
|---|
| | | margin: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .fade-enter { |
|---|
| | | visibility: hidden; |
|---|
| | | opacity: 0; |
|---|
