order_details.vue 903 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template style="background: #F6F6F6;">
  2. <view style="width: 100%;height: 100%;">
  3. <view class="v">
  4. <!-- <image :src="title.insurance_img_url" mode="aspectFit" style="width: 622rpx;height: 1030rpx;"></image> -->
  5. <u-image width="622rpx" height="1030rpx" :src="title.order_pack.insurance_img_url">
  6. <view slot="error" style="font-size: 24rpx;">图片加载失败</view>
  7. </u-image>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {
  15. title: ""
  16. }
  17. },
  18. methods: {
  19. },
  20. onLoad: function(option) { //option为object类型,会序列化上个页面传递的参数
  21. if (option.data != undefined) {
  22. this.title = JSON.parse(option.data)
  23. console.log(this.title)
  24. }
  25. }
  26. }
  27. </script>
  28. <style>
  29. .v {
  30. margin: 28rpx;
  31. padding: 36rpx;
  32. border-radius: 12px;
  33. box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);
  34. background-color: #FFFFFF
  35. }
  36. </style>