<style lang='less' scoped>
page{
    height:100%;
    background: #EBF5FA;
}
.personal-info{
    padding-top: 40rpx;
    padding-left: 24rpx;
    padding-right: 22rpx;
    .top-box{
        width: 100%;
        border-radius: 32rpx;
        box-sizing: border-box;
        background: #FFFFFF;
        .top-item{
            height:112rpx;
            border-bottom: 2px solid #C4C9CF4D;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 40rpx;

            .name{
                font-family: PingFang SC;
                font-size: 32rpx;
                font-weight: 400;
                line-height: 48rpx;
                color: #1B2129;
            }
            .text{
                font-family: PingFang SC;
                font-size: 32rpx;
                font-weight: 400;
                line-height: 48rpx;
                color: #626C78;
            }
            .imgst{
                width: 96rpx;
                height: 96rpx;
                border: 2px;
                background: #FFFFFF99;
                border: 4rpx solid #FFFFFF99;
            }
        }
        .top-item:first-child{
            height:152rpx;
        }
        .top-item:last-child{
            border-bottom: 0px;
        }


    }
    .top-box:last-child{
        margin-top:24rpx;
    }

}
</style>
<!-- 个人信息 -->
<template>
    <div class="personal-info">
        <div class="top-box">
            <div  v-for="item in  topArr" :key="item.name" class="top-item">
                <div  class="name">{{item.name}}</div>
                <image v-if="item.text == ''" src="{{h5StaticPath}}/{{ item.url }}" class="imgst" />
                <div v-else  class="text">{{item.text}}</div>
            </div>
        </div>
        <div class="top-box" >
            <div  v-for="item in  nextArr" :key="item.name" class="top-item" style="height: 112rpx;">
                <div class="name">{{item.name}}</div>
                <div class="text">{{item.text}}</div>
            </div>
        </div>
    </div>
</template>

<script>

import wepy from '@wepy/core'
import config from '@/config'
wepy.page({
  props: {},
  data: {
    h5StaticPath: config.h5StaticPath + '/page-personalCenter',
    topArr: [
        {name: '头像', text: '', url: 'no-person.png'},
        {name: '姓名', text: '尹亚琼', url: ''},
        {name: '手机号', text: '186909090', url: ''}
    ],
    nextArr: [
        {name: '岗位', text: 'UX设计师'},
        {name: '所属', text: '上格云智能技术有限公司'}
    ]
  },
  computed: {},
  methods: {

  },
    // 生命周期 - 创建完成（可以访问当前this实例）
  created() {

  },
    // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {

  }
})
</script>
<config>
    {
        'navigationBarBackgroundColor': '#EBF5FA',
        backgroundColor: '#EBF5FA',
        'navigationBarTitleText': '排行榜',
    }

</config>
