<template>
  <view class="themes-newProduct position-a" :style="{height: 'calc(100vh - ' + hearHeight + ')' }">
    <scroll-view
      class="scroll-list"
      :scroll-y="true"
      @scrolltolower="getmorecomment"
      v-if="shopProduct && shopProduct.length > 0"
    >
      <themes-shop
        :mgtop="0"
        :mgright="30"
        :mgleft="30"
        :mgbottom="2"
        :shopProduct="shopProduct"
      ></themes-shop>
      <nomore v-if="nomore"></nomore>
    </scroll-view>
    <nodata text="没有查找到相关商品" v-if="nodata"></nodata>
    <loading v-if="loading"></loading>
  </view>
</template>

<script>
import { myMixin } from "../logic/newProduct.js";
import themesHead from "./components/themes-head.vue";
import themesShop from "./components/themes-shop.vue";

export default {
  mixins: [myMixin],
  components: {
    themesHead,
    themesShop,
  }
};
</script>

<style lang="scss" scoped>
.themes-newProduct {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #F4F4F4;
  padding: 0 28rpx 0;
  border-radius: 20rpx 20rpx 0 0;
  left: 0;
  right: 0;
}
.scroll-list {
  height: 100%;
  overflow-y: scroll;
  // padding-bottom: 40rpx;
  & ::-webkit-scrollbar {
    display: none;
  }
}
</style>