| | |
| | | <div class="content-box" :class="{'no-border': noborder}" v-show="!hide"> |
| | | <div class="content-box-title" :class="getTitlePos" v-if="!noHeader"> |
| | | <slot name="title">{{title}}</slot> |
| | | |
| | | </div> |
| | | <div class="content-box-content"> |
| | | <slot></slot> |
| | |
| | | <div class="content-box-footer"> |
| | | <slot name="footer"></slot> |
| | | </div> |
| | | </div> |
| | | <div class="box-tools"> |
| | | <slot name="box-tools"></slot> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | right: 1px; |
| | | top: 50%; |
| | | margin-top: -20px; |
| | | z-index: 9999; |
| | | z-index: 99; |
| | | background-color: #000000; |
| | | border-top-left-radius: 8px; |
| | | border-bottom-left-radius: 8px; |
| | |
| | | width: 0 !important; |
| | | transition: 0.5s ease; |
| | | } |
| | | .box-tools { |
| | | position: absolute; |
| | | top: 4px; |
| | | right: 8px; |
| | | } |
| | | </style> |
| | | |
| | | |