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.
56 lines
1.2 KiB
56 lines
1.2 KiB
<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>
|