|
@@ -1,22 +1,125 @@
|
|
<style lang="less">
|
|
<style lang="less">
|
|
page {
|
|
page {
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
+ overflow: hidden;
|
|
background: rgba(235, 245, 250, 1);
|
|
background: rgba(235, 245, 250, 1);
|
|
}
|
|
}
|
|
.overflow-wrap {
|
|
.overflow-wrap {
|
|
|
|
+ box-sizing: border-box;
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
-
|
|
|
|
- padding: 24rpx 40rpx;
|
|
|
|
|
|
+ padding-left: 40rpx;
|
|
|
|
+ padding-right: 40rpx;
|
|
|
|
+ padding-top: 136rpx;
|
|
|
|
+ padding-bottom: 208rpx;
|
|
|
|
+ overflow-y: auto;
|
|
.bind-item {
|
|
.bind-item {
|
|
|
|
+ position: relative;
|
|
|
|
+ width: 100%;
|
|
|
|
+ box-sizing: border-box;
|
|
padding: 40rpx 48rpx;
|
|
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>
|
|
</style>
|
|
<template>
|
|
<template>
|
|
<div class="overflow-wrap">
|
|
<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="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>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -25,6 +128,7 @@ page {
|
|
import wepy from '@wepy/core';
|
|
import wepy from '@wepy/core';
|
|
import { mapState } from '@wepy/x';
|
|
import { mapState } from '@wepy/x';
|
|
import store from '@/store';
|
|
import store from '@/store';
|
|
|
|
+import config from '@/config';
|
|
import { setUserInfoByAuth } from '@/service/user';
|
|
import { setUserInfoByAuth } from '@/service/user';
|
|
|
|
|
|
wepy.page({
|
|
wepy.page({
|
|
@@ -32,7 +136,15 @@ wepy.page({
|
|
config: {
|
|
config: {
|
|
navigationBarTitleText: 'test'
|
|
navigationBarTitleText: 'test'
|
|
},
|
|
},
|
|
- data: {},
|
|
|
|
|
|
+ data: {
|
|
|
|
+ pageTopBarHeight: 48,
|
|
|
|
+ tenantData: [
|
|
|
|
+ {
|
|
|
|
+ name: '科技公司1'
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ h5StaticPath: config.h5StaticPath
|
|
|
|
+ },
|
|
onLoad() {},
|
|
onLoad() {},
|
|
onShow() {
|
|
onShow() {
|
|
// this.checkAuthCamra();
|
|
// this.checkAuthCamra();
|
|
@@ -44,7 +156,13 @@ wepy.page({
|
|
<config>
|
|
<config>
|
|
{
|
|
{
|
|
"navigationBarTitleText": "公司身份选择",
|
|
"navigationBarTitleText": "公司身份选择",
|
|
- "disableScroll": true,
|
|
|
|
"backgroundColor": "#EBF5FA",
|
|
"backgroundColor": "#EBF5FA",
|
|
|
|
+ navigationStyle:"custom",
|
|
|
|
+ usingComponents: {
|
|
|
|
+ 'page-top-bar': '~@/components/common/page-top-bar',
|
|
|
|
+ },
|
|
|
|
+ componentPlaceholder:{
|
|
|
|
+ 'page-top-bar': 'view'
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</config>
|
|
</config>
|