ld-merchant-address.vue 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <template>
  2. <view class="container">
  3. <view class="courierAddress u-flex-center-sb u-plr30">
  4. <view class="leftAddress u-flex-center">
  5. <text class="iconfont u-font44 u-02331F" style="color: #FA6138;">&#xe64c;</text>
  6. <!-- 有地址 -->
  7. <view class="u-font30 u-ml20 u-flex-column-start" v-if="value.address">
  8. <view class="u-flex-center u-font32">
  9. <view class="lname u-font32">
  10. <!-- <text>收货人:</text> -->
  11. <text>{{value.realName}}</text>
  12. </view>
  13. <text class="u-ml20" v-if="value.mobile">{{value.mobile}}</text>
  14. <text class="u-ml20" v-if="value.phone">{{value.phone}}</text>
  15. </view>
  16. <view class="u-font28 u-999">
  17. <!-- <text>收货地址:</text> -->
  18. <text>{{value.address}}</text>
  19. </view>
  20. </view>
  21. <!-- 默认没有地址 -->
  22. <view class="u-font30 u-ml20" v-else>
  23. 暂无收货地址~
  24. <view class="u-999 u-mt5">
  25. 立即添加收货地址
  26. </view>
  27. </view>
  28. </view>
  29. </view>
  30. </view>
  31. </template>
  32. <script>
  33. export default {
  34. props: {
  35. link: {
  36. type: Boolean,
  37. default: true
  38. },
  39. value: {
  40. type: Object,
  41. default: function() {
  42. return {}
  43. }
  44. },
  45. third: {
  46. type: Boolean,
  47. default: false
  48. }
  49. },
  50. data() {
  51. return {
  52. }
  53. },
  54. methods: {
  55. chonseAddress() {
  56. if (this.link) {
  57. uni.navigateTo({
  58. url: '/pages/user/address/addressList'
  59. })
  60. }
  61. }
  62. }
  63. }
  64. </script>
  65. <style lang="scss">
  66. .courierAddress {
  67. background-color: #fff;
  68. padding: 36rpx 30rpx;
  69. }
  70. </style>