noticeSee.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <template>
  2. <view class="center">
  3. <view class="notice_top">
  4. <view class="flex"><view class="fleetInfo_name">{{fleetInfo.fleetName}}</view><view class="fleetInfo_last"> 的公告</view></view>
  5. <view class="notice_css">
  6. {{fleetInfo.notice?fleetInfo.notice:"暂无公告"}}
  7. </view>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default{
  13. data(){
  14. return{
  15. fleetInfo:{}
  16. }
  17. },
  18. onShow(){
  19. },
  20. onLoad(options) {
  21. this.fleetInfo = JSON.parse(options._obj)
  22. console.log(this.fleetInfo)
  23. },
  24. methods:{
  25. getList(){
  26. }
  27. }
  28. }
  29. </script>
  30. <style lang="scss" scoped>
  31. .center{
  32. padding: 30rpx;
  33. background: #F2F4F7;
  34. }
  35. .notice_top{
  36. background: #FFFFFF;
  37. padding: 30rpx;
  38. border-radius: 30rpx 30rpx 0rpx 0rpx;
  39. }
  40. .fleetInfo_name{
  41. font-size: 36rpx;
  42. font-weight: 600;
  43. }
  44. .fleetInfo_last{
  45. margin-left: 30rpx;
  46. line-height: 46rpx;
  47. font-size: 36rpx;
  48. font-weight: 600;
  49. }
  50. .notice_css{
  51. margin: 30rpx 0;
  52. border: 1px solid #E6E6E6;
  53. border-radius: 10rpx;
  54. padding: 20rpx;
  55. // color: #BABABA ;
  56. }
  57. </style>