学员端小程序
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.

84 lines
1.6 KiB

1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
  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="btn" @click="changeStep(2)">下一步</view>
  16. </view>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. export default {
  22. methods: {
  23. changeStep(val) {
  24. this.$emit('changeStep', val)
  25. }
  26. }
  27. }
  28. </script>
  29. <style lang="scss" scoped>
  30. .poz_btn {
  31. position: fixed;
  32. bottom: 0;
  33. left: 0;
  34. padding: 32rpx;
  35. width: 100%;
  36. background: #F6F6F6;
  37. }
  38. .step2 {
  39. width: 100%;
  40. padding-bottom: 120rpx;
  41. .card {
  42. padding: 28rpx 36rpx;
  43. display: flex;
  44. justify-content: space-between;
  45. align-items: center;
  46. margin-bottom: 20rpx;
  47. &.active {
  48. background: rgba(25,137,250,0.1);
  49. border: 2rpx solid #1989FA;
  50. color: $themC;
  51. }
  52. .leftTxt {
  53. width: 0;
  54. flex: 1;
  55. .name {
  56. font-size: 32rpx;
  57. font-weight: 600;
  58. }
  59. .adr {
  60. font-size: 24rpx;
  61. margin-top: 8rpx;
  62. }
  63. }
  64. .icon {
  65. width: 72rpx;
  66. height: 72rpx;
  67. }
  68. }
  69. }
  70. .btn {
  71. width: 47%;
  72. height: 72rpx;
  73. background: #1989FA;
  74. border-radius: 8rpx;
  75. font-size: 28rpx;
  76. color: #fff;
  77. text-align: center;
  78. line-height: 72rpx;
  79. margin: 0 auto;
  80. }
  81. </style>