[TOC]

image.png image.png image.png

/ css样式表 /

.add-wx-img { width: 18%; position: fixed; /left: 80%;/ top: 60%; z-index: 9; }
.add-wx { text-align: center; background-image: linear-gradient(180deg, #d1f386 0%, #ffc1c1 100%);
border-radius: 10px; padding: 20px 10px; }
.text2 { border-bottom: #F00 dotted 3px; color: #000000; padding-bottom: 6px; font-size: 20px;
font-weight:500;}
.zhezhao{ position: fixed; left: 0px; top: 0px; background: #fff; width: 100%; height: 100%; }
.tankuang{ position: relative; background: #fff; width: 95%; border-radius: 5px; margin: 5% auto;
margin-top: 50px; }
#header{ height: 40px; }
#header-right{ position: absolute; width: 30px; height: 30px; border-radius: 5px; background: red;
color: #fff; right: 10px; top: 10px; text-align: center; font-size: 22px; line-height: 22px; }
.footer{ position: fixed; bottom: -5px; left: 0; }
.footer img{width: 100%;}


侧边、底部、弹窗 - 图4




    <div class="footer"><br />              <img src="[https://pic.kuaizhan.com/g3/1a/a8/f2c3-ae81-42a1-b925-a7e10a414f9301"](https://pic.kuaizhan.com/g3/1a/a8/f2c3-ae81-42a1-b925-a7e10a414f9301) > <br />              <div style="width:28%;position:absolute;z-index:1000;top:2%;left:23%"><br />                               <img class="zaax-qr" src="默认二维码地址"/><br />                        </div> <br />        </div>