guize.vue 519 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <view class="content">
  3. <rich-text :nodes="couContent" ></rich-text>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. couContent: '',
  11. }
  12. },
  13. onLoad(opt) {
  14. console.log('content',opt.couContent);
  15. if (opt.couContent) {
  16. this.couContent = opt.couContent.replace(/\<p/gi, '<p style="display: inline-block"');
  17. }
  18. },
  19. methods: {
  20. }
  21. }
  22. </script>
  23. <style scoped>
  24. .content {
  25. background: #F4F5F7;
  26. min-height: 100vh;
  27. padding: 30rpx 24rpx;
  28. }
  29. </style>