95 lines
2.7 KiB
Vue
95 lines
2.7 KiB
Vue
<template>
|
||
<!--components/recommend/recommend.wxml-->
|
||
<view class="recommend" v-if="goodsList.length">
|
||
<!-- <view class="header row-center">
|
||
<image class="title" src="/images/recommend_title.png" />
|
||
</view> -->
|
||
<view class="goods-title row-center">
|
||
<text class="line"></text>
|
||
<view class="row">
|
||
<image class="mr10" src="/static/images/icon_like.png"></image>
|
||
<text class="bold xxl">好物优选</text>
|
||
</view>
|
||
<text class="line"></text>
|
||
</view>
|
||
<goods-list :list="goodsList"></goods-list>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
// +----------------------------------------------------------------------
|
||
// | likeshop开源商城系统
|
||
// +----------------------------------------------------------------------
|
||
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
|
||
// | gitee下载：https://gitee.com/likeshop_gitee
|
||
// | github下载：https://github.com/likeshop-github
|
||
// | 访问官网：https://www.likeshop.cn
|
||
// | 访问社区：https://home.likeshop.cn
|
||
// | 访问手册：http://doc.likeshop.cn
|
||
// | 微信公众号：likeshop技术社区
|
||
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
|
||
// | likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
|
||
// | 禁止对系统程序代码以任何目的，任何形式的再发布
|
||
// | likeshop团队版权所有并拥有最终解释权
|
||
// +----------------------------------------------------------------------
|
||
// | author: likeshop.cn.team
|
||
// +----------------------------------------------------------------------
|
||
import { getBestList } from '../../api/store';
|
||
import goodsList from "../goods-list/goods-list";
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
goodsList: []
|
||
};
|
||
},
|
||
|
||
components: {
|
||
goodsList
|
||
},
|
||
props: {},
|
||
beforeMount: function () {
|
||
this.getBestListFun();
|
||
},
|
||
destroyed: function () {// 在组件实例被从页面节点树移除时执行
|
||
},
|
||
methods: {
|
||
getBestListFun() {
|
||
getBestList({
|
||
page_no: 1,
|
||
page_size: 6
|
||
}).then(res => {
|
||
if (res.code == 1) {
|
||
this.goodsList = res.data.list
|
||
}
|
||
});
|
||
}
|
||
|
||
}
|
||
};
|
||
</script>
|
||
<style>
|
||
/* components/recommend/recommend.wxss */
|
||
.recommend {
|
||
padding-bottom: 50rpx;
|
||
}
|
||
.recommend .header .title {
|
||
width: 468rpx;
|
||
height: 45rpx;
|
||
margin: 10rpx 0;
|
||
}
|
||
|
||
.recommend .goods-title {
|
||
height: 100rpx;
|
||
}
|
||
.recommend .goods-title .line {
|
||
width: 58rpx;
|
||
height: 1px;
|
||
background-color: #ccc;
|
||
margin: 0 22rpx;
|
||
}
|
||
.recommend .goods-title image {
|
||
width: 38rpx;
|
||
height: 38rpx;
|
||
}
|
||
</style> |