notHaveLogin.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template>
  2. <view class="not-have-login">
  3. <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/not_have_login.png"></image>
  4. <text> 为了给您提供更好的使用体验,请登录后再查看此页面内容 </text>
  5. <view class="btn" @click="goLogin">立即登录</view>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. name: "",
  11. components: {},
  12. props: {},
  13. data() {
  14. return {};
  15. },
  16. computed: {},
  17. watch: {},
  18. created() {},
  19. mounted() {},
  20. methods: {
  21. goLogin() {
  22. uni.showModal({
  23. title: "即将前往登录页面,请确认是否继续",
  24. confirmColor: "#376cbb",
  25. cancelColor: "#606266",
  26. success: function (res) {
  27. if (res.confirm) {
  28. //已授权未绑定
  29. uni.navigateTo({
  30. url: "/pageMy/login/login",
  31. });
  32. }
  33. },
  34. });
  35. },
  36. },
  37. };
  38. </script>
  39. <style scoped lang="scss">
  40. .not-have-login {
  41. width: 100%;
  42. height: 100%;
  43. text-align: center;
  44. padding-top: 260rpx;
  45. image {
  46. width: 480rpx;
  47. height: 480rpx;
  48. }
  49. text {
  50. font-size: 34rpx;
  51. margin: 100rpx auto 80rpx;
  52. width: 476rpx;
  53. }
  54. .btn {
  55. display: flex;
  56. justify-content: center;
  57. align-items: center;
  58. padding: 6rpx 50rpx;
  59. width: 323rpx;
  60. height: 61rpx;
  61. background: #376cbb;
  62. border-radius: 4rpx;
  63. font-size: 24rpx;
  64. margin: 0 auto;
  65. color: #fff;
  66. }
  67. }
  68. </style>