introduce.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <template>
  2. <view class="container">
  3. <view class="body">
  4. <image src="../../static/竖占位图.png" class="img"></image>
  5. </view>
  6. <view class="footer">
  7. <view class="cu-bar bg-white tabbar border shop" style="width: 100%;">
  8. <button class="action" open-type="contact" style="width: 33%;">
  9. <view class="cuIcon-service text-green">
  10. </view>
  11. 客服
  12. </button>
  13. <view class="submit" @click="next" style="background-color: #0B73B9; color: #FFFFFF;">选购服务包</view>
  14. </view>
  15. </view>
  16. </view>
  17. </template>
  18. <script>
  19. export default {
  20. data() {
  21. return {
  22. }
  23. },
  24. methods: {
  25. next(e){
  26. uni.navigateTo({
  27. url: '/pages/service_packs/choicepacks'
  28. });
  29. }
  30. }
  31. }
  32. </script>
  33. <style lang="scss">
  34. .container {
  35. width: 100%;
  36. height: 100%;
  37. background-color: #F6F6F6;
  38. }
  39. .body {
  40. width: 100%;
  41. height: 100%;
  42. .img {
  43. width: 94%;
  44. height: 88vh;
  45. margin: 3% 3%;
  46. }
  47. }
  48. .footer {
  49. width: 100%;
  50. height: auto;
  51. display: flex;
  52. position: fixed;
  53. bottom: 0;
  54. }
  55. </style>