toast.vue 387 B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <div class="my_toast">
  3. <!-- 提示 -->
  4. <p>
  5. {{ ntoast }}
  6. </p>
  7. </div>
  8. </template>
  9. <script>
  10. export default{
  11. data(){
  12. props:{
  13. ntoast:String
  14. }
  15. }
  16. }
  17. </script>
  18. <style>
  19. .my_toast{
  20. text-align: center;
  21. }
  22. .my_toast p{
  23. padding: 4px 8px;
  24. border-radius: 4px;
  25. background-color: rgba(0, 0, 0, .6);
  26. font-size: 12px;
  27. color: #fff;
  28. }
  29. </style>