messageInfo.vue 740 B

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