| | |
| | | <slot name="tools"></slot> |
| | | </div> |
| | | <!-- 标题 --> |
| | | <div class="title">{{ title }}</div> |
| | | <div v-if="title" class="title">{{ title }}</div> |
| | | <!-- 内容 --> |
| | | <div class="content"> |
| | | <slot></slot> |
| | | <div class="panel-content"> |
| | | <div class="pos-full"> |
| | | <slot></slot> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | circle farthest-side at 0% 100%, |
| | | transparent 70%, |
| | | rgba(0, 255, 255, 0.3) 70%, |
| | | rgba(0, 255, 255, 3) 71%, |
| | | rgba(0, 255, 255, 3) 95%, |
| | | rgba(0, 255, 255, 3) 75%, |
| | | rgba(0, 255, 255, 3) 91%, |
| | | rgba(0, 255, 255, 0.3) 96%, |
| | | transparent 96%, |
| | | transparent |
| | |
| | | circle farthest-side at 100% 0, |
| | | transparent 70%, |
| | | rgba(0, 255, 255, 0.3) 70%, |
| | | rgba(0, 255, 255, 3) 71%, |
| | | rgba(0, 255, 255, 3) 95%, |
| | | rgba(0, 255, 255, 3) 75%, |
| | | rgba(0, 255, 255, 3) 91%, |
| | | rgba(0, 255, 255, 0.3) 96%, |
| | | transparent 96%, |
| | | transparent |
| | |
| | | circle farthest-side at 100% 100%, |
| | | transparent 70%, |
| | | rgba(0, 255, 255, 0.3) 70%, |
| | | rgba(0, 255, 255, 3) 71%, |
| | | rgba(0, 255, 255, 3) 95%, |
| | | rgba(0, 255, 255, 3) 75%, |
| | | rgba(0, 255, 255, 3) 91%, |
| | | rgba(0, 255, 255, 0.3) 96%, |
| | | transparent 96%, |
| | | transparent |
| | |
| | | circle farthest-side at 0 0, |
| | | transparent 70%, |
| | | rgba(0, 255, 255, 0.3) 70%, |
| | | rgba(0, 255, 255, 3) 71%, |
| | | rgba(0, 255, 255, 3) 95%, |
| | | rgba(0, 255, 255, 3) 75%, |
| | | rgba(0, 255, 255, 3) 91%, |
| | | rgba(0, 255, 255, 0.3) 96%, |
| | | transparent 96%, |
| | | transparent |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | position: relative; |
| | | overflow: hidden; |
| | | .title { |
| | | height: 42px; |
| | | text-align: center; |
| | |
| | | line-height: 42px; |
| | | background: url("images/panel-title.png") 50% 50% / auto 100% no-repeat; |
| | | } |
| | | .content { |
| | | .panel-content { |
| | | flex: 1; |
| | | position: relative; |
| | | .pos-full { |
| | | position: absolute; |
| | | left: 0; |
| | | top: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | } |
| | | } |
| | | .tools { |
| | | position: absolute; |