index-card.vue 771 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <view class="index-card">
  3. <view class="tip">您的简历在招聘方首页列表展示效果</view>
  4. <view class="card-box">
  5. <resumeCard></resumeCard>
  6. </view>
  7. </view>
  8. </template>
  9. <script>
  10. import resumeCard from './resume-card.vue';
  11. export default {
  12. components: {
  13. resumeCard
  14. },
  15. data() {
  16. return {
  17. };
  18. }
  19. }
  20. </script>
  21. <style lang="scss" scoped>
  22. .index-card {
  23. height: 100%;
  24. background-image: url('@/static/images/resume/card1.png');
  25. background-size: auto 90%;
  26. background-repeat: no-repeat;
  27. background-position: center 64rpx;
  28. .tip {
  29. font-size: 24rpx;
  30. line-height: 28rpx;
  31. color: rgba(153, 153, 153, 1);
  32. text-align: center;
  33. margin-bottom: 300rpx;
  34. }
  35. .card-box {
  36. margin: 0 20rpx;
  37. }
  38. }
  39. </style>