问星数据小程序

nopermission.vue 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <view class="hasAuno">
  3. 当前是游客权限 请登录查看更多
  4. <button @click="toLogin">立即登录</button>
  5. <applet-mask v-if="appletMaskFlag" @closeMask='closeMask'></applet-mask>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. name:"nopermission",
  11. data() {
  12. return {
  13. appletMaskFlag:false
  14. };
  15. },
  16. methods:{
  17. closeMask(){
  18. this.appletMaskFlag = false
  19. },
  20. toLogin(){
  21. var sUserAgent = navigator.userAgent.toLowerCase();
  22. if(sUserAgent.indexOf("baidu") > 0 || sUserAgent.indexOf("ucbrowser") > 0 ) {
  23. this.appletMaskFlag = true;
  24. }else{
  25. if (!navigator.userAgent.toLowerCase().match(/micromessenger/i)) {
  26. location.href = 'weixin://dl/business/?t=o3aIVwrmPmt'
  27. }else{
  28. this.appletMaskFlag = true;
  29. }
  30. }
  31. _hmt?_hmt.push(['_trackEvent','移动端h5', '视频号冷启动', uni.getStorageSync('key'),'']):'';
  32. }
  33. }
  34. }
  35. </script>
  36. <style>
  37. .hasAuno{
  38. margin-bottom: 40rpx;
  39. position: relative;
  40. padding: 80rpx 0 120rpx;
  41. text-align: center;
  42. }
  43. .hasAuno button{
  44. display: block;
  45. margin: 40rpx auto;
  46. width: 260rpx;
  47. height: 70rpx;
  48. background: #2662ff;
  49. color: #fff;
  50. font-size: 28rpx;
  51. line-height: 70rpx;
  52. border-radius: 40rpx;
  53. border: none;
  54. }
  55. </style>