数学产品

api/chanpinShuxue.js

@@ -21,3 +21,14 @@ export function getShuxueChanpinBanbenList(data = {}) {
         timeout: 20000
     })
 }
+export function getShuxueChanpinBanbenInfo(data = {}) {
+    return request({
+        'url': '/app/shuxue/chanpin/banben/info',
+        headers: {
+            isToken: true
+        },
+        method: 'post',
+        data,
+        timeout: 20000
+    })
+}

pages/chanpinXuanze/banben.vue

@@ -1,10 +1,10 @@
 <template>
 	<view>
-		<view>
+		<view class="icon-title-navBar-box">
 			<view @click="handleBack"><</view>
-			<view>选择版本</view>
+			<view class="nav-bar-title">选择版本</view>
 		</view>
-		
+
 		<view v-for="item in data.banbenList" :key="item.id">
 			<!-- 封面 -->
 			<image :src="item.cover" mode=""></image>
@@ -12,19 +12,19 @@
 			<view>{{item.chanpinName}} {{item.dengjiName}}</view>
 			<!-- 版本名称 -->
 			<view>{{item.name}}</view>
-			
-			<view>播放按钮</view>
+
+			<view @click="handleSelect(item)">播放按钮</view>
 		</view>
+		<CustomTabBar :currentTabNumber="0"></CustomTabBar>
 	</view>
-	<footTabbarVue :currentTabNumber="0"></footTabbarVue>
 </template>
 
 <script setup>
 	import {reactive} from "vue";
 	import {onLoad} from "@dcloudio/uni-app"
 	import * as shuxueHttp from "@/api/chanpinShuxue.js"
-	import footTabbarVue from "./components/footTabbar.vue";
-	
+  import CustomTabBar from "@/components/custom-tabbar/custom-tabbar.vue";
+
 	const data = reactive({
 		dengjiId: null,
 		banbenList: []
@@ -34,17 +34,23 @@
 			data.banbenList = res.data;
 		})
 	}
-	
+
 	function handleBack() {
 		uni.navigateBack()
 	}
-	
+
+  function handleSelect(item) {
+    uni.redirectTo({
+      url: `/pages/chanpinXuanze/xuexi?banbenId=${item.id}`
+    })
+  }
+
 	onLoad((options) => {
 		data.dengjiId = options.dengjiId;
 		getBanbenList();
 	})
-	
-	
+
+
 </script>
 
 <style>