1234567891011121314151617181920212223242526 |
- <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:
- background-color: rgba($color:
- padding: 0 52px;
- display: table;
- }
- .h5-wrap{
- .toast{
- padding: 0 px2rem(40);
- }
- }
- </style>
|