12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- <template>
- <view class="container">
- <view class="courierAddress u-flex-center-sb u-plr30">
- <view class="leftAddress u-flex-center">
- <text class="iconfont u-font44 u-02331F" style="color: #FA6138;"></text>
- <!-- 有地址 -->
- <view class="u-font30 u-ml20 u-flex-column-start" v-if="value.address">
- <view class="u-flex-center u-font32">
- <view class="lname u-font32">
- <!-- <text>收货人:</text> -->
- <text>{{value.realName}}</text>
- </view>
- <text class="u-ml20" v-if="value.mobile">{{value.mobile}}</text>
- <text class="u-ml20" v-if="value.phone">{{value.phone}}</text>
- </view>
- <view class="u-font28 u-999">
- <!-- <text>收货地址:</text> -->
- <text>{{value.address}}</text>
- </view>
- </view>
- <!-- 默认没有地址 -->
- <view class="u-font30 u-ml20" v-else>
- 暂无收货地址~
- <view class="u-999 u-mt5">
- 立即添加收货地址
- </view>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- props: {
- link: {
- type: Boolean,
- default: true
- },
- value: {
- type: Object,
- default: function() {
- return {}
- }
- },
- third: {
- type: Boolean,
- default: false
- }
- },
- data() {
- return {
- }
- },
- methods: {
- chonseAddress() {
- if (this.link) {
- uni.navigateTo({
- url: '/pages/user/address/addressList'
- })
- }
- }
- }
- }
- </script>
- <style lang="scss">
- .courierAddress {
- background-color: #fff;
- padding: 36rpx 30rpx;
- }
- </style>
|