huoquCode.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template>
  2. <view class="content">
  3. <view class="text-area">
  4. <text class="top-line"></text>
  5. <view class="item">
  6. <!-- <image src="../../static/success.png" class="success-img"></image> -->
  7. <text class="success-text">授权获取code</text>
  8. </view>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. onLoad() {
  15. },
  16. onShow() {
  17. window.location.href ='https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxd87cbe1db0437303&redirect_uri=https%3A%2F%2Fchtech.ncjti.edu.cn%2Fhotel%2Fh5%2F%23%2Fpages%2Findex%2Findex&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect';
  18. },
  19. methods:{
  20. }
  21. }
  22. </script>
  23. <style>
  24. .content {
  25. display: flex;
  26. flex-direction: column;
  27. align-items: center;
  28. justify-content: center;
  29. }
  30. .text-area {
  31. display: flex;
  32. justify-content: center;
  33. }
  34. .top-line{
  35. margin-top: 0rpx;
  36. margin-left: 0;
  37. position: absolute;
  38. width: 750rpx;
  39. height: 1rpx;
  40. background: #CCCCCC;
  41. }
  42. .item{
  43. margin-top: 400rpx;
  44. text-align: center;
  45. width: 750rpx;
  46. height: 1206rpx;
  47. }
  48. .success-img{
  49. margin-left: 242rpx;
  50. margin-top: 73rpx;
  51. width: 261rpx;
  52. height: 266rpx;
  53. }
  54. .success-text{
  55. margin-left: 276rpx;
  56. margin-top: 433rpx;
  57. font-size: 49rpx;
  58. font-family: Microsoft YaHei-3970(82674968);
  59. font-weight: 400;
  60. color: #333333;
  61. }
  62. </style>