home.vue 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <template>
  2. <view class="sign-page">
  3. <view class="page-inner">
  4. <view class="page-bg">
  5. <image class="inner-img" src="/static/app/page1/home_bg.png" mode="widthFix"></image>
  6. </view>
  7. <view class="page-head">
  8. <image class="inner-img" src="/static/app/page1/head_top.png" mode="widthFix"></image>
  9. </view>
  10. <button class="page-btn u-reset-button" type="default" @click="navToSubscribe">
  11. <view class="inner">
  12. <image class="inner-img" src="/static/app/page1/btn.png" mode="aspectFill"></image>
  13. <view class="circle-round border-1"></view>
  14. <view class="circle-round border-2"></view>
  15. </view>
  16. </button>
  17. </view>
  18. <!-- 手机号 -->
  19. <c-pop-phone ref="modelPhone"></c-pop-phone>
  20. <!-- 年龄询问
  21. <!-- <c-pop-adulthood ref="modelAdulthood"></c-pop-adulthood> -->
  22. <!-- 视频弹窗 -->
  23. <!-- <c-pop-videos ref="modelVideos"></c-pop-videos> -->
  24. <!-- 默认loading -->
  25. <u-toast ref="uToast"></u-toast>
  26. <!-- 授权 -->
  27. <c-pop-auth ref="modelAuth"></c-pop-auth>
  28. <!-- 客户 -->
  29. <!-- <c-service></c-service> -->
  30. </view>
  31. </template>
  32. <script>
  33. import store from "@/store/index.js";
  34. export default {
  35. components: {},
  36. data() {
  37. return {
  38. first: false,
  39. };
  40. },
  41. onPageScroll(e) {
  42. // let limitH = 200;
  43. // if(e.scrollTop > limitH){
  44. // this.navOp = 1;
  45. // }else{
  46. // this.navOp = e.scrollTop / limitH;
  47. // }
  48. },
  49. onPullDownRefresh() {
  50. },
  51. methods: {
  52. loadData(){
  53. },
  54. clickHandleBanner(item) {
  55. this.$st(() => {
  56. store.commit("PRODUCT_INDEX", item.contents)
  57. this.$u.route({
  58. url: '/pages/views/product/product',
  59. type: "switchTab",
  60. params: {index: item.contents}
  61. })
  62. })
  63. },
  64. clickHandleBrand() {
  65. this.$st(() => {
  66. this.$u.route({
  67. url: '/pages/views/brandDetial/brandDetial',
  68. type: "navigateTo",
  69. params: {
  70. }
  71. })
  72. })
  73. },
  74. clickHandleHot(item) {
  75. this.$st(() => {
  76. })
  77. },
  78. navToSubscribe(){
  79. console.log(this)
  80. const self = this
  81. console.log(self.$refs.modelAuth)
  82. console.log(self.$refs.uToast)
  83. console.log(self.$refs.modelPhone)
  84. self.$refs.modelAuth.$confirm({}).then(res => {
  85. if(res == 1){
  86. self.$u.route({
  87. url: '/pages/signs/subscribe/subscribe',
  88. type: "navigateTo",
  89. params: {
  90. }
  91. })
  92. }
  93. })
  94. }
  95. },
  96. created() {
  97. },
  98. onLoad() {
  99. console.log('---------',this)
  100. },
  101. onShow() {
  102. console.log('---------',this)
  103. },
  104. }
  105. </script>
  106. <style lang="scss" scoped>
  107. @import "./index.scss";
  108. </style>