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

74 lines
1.8 KiB

1 year ago
  1. <template>
  2. <view class="pageBgImg">
  3. <topNavbar title="找考场"></topNavbar>
  4. <view class="pad">
  5. <view class="card">
  6. <view class="navBox">
  7. <view class="nav" v-for="(item,index) in navList" :key="index">
  8. <view class="icon">
  9. <image :src="item.icon" mode=""></image>
  10. </view>
  11. <view class="text">{{ item.text }}</view>
  12. </view>
  13. </view>
  14. </view>
  15. <view class="h1_row">
  16. <view class="h1">附近考场</view>
  17. <moreRight text="查看全部考场" @click.native="$goPage('/pages/indexEntry/examines/allExamines/allExamines')"></moreRight>
  18. </view>
  19. <view class="card">
  20. <examineItem></examineItem>
  21. </view>
  22. </view>
  23. </view>
  24. </template>
  25. <script>
  26. import examineItem from './comp/examineItem.vue'
  27. export default {
  28. components: { examineItem },
  29. data() {
  30. return {
  31. navList: [
  32. {text: '我要模拟', icon: require('../../../static/images/index/btn_moni.png'), id: 1 },
  33. {text: '考场取号', icon: require('../../../static/images/index/btn_quhao.png'), id: 2 },
  34. {text: '领证宣誓', icon: require('../../../static/images/index/btn_xuanshi.png'), id: 3 },
  35. {text: '警示教育', icon: require('../../../static/images/index/btn_jiaoyu.png'), id: 4 },
  36. {text: '驾照邮寄', icon: require('../../../static/images/index/btn_youjix.png'), id: 5 },
  37. ]
  38. }
  39. }
  40. }
  41. </script>
  42. <style lang="scss" scoped>
  43. .navBox {
  44. display: flex;
  45. .nav {
  46. flex: 2;
  47. .icon {
  48. width: 92rpx;
  49. height: 92rpx;
  50. margin: 0 auto;
  51. }
  52. .text {
  53. font-size: 26rpx;
  54. margin-top: 22rpx;
  55. text-align: center;
  56. }
  57. }
  58. }
  59. .h1_row {
  60. height: 104rpx;
  61. display: flex;
  62. align-items: center;
  63. justify-content: space-between;
  64. }
  65. .card {
  66. padding: 32rpx 24rpx 28rpx 24rpx;
  67. margin-bottom: 20rpx;
  68. }
  69. .redBox {
  70. }
  71. </style>