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

54 lines
1.1 KiB

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