notice.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <template>
  2. <view>
  3. <view class="header">
  4. <view class="title">
  5. 官方公告
  6. </view>
  7. </view>
  8. <view class="notice-list">
  9. <view>
  10. <view class="time">
  11. 2021-07-02 11:25
  12. </view>
  13. <view class="notice-item">
  14. <view class="title">省心直供APP公告<uni-icons type="sound-filled" style="margin-left: 10upx;"></uni-icons>
  15. </view>
  16. <view class="content">亲爱的用户 目前APP还在测试阶段有任何使用问题请联系客服处理,如有不便请见谅!</view>
  17. </view>
  18. </view>
  19. </view>
  20. </view>
  21. </template>
  22. <script>
  23. export default {
  24. data() {
  25. return {
  26. }
  27. },
  28. methods: {
  29. }
  30. }
  31. </script>
  32. <style lang="scss">
  33. .header {
  34. margin: 20upx;
  35. background: white;
  36. text-align: center;
  37. border-radius: 20upx;
  38. .title {
  39. height: 100upx;
  40. font-size: 32upx;
  41. line-height: 100upx;
  42. // font-weight: bold;
  43. }
  44. }
  45. .notice-list {
  46. .time {
  47. text-align: center;
  48. font-size: 24upx;
  49. color: #999999;
  50. }
  51. .notice-item {
  52. border-radius: 10upx;
  53. margin: 20upx;
  54. background: white;
  55. padding: 20upx;
  56. .title {
  57. font-size: 28upx;
  58. padding-bottom: 20upx;
  59. // border-bottom: 2upx solid #EEEEEE;
  60. }
  61. .content {
  62. // margin-top: 20upx;
  63. font-size: 26upx;
  64. }
  65. }
  66. }
  67. </style>