学员端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

95 lines
1.9 KiB

  1. <template>
  2. <view class="step2">
  3. <view class="card" v-for="(item,index) in 10" :key="index" :class="{active: index==2}">
  4. <view class="leftTxt">
  5. <view class="name oneRowText">某某模拟驾驶馆</view>
  6. <view class="adr">江西省江西市江西区尚坤丁兰国际1190</view>
  7. </view>
  8. <view class="icon">
  9. <image src="@/static/images/index/telephone.png" mode=""></image>
  10. <!-- <image src="@/static/images/index/telephone_cli.png" mode=""></image> -->
  11. </view>
  12. </view>
  13. <view class="poz_btn">
  14. <view class="btn_row" >
  15. <view class="border btn" @click="changeStep(2)">返回上一步</view>
  16. <view class="btn" @click="changeStep(4)">下一步</view>
  17. </view>
  18. </view>
  19. </view>
  20. </template>
  21. <script>
  22. export default {
  23. methods: {
  24. changeStep(val) {
  25. this.$emit('changeStep', val)
  26. }
  27. }
  28. }
  29. </script>
  30. <style lang="scss" scoped>
  31. .poz_btn {
  32. position: fixed;
  33. bottom: 0;
  34. left: 0;
  35. padding: 12rpx 32rpx;
  36. width: 100%;
  37. background: #F6F6F6;
  38. }
  39. .step2 {
  40. width: 100%;
  41. padding-bottom: 120rpx;
  42. .card {
  43. padding: 28rpx 36rpx;
  44. display: flex;
  45. justify-content: space-between;
  46. align-items: center;
  47. margin-bottom: 20rpx;
  48. &.active {
  49. background: rgba(25,137,250,0.1);
  50. border: 2rpx solid #1989FA;
  51. color: $themC;
  52. }
  53. .leftTxt {
  54. width: 0;
  55. flex: 1;
  56. .name {
  57. font-size: 32rpx;
  58. font-weight: 600;
  59. }
  60. .adr {
  61. font-size: 24rpx;
  62. margin-top: 8rpx;
  63. }
  64. }
  65. .icon {
  66. width: 72rpx;
  67. height: 72rpx;
  68. }
  69. }
  70. }
  71. .btn_row {
  72. display: flex;
  73. justify-content: space-between;
  74. padding-bottom: 20rpx;
  75. .btn {
  76. width: 47%;
  77. height: 72rpx;
  78. background: #1989FA;
  79. border-radius: 8rpx;
  80. font-size: 28rpx;
  81. color: #fff;
  82. text-align: center;
  83. line-height: 72rpx;
  84. &.border {
  85. background: rgba(25, 137, 250, 0.1);
  86. border: 2rpx solid $themC;
  87. color: $themC;
  88. }
  89. }
  90. }
  91. </style>