index.vue 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <template>
  2. <view>
  3. <view class="index">
  4. <image class="index_img" src="../../static/yindao.png" mode="widthFix"></image>
  5. <view class="index_content">
  6. <view class="index_content_1 mt-60">
  7. 来访用户跟踪
  8. </view>
  9. <view class="index_content_2 mt-30">
  10. 全程跟踪来访用户不丢单
  11. </view>
  12. <view class="index_content_3 mt-45" @click="gotoLogin">
  13. 立即体验
  14. </view>
  15. </view>
  16. </view>
  17. </view>
  18. </template>
  19. <script>
  20. export default {
  21. data() {
  22. return {
  23. };
  24. },
  25. methods:{
  26. gotoLogin(){
  27. uni.navigateTo({
  28. url: '../login/newlogin',
  29. success: res => {},
  30. fail: () => {},
  31. complete: () => {}
  32. });
  33. }
  34. }
  35. }
  36. </script>
  37. <style scoped lang="scss">
  38. .index{
  39. .index_img{
  40. width: 100%;
  41. }
  42. .index_content{
  43. height: 394rpx;
  44. position: fixed;
  45. bottom: 0;
  46. width: 100%;
  47. letter-spacing: 1px;
  48. .index_content_1{
  49. font-size: 48rpx;
  50. color: #3662F5;
  51. font-weight: bold;
  52. text-align: center;
  53. }
  54. .index_content_2{
  55. font-size: 36rpx;
  56. color: #46494D;
  57. font-weight: bold;
  58. text-align: center;
  59. }
  60. .index_content_3{
  61. width:344rpx;
  62. height:82rpx;
  63. line-height: 82rpx;
  64. font-size: 34rpx;
  65. color: #315EEE;
  66. border:1px solid #3E90FF;
  67. background:white;
  68. text-align: center;
  69. margin: 0 auto;
  70. border-radius:41rpx;
  71. }
  72. }
  73. }
  74. </style>