index.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <view class="content">
  3. <view>
  4. <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper"
  5. @scrolltolower="lower" @scroll="scroll">
  6. <view class="box_4">
  7. <view class="group_1">
  8. <view class="text-group_2">
  9. <text lines="1" class="text_3">服务对象</text>
  10. <text lines="1" class="text_4">请选择服务对象</text>
  11. </view>
  12. <u-icon name="arrow-right" color="#666" size="18"></u-icon>
  13. </view>
  14. <view class="group_2"></view>
  15. <view class="group_1">
  16. <view class="text-group_2">
  17. <text lines="1" class="text_3">服务类型</text>
  18. <text lines="1" class="text_4">请选择服务类型</text>
  19. </view>
  20. <u-icon name="arrow-right" color="#666" size="18"></u-icon>
  21. </view>
  22. <view class="group_2"></view>
  23. </view>
  24. </scroll-view>
  25. <view class="tabBarLineHeight"></view>
  26. <view class="tabBarView">
  27. <view class="submitButton">提交</view>
  28. </view>
  29. </view>
  30. </view>
  31. </template>
  32. <script>
  33. import tabBar from "../../components/tabBar/tabBar";
  34. export default {
  35. components: {
  36. tabBar
  37. },
  38. data() {
  39. return {
  40. title: 'Hello',
  41. tabIndex: 3
  42. }
  43. },
  44. onLoad() {
  45. },
  46. methods: {
  47. }
  48. }
  49. </script>
  50. <style scoped lang="scss">
  51. @import '/common/css/common.css';
  52. @import './index.rpx.scss';
  53. </style>