江西小程序管理端
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.

59 lines
1.1 KiB

  1. <template>
  2. <view class="pageBgImg">
  3. <view class="status_bar"></view>
  4. <view class="navH"></view>
  5. <view class="pad">
  6. <view class="searchBox">
  7. <searchRow placeholder="搜索学员姓名"></searchRow>
  8. </view>
  9. <view class="tabs">
  10. <view class="tab active">全部10</view>
  11. <view class="tab">匿名1</view>
  12. <view class="tab">有图2</view>
  13. <view class="tab">有视频6</view>
  14. </view>
  15. <view class="list">
  16. <view class="card">
  17. <commentItem/>
  18. </view>
  19. </view>
  20. </view>
  21. </view>
  22. </template>
  23. <script>
  24. </script>
  25. <style lang="scss" scoped>
  26. .navH {
  27. width: 100%;
  28. height: 90rpx;
  29. }
  30. .card {
  31. padding: 28rpx;
  32. margin-bottom: 20rpx;
  33. }
  34. .tabs {
  35. display: flex;
  36. justify-content: space-between;
  37. padding: 24rpx 12rpx;
  38. .tab {
  39. line-height: 76rpx;
  40. font-size: 28rpx;
  41. color: #fff;
  42. &.active {
  43. position: relative;
  44. &::before {
  45. position: absolute;
  46. content: '';
  47. left: 50%;
  48. bottom: 0;
  49. transform: translateX(-50%);
  50. width: 56rpx;
  51. height: 6rpx;
  52. background: #FFFFFF;
  53. border-radius: 3rpx;
  54. }
  55. }
  56. }
  57. }
  58. </style>