notice.vue 609 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <text class="div notice" v-if="noticeText.length">
  3. 直播间公告:{{noticeText}}
  4. </text>
  5. </template>
  6. <script>
  7. export default {
  8. props: {
  9. noticeText: {}
  10. },
  11. data () {},
  12. methods: {
  13. },
  14. computed: {}
  15. }
  16. </script>
  17. <style lang="scss" scoped>
  18. .notice {
  19. background: rgba(0, 0, 0, 0.25);
  20. border-radius: 40rpx;
  21. padding: 24rpx;
  22. font-family: PingFangSC-Medium;
  23. font-size:14px;
  24. color: #f9fffe;
  25. /* #ifndef APP-PLUS-NVUE */
  26. letter-spacing: 0;
  27. /* #endif */
  28. line-height: 40rpx;
  29. }
  30. </style>