通用图片预览组件调整

src/pages/course/study.vue

@@ -3,7 +3,18 @@
 	<view class="course-study max_page">
 		<view class="top-bg"></view>
 		<view class="bot-bg"></view>
-		<view class="course-study-body">
+		<view class="course-study-body" v-show="step === 1">
+			<view class="body-title">
+				<uv-icon class="arrow-icon" name="arrow-left" @click="common.navigateBack()"/>
+				语言选择，开启学习之旅
+			</view>
+			<view class="voice-list">
+				<view class="voice-item">
+					
+				</view>
+			</view>
+		</view>
+		<view class="course-study-body" v-show="step === 2">
 			<view class="body-title">
 				<uv-icon class="arrow-icon" name="arrow-left" @click="common.navigateBack()"/>
 				课程学习
@@ -25,6 +36,7 @@ import { onLoad } from '@dcloudio/uni-app';
 import common from '@/common/common';
 import TalkingItem from '@/pages/course/components/talkingItem.vue'
 const crsNum = ref('');
+const step = ref(1)
 const getData = async () => {
 	console.log(crsNum.value)
 };
@@ -109,6 +121,11 @@ onLoad((params) => {
 					font-weight: 400;
 				}
 			}
+			.voice-list{
+				flex:1;
+				overflow-y: auto;
+				padding: 30rpx;
+			}
 		}
 	}
 </style>