messageInfo.vue 876 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <view class="info">
  3. <u-navbar title-color="#fff"
  4. :custom-back="customBack"
  5. :border-bottom="false" back-icon-color="#CCE8FF"
  6. :background="{background: '#008CFF' }" title="消息详情"></u-navbar>
  7. <view class="content">{{this.content}}</view>
  8. </view>
  9. </template>
  10. <script>
  11. export default {
  12. data() {
  13. return {
  14. content: "",
  15. };
  16. },
  17. onLoad(page) {
  18. this.content = JSON.parse(page.content);
  19. console.log(page)
  20. },
  21. methods: {
  22. customBack(){
  23. this.$u.route({
  24. type:'switchTab',
  25. url: 'pages/center/index'
  26. });
  27. }
  28. }
  29. }
  30. </script>
  31. <style>
  32. /* #ifndef H5 */
  33. page {
  34. height: 100%;
  35. background-color: #F6F6FF;
  36. }
  37. /* #endif */
  38. </style>
  39. <style lang="scss" scoped>
  40. .info{
  41. padding: 40rpx 40rpx;
  42. }
  43. .content{
  44. padding: 20rpx 40rpx;
  45. line-height: 44rpx;
  46. background-color: white;
  47. border-radius: 15rpx;;
  48. }
  49. </style>