about.vue 798 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <view class="about_content">
  3. <rich-text :nodes="introduce"></rich-text>
  4. </view>
  5. </template>
  6. <script>
  7. import api from "../../../../api.js";
  8. let app = getApp();
  9. export default {
  10. data() {
  11. return {
  12. introduce:'',
  13. }
  14. },
  15. onLoad() {
  16. this.getData();
  17. },
  18. methods: {
  19. //加载数据
  20. getData(){
  21. api.getUserAbout().then((res)=>{
  22. this.introduce = res.data.data.introduce;
  23. console.log(this.introduce)
  24. })
  25. }
  26. }
  27. }
  28. </script>
  29. <style>
  30. page{
  31. width:100%;
  32. height:100%;
  33. }
  34. .about_content{
  35. width:100%;
  36. height: 100%;
  37. /*padding:0 30rpx;*/
  38. box-sizing: border-box;
  39. overflow: hidden;
  40. }
  41. .cocntent_text_pl{
  42. font-size: 28rpx;
  43. color:#666666;
  44. line-height: 50rpx;
  45. }
  46. .img{
  47. display: block;
  48. width:100%;
  49. height:603px;
  50. }
  51. </style>