app-goods-recommend.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <view class="app-goods-recommend" v-if="goodsList.length > 0">
  3. <view class="recommend-title dir-left-nowrap main-center">
  4. <view class="dir-left-nowrap cross-center">
  5. <view class="border"></view>
  6. <image src="../../../static/image/icon/icon-favorite.png"></image>
  7. <view class="text">您或许喜欢</view>
  8. <view class="border"></view>
  9. </view>
  10. </view>
  11. <view class="recommend-list">
  12. <app-goods-list :is_show_member="is_show_member" :activity="activity" :list="goodsList" :sureCart="sureCart"></app-goods-list>
  13. </view>
  14. </view>
  15. </template>
  16. <script>
  17. import appGoodsList from "../../page-component/app-goods-list/app-goods-list.vue";
  18. export default {
  19. name: "app-goods-recommend",
  20. components: {
  21. 'app-goods-list': appGoodsList,
  22. },
  23. props: {
  24. goodsList: Array,
  25. sureCart: Boolean,
  26. activity: Object,
  27. is_show_member: {
  28. type: Boolean,
  29. default() {
  30. return true;
  31. }
  32. }
  33. }
  34. }
  35. </script>
  36. <style scoped lang="scss">
  37. .app-goods-recommend {
  38. .recommend-title {
  39. margin: #{40rpx} 0 #{32rpx} 0;
  40. font-size: $uni-font-size-weak-one;
  41. color: $uni-general-color-two;
  42. .border {
  43. border-top: #{1rpx} solid #bbbbbb;
  44. height: 0;
  45. width: #{40rpx};
  46. margin: 0 #{24rpx};
  47. }
  48. image {
  49. width: #{24rpx};
  50. height: #{24rpx};
  51. display: block;
  52. margin-right: #{12rpx};
  53. }
  54. }
  55. }
  56. </style>