12345678910111213141516171819202122232425 |
- <template>
- <transition name="fade">
- <div class="toast" v-html="text" v-show="show"></div>
- </transition>
- </template>
- <style lang="scss">
- .toast{
- background: url('img/board_tips.png') center center no-repeat;
- background-size: 100%;
- width: px2rem(1365);
- height: px2rem(146);
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- z-index: 5200;
- line-height: 1.5;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: px2rem(48);
- color: #ffffff;
- pointer-events: none;
- }
- </style>
|