|
|
@ -1,41 +1,43 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view> |
|
|
<view> |
|
|
<!-- 头部 --> |
|
|
<!-- 头部 --> |
|
|
<view class="cu-card flex bg-white"> |
|
|
<view class="cu-card flex bg-white"> |
|
|
<view class="flex flex-sub align-center padding-xl"> |
|
|
<view class="flex flex-sub align-center padding-xl"> |
|
|
<view class="round xl cu-avatar portrait"> |
|
|
<view class="round xl cu-avatar portrait"> |
|
|
<image class="xl cu-avatar" :src="userInfo.avatarUrl"></image> |
|
|
<image class="xl cu-avatar" :src="userInfo.avatarUrl"></image> |
|
|
</view> |
|
|
</view> |
|
|
<view class="flex-sub padding-left"> |
|
|
<view class="flex-sub padding-left"> |
|
|
<view class="text-xl">{{ userInfo.nickName }}</view> |
|
|
<view class="text-xl">{{ userInfo.nickName }}</view> |
|
|
<view class="text-df padding-top-xs description">{{ userInfo.classes }}</view> |
|
|
<view class="text-df padding-top-xs description">{{ userInfo.classes }}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view :style="{'color':userInfo.healthyCodeColor}" class="iconfont icon-qrcode healthy-coad"></view> |
|
|
<view |
|
|
</view> |
|
|
:style="{ color: userInfo.healthyCodeColor }" |
|
|
</view> |
|
|
class="iconfont icon-qrcode healthy-coad" |
|
|
<!-- 列表 --> |
|
|
></view> |
|
|
<view class="bg-white margin-top"> |
|
|
</view> |
|
|
<view class="cu-list menu margin-lr"> |
|
|
</view> |
|
|
<view class="cu-item"> |
|
|
<!-- 列表 --> |
|
|
<view class="text-lg">个人信息</view> |
|
|
<view class="bg-white margin-top"> |
|
|
<view class="iconfont icon-right more"></view> |
|
|
<view class="cu-list menu margin-lr"> |
|
|
</view> |
|
|
<view class="cu-item"> |
|
|
<view class="cu-item"> |
|
|
<view class="text-lg">个人信息</view> |
|
|
<view class="text-lg">我的健康打卡</view> |
|
|
<view class="iconfont icon-right more"></view> |
|
|
<view class="iconfont icon-right more"></view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="cu-item"> |
|
|
<view class="cu-item"> |
|
|
<view class="text-lg">我的健康打卡</view> |
|
|
<view class="text-lg">我的行程</view> |
|
|
<view class="iconfont icon-right more"></view> |
|
|
<view class="iconfont icon-right more"></view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="cu-item"> |
|
|
<view class="cu-item"> |
|
|
<view class="text-lg">我的行程</view> |
|
|
<view class="text-lg">我的校园打卡</view> |
|
|
<view class="iconfont icon-right more"></view> |
|
|
<view class="iconfont icon-right more"></view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="cu-item" @tap="openPage('/pages/my-signs/my-signs')"> |
|
|
</view> |
|
|
<view class="text-lg">我的校园打卡</view> |
|
|
</view> |
|
|
<view class="iconfont icon-right more"></view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
@ -47,7 +49,7 @@ export default { |
|
|
avatarUrl: '../../../static/head-portrait.jpg', |
|
|
avatarUrl: '../../../static/head-portrait.jpg', |
|
|
nickName: '丁菲菲', |
|
|
nickName: '丁菲菲', |
|
|
classes: '计算机19级软工二班', |
|
|
classes: '计算机19级软工二班', |
|
|
healthyCodeColor: '#11A20D' |
|
|
healthyCodeColor: '#11A20D', |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
@ -55,14 +57,14 @@ export default { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
.portrait{ |
|
|
.portrait { |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
} |
|
|
} |
|
|
.healthy-coad{ |
|
|
.healthy-coad { |
|
|
font-size: 40px; |
|
|
font-size: 40px; |
|
|
} |
|
|
} |
|
|
.more{ |
|
|
.more { |
|
|
font-size: 18px; |
|
|
font-size: 18px; |
|
|
color: $grey; |
|
|
color: $grey; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
