You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

96 lines
2.0 KiB

<template>
<view>
<view class="profile_item profile_item1">
<text>Photo</text>
<view class="profile_item_right">
<img src="/static/img/logo.png" alt="" class="head_img">
<img src="/static/img/right1.png" alt="" class="right_img">
</view>
</view>
<view class="profile_item ">
<text>Name</text>
<view class="profile_item_right">
<text>mayzhang</text>
<img src="/static/img/right1.png" alt="" class="right_img">
</view>
</view>
<view class="profile_item ">
<text>Email</text>
<view class="profile_item_right">
<img src="/static/img/gantan.png" alt="" class="right_img1">
<text>unverified</text>
<img src="/static/img/right1.png" alt="" class="right_img">
</view>
</view>
<view class="profile_item ">
<text>Change Password</text>
<view class="profile_item_right">
<img src="/static/img/right1.png" alt="" class="right_img">
</view>
</view>
<view class="profile_item ">
<text>Ship to</text>
<view class="profile_item_right">
<text>United States</text>
<img src="/static/img/right1.png" alt="" class="right_img">
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods:{
}
}
</script>
<style lang="scss" scoped>
page{
border-top: 13.33rpx #F7F7F7 solid;
padding-left: 26.67rpx;
}
.profile_item{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 24rpx;
font-weight: bold;
padding: 40rpx 0;
padding-right: 33.33rpx;
border-bottom: 1.33rpx #ECECEC solid;
box-sizing: border-box;
.profile_item_right{
display: flex;
align-items: center;
.head_img{
width: 112rpx;
height: 112rpx;
border-radius: 50%;
}
.right_img{
width: 18.67rpx;
height: 18.67rpx;
margin-left: 20rpx;
}
.right_img1{
width: 25.33rpx;
height: 25.33rpx;
margin-right: 9.33rpx;
}
}
}
.profile_item1{
padding: 17.33rpx 0;
padding-right: 33.33rpx;
}
</style>