test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
2 lines (1 loc) • 1.3 kB
CSS
.votepageresultcard{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border-radius:8px}.votepageresultcard .content{display:flex;width:80%;background:#fff;position:relative;flex-direction:column;border-radius:10px}.votepageresultcard .content .icon{position:absolute;left:50%;top:30px;transform:translate(-50%);width:100px;height:100px}.votepageresultcard .content .icon .iconimgae{position:absolute;z-index:10;width:100px;height:100px}.votepageresultcard .content .icon .icontext{position:absolute;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px}.votepageresultcard .content .bgimage{width:100%;height:150px}.votepageresultcard .content .title{margin-top:15px;text-align:center;width:100%;color:red;font-size:20px}.votepageresultcard .content .detail{z-index:100;margin-top:35px;padding:8px;width:100%;word-break:break-all;overflow:hidden;word-wrap:break-word}.votepageresultcard .content .bottom{display:flex;align-items:center;justify-content:space-between;margin:8px 16px 40px}.votepageresultcard .content .bottom .buttomitem{border-radius:16px;height:32px;width:120px;background-color:red;text-align:center;line-height:32px;color:#fff;font-size:14px}.votepageresultcard .closeimage{width:20px;height:20px;margin-top:30px}