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

61 lines
1.1 KiB

1 year ago
  1. <template>
  2. <view class="tabCon">
  3. <view class="tab1">
  4. <view class="card">
  5. <view class="name">江西路场地</view>
  6. <view class="adr">江西省江西市江西区尚坤丁兰国际1190</view>
  7. <view class="flex-b">
  8. <view class="distance">距您100km</view>
  9. <view class="btn">导航</view>
  10. </view>
  11. </view>
  12. </view>
  13. </view>
  14. </template>
  15. <script>
  16. export default {
  17. }
  18. </script>
  19. <style lang="scss" scoped>
  20. .tabCon {
  21. width: 100%;
  22. .tab1 {
  23. width: 100%;
  24. .card {
  25. margin-top: 24rpx;
  26. padding: 28rpx 28rpx 28rpx 36rpx;
  27. .name {
  28. font-size: 32rpx;
  29. color: #333;
  30. margin-bottom: 8rpx;
  31. }
  32. .adr {
  33. font-size: 24rpx;
  34. color: #333;
  35. margin-bottom: 10rpx;
  36. }
  37. .flex-b {
  38. .distance {
  39. font-size: 24rpx;
  40. color: #686B73;
  41. }
  42. .btn {
  43. width: 130rpx;
  44. height: 60rpx;
  45. background: rgba(25,137,250,0.1);
  46. border: 2rpx solid #1989FA;
  47. border-radius: 8rpx;
  48. font-size: 28rpx;
  49. color: $themC;
  50. text-align: center;
  51. line-height: 60rpx;
  52. }
  53. }
  54. }
  55. }
  56. }
  57. </style>