ld-addresszt.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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">&#xe60c;</text>
  6. <!-- 有地址 -->
  7. <view class="u-font30 u-ml30 u-999 u-flex-column-start" v-if="value.id">
  8. <view class="u-font28 u-181818 u-flex-center " style="align-items: flex-start;">
  9. <text class="uw100">自提点:</text>
  10. <text class="u-999 u-flex1">{{value.province_name}}{{value.city_name}}{{value.area_name}}{{value.address}}</text>
  11. </view>
  12. <view class="u-font28 u-181818 u-flex-center u-mt5">
  13. <view class="uw100">店 <text class="pa10"></text> 长:</view>
  14. <text class="u-999 u-flex1">{{value.loser}}</text>
  15. </view>
  16. <view class="u-font28 u-181818 u-flex-center u-mt5">
  17. <view class="uw100">电<text class="pa10"></text>话:</view>
  18. <text class="u-999 u-flex1">{{value.mobile}}</text>
  19. </view>
  20. </view>
  21. </view>
  22. </view>
  23. </view>
  24. </template>
  25. <script>
  26. export default{
  27. props:{
  28. value:{
  29. typs:Object,
  30. default:{}
  31. }
  32. },
  33. data(){
  34. return{
  35. }
  36. },
  37. methods:{
  38. }
  39. }
  40. </script>
  41. <style lang="scss">
  42. .courierAddress{
  43. background-color: #fff;
  44. padding: 36rpx 30rpx;
  45. }
  46. .uw100{
  47. width: 120rpx;
  48. }
  49. .pa10{
  50. padding: 0 14rpx;
  51. }
  52. </style>