洛阳学员端
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.

60 lines
1.2 KiB

10 months ago
10 months ago
10 months ago
10 months ago
8 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
  1. <template>
  2. <view class="flex-b" @click="$goPage('pages/indexEntry/iIndustryInfo/detail/detail?id='+item.id)">
  3. <view class="imgBox">
  4. <image :src="item.picture" mode="aspectFill"></image>
  5. </view>
  6. <view class="rightText">
  7. <view class="text towRowText">{{ item.title }}</view>
  8. <view class="date">{{ $u.timeFormat(item.createTime, 'yyyy/mm/dd') }}</view>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. props: {
  15. item: {
  16. type: Object,
  17. default () {
  18. return {}
  19. }
  20. }
  21. }
  22. }
  23. </script>
  24. <style lang="scss" scoped>
  25. .flex-b {
  26. justify-content: flex-start !important;
  27. .imgBox {
  28. width: 200rpx;
  29. height: 135rpx;
  30. background: linear-gradient(180deg, rgba(0, 122, 255, 0.5) 0%, #007AFF 100%);
  31. border-radius: 20rpx;
  32. overflow: hidden;
  33. }
  34. .rightText {
  35. flex: 1;
  36. width: 0;
  37. padding: 30rpx 0 0rpx 30rpx;
  38. height: 190rpx;
  39. box-sizing: content;
  40. display: flex;
  41. flex-direction: column;
  42. justify-content: space-between;
  43. border-bottom: 1px solid #F4F4F4;
  44. .text {
  45. font-size: 28rpx;
  46. color: #333;
  47. min-height: 62rpx;
  48. margin-top: 6rpx;
  49. }
  50. .date {
  51. font-size: 20rpx;
  52. color: #686B73;
  53. margin-bottom: 30rpx;
  54. }
  55. }
  56. }
  57. </style>