experience.vue 927 B

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