notice.vue 939 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <view>
  3. <view class="layout-box gutter-v">
  4. <view class="flex justify-between align-center">
  5. <view class="title line1">消息标题消息标题消息标题消息标题消息标题消息标题</view>
  6. <view class="sub" style="flex-shrink: 0;">2021-06-01</view>
  7. </view>
  8. <view class="sub line1">具体内容具体内容具体内容具体内容具体内容具体内容具体内容具体内容</view>
  9. </view>
  10. <view class="layout-box gutter-v">
  11. <view class="flex justify-between align-center">
  12. <view class="title">消息标题</view>
  13. <fs-badge dot><view class="sub" style="flex-shrink: 0;">2021-06-01</view></fs-badge>
  14. </view>
  15. <view class="sub line1">具体内容具体内容具体内容具体内容具体内容具体内容具体内容具体内容</view>
  16. </view>
  17. </view>
  18. </template>
  19. <script>
  20. export default {
  21. data() {
  22. return {
  23. };
  24. }
  25. }
  26. </script>
  27. <style lang="scss">
  28. </style>