110 lines
2.4 KiB
Vue
110 lines
2.4 KiB
Vue
<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> |