<style lang="less">
page {
  height: 100%;
  overflow: hidden;
  background: rgba(235, 245, 250, 1);
}
.overflow-wrap {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-left: 40rpx;
  padding-right: 40rpx;
  padding-top: 136rpx;
  padding-bottom: 208rpx;
  overflow-y: auto;
  .bind-item {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 40rpx 48rpx;
    margin: 0 auto;
    margin-top: 24rpx;
    background: #ffffff;
    border-radius: 20px;
    &:nth-child(1) {
      margin-top: 34rpx;
    }
    .checked-icon {
      position: absolute;
      right: 0;
      top: 0;
      width: 56rpx;
      height: 56rpx;
    }
    .tenant-name {
      font-family: PingFang SC;
      font-size: 36rpx;
      font-weight: 500;
      line-height: 50rpx;
      letter-spacing: 0px;
    }
    .tenant-identity {
      display: flex;
      padding-top: 8rpx;
      justify-content: space-between;
      font-family: PingFang SC;

      .info {
        font-size: 28rpx;
        font-weight: 400;
        padding: 8rpx;
        //styleName: 14/常规;
        font-family: PingFang SC;
        font-weight: 400;
        color: #8b949e;
      }
      image {
        width: 112rpx;
        height: 40rpx;
      }
    }
  }
  .check-item {
    background: #3dcbcc4d;
  }
  .bind-btn-box {
    position: fixed;
    z-index: 333;
    bottom: 0;
    left: 0;
    height: 208rpx;
    width: 100%;
    background: linear-gradient(
      180deg,
      rgba(235, 245, 250, 0) 0%,
      #ebf5fa 44.97%
    );
    button {
      margin-top: 20px;
      width: 670rpx;
      height: 100rpx;
      line-height: 100rpx;
      border: none;
      border-color: transparent;
      color: #fff;
      border-radius: 28px;
      background: #3dcbcc;
    }
  }
}
</style>
<template>
 <div class="overflow-wrap">
  <page-top-bar title="公司身份选择" 
  titleColor="#1B2129" bgColor="#EBF5FA" icon="{{h5StaticPath+'/topBar/return-icon.svg'}}"></page-top-bar>
   <div class="bind-item check-item">
      <div class="tenant-name">禹数科技有限公司</div>
      <div class="tenant-identity">
        <div class="info">正式员工</div>
        <image class="logo-icon" src="{{h5StaticPath+'/bindTenant/logo_icon.svg'}}"/>
      </div>
      <image class="checked-icon" src="{{h5StaticPath+'/bindTenant/checked.svg'}}"/>
   </div>
   <div class="bind-item">
      <div class="tenant-name">禹数科技有限公司</div>
      <div class="tenant-identity">
        <div class="info">正式员工</div>
        <image class="logo-icon" src="{{h5StaticPath+'/bindTenant/logo_icon.svg'}}"/>
      </div>
      <image class="checked-icon" src="{{h5StaticPath+'/bindTenant/checked.svg'}}"/>
   </div>
   <div class="bind-item" :key="key" v-for="(item,key) in 20">
      <div class="tenant-name">禹数科技有限公司</div>
      <div class="tenant-identity">
        <div class="info">正式员工</div>
        <image class="logo-icon" src="{{h5StaticPath+'/bindTenant/logo_icon.svg'}}"/>
      </div>
      <image class="checked-icon" src="{{h5StaticPath+'/bindTenant/checked.svg'}}"/>
   </div>

   <div class="bind-btn-box">
    <button>确认</button>
   </div>
 </div>
</template>

<script>
import wepy from '@wepy/core';
import { mapState } from '@wepy/x';
import store from '@/store';
import config from '@/config';
import { setUserInfoByAuth } from '@/service/user';

wepy.page({
  store,
  config: {
    navigationBarTitleText: 'test'
  },
  data: {
    pageTopBarHeight: 48,
    tenantData: [
      {
        name: '科技公司1'
      }
    ],
    h5StaticPath: config.h5StaticPath
  },
  onLoad() {},
  onShow() {
    // this.checkAuthCamra();
  },
  methods: {},
  created() {}
});
</script>
<config>
{
  "navigationBarTitleText": "公司身份选择",
  "backgroundColor": "#EBF5FA",
  navigationStyle:"custom",
  usingComponents: {
    'page-top-bar': '~@/components/common/page-top-bar',      
  },
  componentPlaceholder:{
    'page-top-bar': 'view'
  }
}
</config>
