experience.vue 986 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template>
  2. <view class="pages">
  3. <u-navbar
  4. title="体验店简介"
  5. :placeholder="true"
  6. :autoBack="true"
  7. :safeAreaInsetTop="true"
  8. >
  9. </u-navbar>
  10. <view class="page-wrap news-content">
  11. <view class="title">一、体验中心介绍</view>
  12. <view class="">
  13. <u-parse :content="pageData.uxIntro"></u-parse>
  14. </view>
  15. <view class="title">二、体验店分布</view>
  16. <u--image :src="pageData.uxImg" :showLoading="true" width="100%" mode="aspectFill"></u--image>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. export default {
  22. components:{
  23. },
  24. data() {
  25. return {
  26. pageData:{}
  27. }
  28. },
  29. watch:{
  30. },
  31. onLoad() {
  32. this.getIntro()
  33. },
  34. methods: {
  35. getIntro(){
  36. this.$u.api.xsGetIntro().then(res=>{
  37. this.pageData = res.data;
  38. // console.log('res',res);
  39. }).catch(err=>{
  40. console.log('xsGetIntro',err);
  41. })
  42. },
  43. }
  44. }
  45. </script>
  46. <style>
  47. page{
  48. background-color: #F9F9F9;
  49. }
  50. </style>
  51. <style lang="scss" scoped>
  52. </style>