江西小程序管理端
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.
 
 
 

86 lines
1.6 KiB

<template>
<view class="info_row">
<view class="avatar">
<image src="@/static/images/coach/avatar.png" mode=""></image>
</view>
<view class="info" @click="$goPage('/pages/userCenter/personaInfo/personaInfo')">
<view class="name_row">
<view class="name">大乔教练</view>
<view class="icon">
<image src="@/static/images/coach/ic_gengduo.png" mode=""></image>
</view>
</view>
<view class="school_row">
<view class="icon">
<image src="@/static/images/index/ic_jiaxiao_cli.png" mode=""></image>
</view>
<view class="schoolName">翔力驾校</view>
<view class="tag">合作教练</view>
</view>
</view>
</view>
</template>
<script>
</script>
<style lang="scss" scoped>
.info_row {
display: flex;
align-items: center;
.avatar {
width: 144rpx;
height: 144rpx;
border-radius: 50%;
overflow: hidden;
}
.info {
padding-left: 20rpx;
.name_row {
display: flex;
align-items: center;
padding: 6rpx 20rpx 22rpx 0;
.name {
font-size: 48rpx;
font-weight: 500;
}
.icon {
width: 40rpx;
height: 40rpx;
margin-left: 20rpx;
}
}
.school_row {
display: flex;
align-items: center;
.icon {
width: 28rpx;
height: 28rpx;
}
.schoolName {
font-size: 28rpx;
padding: 0rpx 20rpx;
}
.tag {
width: 112rpx;
height: 44rpx;
background: rgba(25, 137, 250, 0.1);
border-radius: 22rpx;
font-size: 20rpx;
line-height: 44rpx;
text-align: center;
color: $themC;
}
}
}
}
</style>