1234567891011121314151617181920 |
- <template>
- <transition name="fade">
- <div class="toast" v-show="show">{{text}}</div>
- </transition>
- </template>
- <style lang="scss" scoped>
- .toast{
- position: fixed;
- z-index: 999;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- font-size: 14px;
- height: 44px;
- line-height: 44px;
- color: #ffffff;
- background-color: rgba($color: #000000, $alpha: .7);
- padding: 0 52px;
- }
- </style>
|