<template>
  <view class="bj">
     <view class="addrnull" v-if="addrnull" @click="newaddr">添加收货地址</view>
    <view class="orderdetailUserinfo" v-else>
      <view class="info">
        <view class="userinfo">
          <view>
            <img src="../../static/img/person.png" alt class="photo" />
            <text>{{username}}</text>
          </view>
          <view>
            <img src="../../static/img/tel.png" alt class="photo" />
            <text>{{tel}}</text>
          </view>
        </view>
        <view>
          <view>
            <img src="../../static/img/position.png" alt class="photo" />
            <text>{{address}}</text>
          </view>
        </view>
      </view>
      <!-- <view class="arrow"></view> -->
      <img src="../../static/img/arrow.png" alt class="arrow" />
    </view>
    
    <img src="../../static/img/border.png" alt="" class="line">
  </view>
</template>
<script>
export default {
  name: "ordersubUserinfo",
  props:{
    username:{
      type:String
    },
    tel:{
      type:String
    },              
    address:{
      type:String
    },
    addrnull: {
      type:Boolean
    }
  },
  methods:{
    newaddr(){
      uni.navigateTo({
        url:"/pages/addr-add/addr-add"
      })
    }
  }
};
// userinfo="张三" tel="12345678910" address="山东省泰安市宁阳县文庙街道XX小区"
</script>
<style lang="scss">
.bj{
  background-color: white;
  padding-top: 20upx;
  padding-bottom: 20upx;    
}
.orderdetailUserinfo {
  height: 155upx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: white;
  .info {
    width: 530upx;
    height: 99upx;
    font-size: 27upx;
    margin-left: 30upx;
         margin-top: 35upx;
    .userinfo {
      display: flex;
      justify-content: space-between;
      margin-bottom: 27upx;
 
    }
    .photo {
      width: 32upx;
      height: 35upx;
      margin-right: 22upx;
    }
  }
  .arrow {
    width: 17upx;
    height: 31upx;
    margin: auto 0;
    margin-right: 25upx;
  }
}
.line{
    height: 9upx;
    width: 100%;
}
.addrnull{
    width: 557upx;
    height:83upx;
    color:white;
    text-align: center;
    line-height: 83upx;
    background-color: #DF3348;
    margin: auto 0;
    font-size: 28upx;
    margin: 0 auto;
  margin-top: 20upx;
}
</style>