/* pages/inputIDInfo/index.wxss */ page { overflow: hidden; } .NFCBox{ position: relative; z-index: -1; } .getInfoByNFCContent { height: calc(100vh - 20px); display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 10px; background-color: #fff; border-radius: 8px; text-align: center; overflow: hidden; } .getInfoByNFCContent .imageBox { position: relative; display: flex; /* justify-content: center; */ align-items: center; flex-direction: column; /* margin-top: 25%; */ } .getInfoByNFCContent .imageBox image { /* position: absolute; */ /* left: 0; top: 0; */ } .getInfoByNFCContent .imageBox .phone { position: relative; margin-top: -35px; } .getInfoByNFCContent .drawerMask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; transition: opacity 0.3s, visibility 0.3s; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; } .getInfoByNFCContent .drawerMask.showDrawer { opacity: 1; visibility: visible; } .getInfoByNFCContent .drawer.showDrawer { /* position: relative; */ border-radius: 8px 8px 0 0; width: 100vw; height: 390px; /* bottom: -44px; */ /* padding-bottom: 44px; */ } .getInfoByNFCContent .drawer { position: fixed; left: 0; right: 0; bottom: 0px; z-index: 2000; width: 100vw; background-color: #fff; height: 0; overflow: hidden; transition: all 0.3s; } .getInfoByNFCContent .drawer .innerBox { height: 100%; padding: 32px 10px; } .getInfoByNFCContent .drawer .innerBox image { width: 112px; height: 112px; margin-bottom: 44px; } /* 手动输入身份信息 */ .getInfoByInput { margin: 10px; padding: 20px 10px 0 10px; position: relative; border-radius: 8px; background-color: #fff; } .weui-cell { height: 56px; padding: 0; } .weui-cell::before { display: none; } .sexBox { display: flex; justify-content: flex-end; } .sexBox > view { width: 60px; height: 28px; font-size: 14px; line-height: 28px; border: 1px solid #e2e2e2; border-radius: 25px; text-align: center; } .sexBox > view.active { background-color: #1890ff; border-color: #1890ff; color: #fff; } .sureBtn{ position: absolute; left: 50%; bottom: -120px; transform: translateX(-50%); } .cardInfo{ width: 100%; display: flex; align-items: center; flex-direction: column; text-align: start; } .cardInfo .loginOut{ margin-top: 120px; }