一行JS解决微信防红

一行代码搞定微信防红

<script>
// 跳转提示
if (is_weixn_qq()) {;
window.location.href = 'https://c.pc.qq.com/middle.html?pfurl=你的网站';
 
}
// 判断QQUA的代码无需修改
function is_weixn_qq(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
return "weixin";
} else if (ua.match(/QQ/i) == "qq") {
return "QQ";
}
return false;
}
</script>
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现微信小程序中的一行上下翻转效果,可以使用以下步骤: 1. 在wxml文件中,创建一个包含翻转效果的div元素,例如: ```html <view class="flip-container"> <view class="flipper"> <view class="front">正面</view> <view class="back">反面</view> </view> </view> ``` 2. 在wxss文件中,设置.flip-container的样式,包括宽度、高度、透视等,例如: ```css .flip-container { perspective: 1000px; width: 100%; height: 100%; } ``` 3. 在wxss文件中,设置.flipper的样式,包括宽度、高度、翻转等,例如: ```css .flipper { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .6s; } ``` 4. 在wxss文件中,设置.front和.back的样式,包括宽度、高度、背景颜色等,例如: ```css .front, .back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; } .front { background-color: #fff; } .back { background-color: #000; transform: rotateX(180deg); } ``` 5. 在wxs或js文件中,添加翻转效果的事件处理函数,例如: ```javascript flip: function() { this.setData({ flipped: !this.data.flipped }); } ``` 其中,flipped为一个布尔类型的变量,用于标记当前是否翻转。 6. 在wxml文件中,绑定翻转效果的事件处理函数,例如: ```html <view class="flip-container" bindtap="flip"> <view class="flipper" style="{{flipped ? 'transform: rotateX(180deg)' : ''}}"> <view class="front">正面</view> <view class="back">反面</view> </view> </view> ``` 其中,使用数据绑定的方式动态设置.flipper的样式,如果当前flipped为true,则设置rotateX(180deg),即进行翻转。 注意:以上代码仅供参考,具体实现方式需要根据实际情况进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值