experience.vue 950 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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="">{{pageData.uxIntro}}</view>
  13. <view class="title">二、体验店分布</view>
  14. <u--image :src="pageData.uxImg" :showLoading="true" width="100%" mode="aspectFill"></u--image>
  15. </view>
  16. </view>
  17. </template>
  18. <script>
  19. export default {
  20. components:{
  21. },
  22. data() {
  23. return {
  24. pageData:{}
  25. }
  26. },
  27. watch:{
  28. },
  29. onLoad() {
  30. this.getIntro()
  31. },
  32. methods: {
  33. getIntro(){
  34. this.$u.api.xsGetIntro().then(res=>{
  35. this.pageData = res.data;
  36. // console.log('res',res);
  37. }).catch(err=>{
  38. console.log('xsGetIntro',err);
  39. })
  40. },
  41. }
  42. }
  43. </script>
  44. <style>
  45. page{
  46. background-color: #F9F9F9;
  47. }
  48. </style>
  49. <style lang="scss" scoped>
  50. </style>