添加域名、新增商城分类接口、列表查询接口

App.vue

@@ -5,7 +5,7 @@
 			projectname:'', // 项目名称
 			lat:'', // 公司地址维度
 			lng:''  ,// 公司地址经度
-			hostapi:'请配置域名' // 域名配置
+			hostapi:'https://chuanwujia.scdxtc.cn' // 域名配置
 		},
 		// 优先于show方法
 		onLaunch: ()=> {

components/list.vue

@@ -1,15 +1,15 @@
 <template>
 	<view class="disjbac fw">
-		<view @tap="goDetail(index)" class="radius8 bacf pad12 boxshow1 width48_6 mar-s20 flexs" v-for="(item,index) in 2" :key="index">
-			<image src="https://s6.jpg.cm/2022/02/14/L4oDhy.jpg" style="height: 226rpx;" mode="aspectFill" class="width100" lazy-load></image>
+		<view @tap="goDetail(item.id)" class="radius8 bacf pad12 boxshow1 width48_6 mar-s20 flexs" v-for="(item,index) in list" :key="index">
+			<image :src="item.cover" style="height: 226rpx;" mode="aspectFill" class="width100" lazy-load></image>
 			<view class="fon24 pad-zy8 disjb fc" style="color: #262626;">
-				<view class="clips2 mar-sx10" style="height: 64rpx;">动作教学动作教学动作教学动作教学Jj</view>
+				<view class="clips2 mar-sx10" style="height: 64rpx;">{{item.name}}</view>
 				<view class="disjbac ae pad-x10">
 					<view class="">
-						<span class="bold colf8">￥199.00</span>
-						<span class="fon20 mar-z10 tline-through" style="color: #969696;">￥220.00</span>
+						<span class="bold colf8">￥{{item.price}}</span>
+						<span class="fon20 mar-z10 tline-through" style="color: #969696;">￥{{item.original_price}}</span>
 					</view>
-					<view v-if="index%2==0" class="radius18 pad-zy12 disjcac flexs fon20" style="color: #f37617;border: 2rpx solid #f37617;">购买</view>
+					<view v-if="!ifCourse" class="radius18 pad-zy12 disjcac flexs fon20" style="color: #f37617;border: 2rpx solid #f37617;">购买</view>
 					<view v-else class="radius16 pad-zy10 disjcac colf flexs fon20" style="border: 2rpx solid #f37617;background-color: #f37617;">去学习</view>
 				</view>
 			</view>
@@ -20,9 +20,15 @@
 <script>
 	export default {
 		name:"list",
+		props:{
+			ifCourse:{
+				type:Boolean,
+				default:false
+			}
+		},
 		data() {
 			return {
-				
+				list:[]
 			};
 		},
 		methods:{

pages/tabbar/shop/shop.vue

@@ -6,10 +6,7 @@
 					<swiper-tab id="tab" :ifBetween="false" :list="dataList" v-model="current" @changeEv="clickTab" :itemColor="'#e42417'" :lineColor="'#e42417'"></swiper-tab>
 				</view>
 				<view class="pad-zy20">
-					<list @goDetail="goDetail"></list>
-					<list @goDetail="goDetail"></list>
-					<list @goDetail="goDetail"></list>
-					<list @goDetail="goDetail"></list>
+					<list ref="refproduct" @goDetail="goDetail"></list>
 					<pitera textStr="上滑加载更多/到底了~~" textColor="#b0aaa9" paddingStr="40rpx 0 20rpx 0"></pitera>
 				</view>
 			</view>
@@ -35,19 +32,57 @@
 		data() {
 			return {
 				newtop:uni.getSystemInfoSync().statusBarHeight + 42,
-				current:0,
-				dataList:[
-					{title:'全部'},
-					{title:'机械'},
-					{title:'书籍'},
-					{title:'鞋子'},
-				],
+				current:0,//当前分类索引
+				dataList:[],//分类列表
+				classId:'',//分类id
+				page:1,
+				size:20,
+				total:0,
 			}
 		},
+		onLoad() {
+			// 调用获取分类列表
+			this.getHomeCate();
+		},
 		methods: {
 			// tab点击事件
 			clickTab(index){
 				this.current = index;
+				// 设置分类id
+				this.classId = this.dataList[index].id;
+				// 调用获取商品产品列表
+				this.getProductList();
+			},
+			// 获取首页分类
+			getHomeCate(){
+				this.$requst.get('/api/spu/category').then(res=>{
+					// 设置分类列表
+					this.dataList = res.data;
+					// 如果分类列表不为空
+					if(this.dataList.length){
+						// 设置分类id
+						this.classId = this.dataList[0].id;
+						// 调用获取商品产品列表
+						this.getProductList();
+					}
+				})
+			},
+			// 获取商品产品列表
+			getProductList(){
+				let params = {
+					category_id:this.classId,
+					page:this.page,
+					size:this.size
+				}
+				this.$requst.post('/api/spu/list',params).then(res=>{
+					if(res.code==0){
+						// 设置总数
+						this.total = res.data.total;
+						if(this.page==1){this.$refs.refproduct.list=[];}
+						// 设置产品列表
+						this.$refs.refproduct.list = [...this.$refs.refproduct.list,...res.data.list];
+					}
+				})
 			},
 			// 去商品详情
 			goDetail(id){