/* pages/myCertificate/myCertificate.wxss */ page{ width: 100%; height: 100%; } .certificateItem{ margin-top: 10px; width: 90%; margin: 0 auto; display: flex; flex-direction:column; justify-content : space-between; align-items:center; font-size: 14px; border-bottom: 1px solid #F0F0F0; } .certificateItem>image{ width:100%; } .getRow{ margin-top: 10px; width: 100%; display: flex; flex-direction:row; justify-content : space-between; align-items:center; } .getRow>text{ width:100%; height:35px; line-height: 35px; text-align: left; } .bot_myCertificate{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5) } top_myCertificate{ width: 100%; text-align: center; font-size: 13px; } .con_bot_myCertificate{ position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 90%; height: 265px; background: #fff; border-radius: 15px 15px 0 0; } .con_bot_myCertificate>view{ display: flex; align-items: center; width: 80%; height: 50px; border-bottom: 1px solid #f0f0f0; font-size: 15px; margin: 0 auto; } .con_bot_myCertificate>view>text{ display: block; width: 60px; font-size: 14px; } input::-webkit-input-placeholder { color: #e1e1e1; } input:-moz-placeholder { color: #e1e1e1; } input::-moz-placeholder { color: #e1e1e1; } input:-ms-input-placeholder { color: #e1e1e1; } .con_bot_myCertificate>view>input{ flex: 1; height: 50px; border-radius: 5px; box-sizing: border-box; padding-left: 15px; font-size: 12px; } .btnBot{ position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 80%; height: 25px; display: flex; justify-content: space-between; } .btnBot>view{ width: 45%; height: 30px; text-align: center; line-height: 30px; font-size: 14px; border-radius: 15px; color: #fff; }