qzuser1212 發表於 2023-2-24 15:12:39

Discuz自适应模板适配小蚂蚁微信登录和QQ登录并优化样式

<br /><br />在制作Discuz自适应模板的过程中使用了小蚂蚁微信登录插件，<br />PC端扫码登录没有问题，但是<strong>手机端还是扫码登录体验不是很好</strong>（因为插件手机端一般是适配触屏版，没有适配自适应导致的）<br />另外默认的微信登录和QQ登录<strong>样式也比较难看</strong>（如下图），所以修改并记录下方便其他用户参考。<br /><br /><img title="screely-1677218577664.png" id="aimg_20284" aid="20284" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202302/24/140548hkugilmgatxfkafi.png" src="https://www.dismall.com/data/attachment/forum/202302/24/140548hkugilmgatxfkafi.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><img title="screely-1677218680518.png" id="aimg_20285" aid="20285" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202302/24/140548txg7hg7hi570fmqj.png" src="https://www.dismall.com/data/attachment/forum/202302/24/140548txg7hg7hi570fmqj.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><br />下边就开始修改吧：<br /><strong>一、微信登录</strong><br /><br /><br /><br />修改完成的效果,在此基础上优化样式应该简单多了<br /><br /><img title="screely-1677222942466.png" id="aimg_20288" aid="20288" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202302/24/152238sz2zf739vr752f1f.png" src="https://www.dismall.com/data/attachment/forum/202302/24/152238sz2zf739vr752f1f.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><img title="screely-1677223314423.png" id="aimg_20289" aid="20289" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202302/24/152238v3hvhxxmckxtzdwz.png" src="https://www.dismall.com/data/attachment/forum/202302/24/152238v3hvhxxmckxtzdwz.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><br /><br />登录<em>, </em>url<em>, </em>适应<em>, </em>微信<em>, </em>适配

影子 發表於 2023-2-24 16:41:58

支持楼主的作品

雪地里相爱 發表於 2023-2-24 16:48:13

支持贰先生

czwhehehe 發表於 2023-2-24 16:54:58

看看用的什么新技术

ldwz 發表於 2023-2-25 10:42:21

不错~支持

992532585 發表於 2023-2-27 17:07:13

可以可以可以可以可以

2712750795 發表於 2023-3-2 13:38:54

学习了~学习了~

建筑资源吧 發表於 2023-3-3 21:22:24

<br /><br />快速回复款里SVG图片错位。<img title="QQ截图20230303214029.png" id="aimg_20454" aid="20454" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202303/03/214219nqsui5qcuuy7cun7.png" src="https://www.dismall.com/data/attachment/forum/202303/03/214219nqsui5qcuuy7cun7.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" />

TaC 發表於 2023-3-4 21:48:39

看看怎么搞

zxjlive 發表於 2023-3-8 13:11:26

学习一下感谢楼主
頁: [1]
查看完整版本: Discuz自适应模板适配小蚂蚁微信登录和QQ登录并优化样式