applet/components/ldAddress/ldAddresszt.vue

<template>
  <view class="courierAddress u-flex-center-sb u-plr30">
    <view class="leftAddress u-flex-center">
      <!-- <text class="iconfont u-font44 u-02331F">&#xe655;</text> -->
      <!-- 有地址 -->
      <view class="u-font30 u-999 u-flex-column-start" v-if="value && value.orderSelfPickupAddressId">
        <view class="u-font28 u-181818 u-flex-center" style="align-items: flex-start">
          <text class="uw100">自提点：</text>
          <text class="u-999 u-flex1">{{ value.pointName }}</text>
        </view>
        <view class="u-font28 u-181818 u-flex-center" style="align-items: flex-start">
          <text class="uw100">地 <text class="pa10"></text>址：</text>
          <text class="u-999 u-flex1">{{ value.provinceName }}{{ value.cityName }}{{ value.areaName
          }}{{ value.address || value.allAddress }}</text>
        </view>
        <view class="u-font28 u-181818 u-flex-center u-mt5">
          <view class="uw100">店 <text class="pa10"></text>长：</view>
          <text class="u-999 u-flex1">{{ value.receiver }}</text>
        </view>
        <view class="u-font28 u-181818 u-flex-center u-mt5">
          <view class="uw100">电 <text class="pa10"></text>话：</view>
          <text class="u-999 u-flex1">{{ value.phone }}</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    value: {
      typs: Object,
      default: {},
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss">
.courierAddress {
  background-color: #fff;
  padding: 36rpx 30rpx;
}

.uw100 {
  // width: 120rpx;
  flex-shrink: 0;
}

.pa10 {
  padding: 0 9rpx;
}
</style>