index.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <template>
  2. <view class="container">
  3. <view style="color: #fff;">
  4. <tn-nav-bar backgroundColor="#26B3A0" :bottomShadow="false" @rightClick="jumpScoreRed">ChatGpt使用
  5. <!-- <template slot="right">
  6. 课程购买记录
  7. </template> -->
  8. </tn-nav-bar>
  9. <view :style="{ height: tobheight + 'px' }"></view>
  10. </view>
  11. <view class="content">
  12. ChatGpt使用
  13. </view>
  14. </view>
  15. </template>
  16. <script>
  17. export default {
  18. components: {},
  19. data() {
  20. return {
  21. tobheight: 45,
  22. };
  23. },
  24. computed: {
  25. },
  26. watch: {
  27. },
  28. onLoad() {
  29. if (this.platform == 'wxMiniProgram') {
  30. var menumtop = uni.getMenuButtonBoundingClientRect().top - uni.getSystemInfoSync().statusBarHeight;
  31. var paddingtop = uni.getSystemInfoSync().statusBarHeight + menumtop;
  32. this.tobheight = menumtop + paddingtop + uni.getMenuButtonBoundingClientRect().height;
  33. }
  34. },
  35. onReady() {
  36. },
  37. onShow() {
  38. },
  39. onUnload() {
  40. },
  41. methods: {
  42. goPay() {
  43. uni.navigateTo({
  44. url: '/pages/index/scorePaySuc/index'
  45. })
  46. }
  47. }
  48. };
  49. </script>
  50. <style lang="scss" scoped>
  51. @import './index.scss';
  52. </style>