{ margin-top: 30px; text-align: center; } .social-login p { margin-bottom: 15px; color: #7f8c8d; position: relative; } .social-login p:before, .social-login absolute; top: 50%; width: 30%; height: 1px; background: #e0e0e0; } .social-login p:before { left: 0; } .social-login p:after { right: 0; } .social-icons
其他登录方式
.login-title { position: relative; display: block; margin-bottom:10px; } #social-login span { color:#999; } #social-login span:before, #social-login span:after { position: absolute; top: 50%; background: #eee; width: 38%; height: 1px; content: ''; } #social-login span :before { left:0; } #social-login span:after { right:0; } .fa-weibo { color: #e12f11; card-login">{% block content %}{% endblock %}
-- 社交账号登录 --> <view class="<em>social-login</em>"> <view class="legend"> <text class="text">其它方式登录 type { color: #3c3e42; font-size: 30rpx; display: flex; align-items: center; } } .social-login -- 社交账号登录 --> <view class="<em>social-login</em>"> ... </view> </template> 监听点击事件,切根据索引值来切换显示不同的内容 <! -- 社交账号登录 --> <view class="<em>social-login</em>"> ...