dengjie commit: 行业报告及其详情页初步完成
This commit is contained in:
@@ -1,6 +1,76 @@
|
||||
<!-- 个人中心 -->
|
||||
<template>
|
||||
<view class="components-theme">
|
||||
我的
|
||||
<view>
|
||||
<u-navbar :autoBack="false" title="我的"></u-navbar>
|
||||
<u--image src="/static/my/wo_icon_bj1.png" width="750rpx" height="349rpx" :lazy-load="true">
|
||||
</u--image>
|
||||
<view class="my_avatar">
|
||||
<view style="border: 1px solid #EEEEEE;border-radius: 50rpx;">
|
||||
<u--image :src="avatar" width="100rpx" height="100rpx" :lazy-load="true" shape="circle">
|
||||
</u--image>
|
||||
</view>
|
||||
<view style="margin-top: 10rpx;margin-bottom: 4rpx;">
|
||||
<u--image v-if="show==false" :src="normal" width="84rpx" height="30rpx" :lazy-load="true">
|
||||
</u--image>
|
||||
<u--image v-else :src="VIP" width="84rpx" height="30rpx" :lazy-load="true">
|
||||
</u--image>
|
||||
</view>
|
||||
<text>顾发航</text>
|
||||
</view>
|
||||
<view class="table">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
show: false,
|
||||
avatar: '/static/my/avatar.png',
|
||||
normal: '/static/my/wo_icon_pthy.png',
|
||||
VIP: '/static/my/wo_icon_vip.png'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.u-status-bar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.u-navbar__content {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.u-navbar__content__title {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.u-icon__icon {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.my_avatar {
|
||||
position: absolute;
|
||||
right: 325rpx;
|
||||
top: 148rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
|
||||
text {
|
||||
font-size: 26rpx;
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
line-height: 37rpx;
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user