1

pages/index/home.uvue

@@ -9,7 +9,7 @@ function handlePage(url) {
 	<cl-page>
 		<img src="https://oss.xiaoxiongcode.com/static/home/11.png" alt="" class="w-full h-full object-cover" />
 		<view class="content">
-			<view class="relative w-[25vw] " @click="handlePage('/pages/catalog/index')">
+			<view class="relative w-[25vw] " @tap="handlePage('/pages/catalog/index')">
 				<img src="https://oss.xiaoxiongcode.com/static/home/13.png" alt="" class="w-full object-cover" />
 				<view class="absolute top-0 left-0 w-full h-full flex flex-col items-center justify-center text-white pb-3">
 					<view class="text-2xl font-bold">全部课程</view>
@@ -20,34 +20,40 @@ function handlePage(url) {
 				<cl-row>
 					<cl-col :span="12" :pt="{ className: '!p-3' }">
 						<view class="relative w-full ">
-							<img src="https://oss.xiaoxiongcode.com/static/home/14.png" alt="" class="w-full object-cover" />
+							<cl-image src="https://oss.xiaoxiongcode.com/static/home/14.png" mode="widthFix" width="100%"
+								height="auto" />
 							<view class="absolute top-4 left-5">
 								<view class="text-2xl font-bold">虚拟实验</view>
 							</view>
-							<view class="absolute bottom-5 right-3">
-								<img src="https://oss.xiaoxiongcode.com/static/home/17.png" alt="" class="w-[16vw] object-cover" />
+							<view class="absolute bottom-5 right-3 w-[16vw]">
+								<cl-image src="https://oss.xiaoxiongcode.com/static/home/17.png" mode="widthFix" width="100%"
+									height="auto" />
 							</view>
 						</view>
 					</cl-col>
 					<cl-col :span="12" :pt="{ className: '!p-3' }">
 						<view class="relative w-full ">
-							<img src="https://oss.xiaoxiongcode.com/static/home/15.png" alt="" class="w-full object-cover" />
+							<cl-image src="https://oss.xiaoxiongcode.com/static/home/15.png" mode="widthFix" width="100%"
+								height="auto" />
 							<view class="absolute top-4 left-5">
 								<view class="text-2xl font-bold">学习报告</view>
 							</view>
-							<view class="absolute bottom-1 right-3">
-								<img src="https://oss.xiaoxiongcode.com/static/home/18.png" alt="" class="w-[15vw] object-cover" />
+							<view class="absolute bottom-1 right-3 w-[15vw]">
+								<cl-image src="https://oss.xiaoxiongcode.com/static/home/18.png" mode="widthFix" width="100%"
+									height="auto" />
 							</view>
 						</view>
 					</cl-col>
-					<cl-col :span="12" :pt="{ className: '!p-3' }" @click="handlePage('/pages/card/index')">
+					<cl-col :span="12" :pt="{ className: '!p-3' }" @tap="handlePage('/pages/card/index')">
 						<view class="relative w-full ">
-							<img src="https://oss.xiaoxiongcode.com/static/home/16.png" alt="" class="w-full object-cover" />
+							<cl-image src="https://oss.xiaoxiongcode.com/static/home/16.png" mode="widthFix" width="100%"
+								height="auto" />
 							<view class="absolute top-4 left-5">
 								<view class="text-2xl font-bold">我的收获</view>
 							</view>
-							<view class="absolute bottom-2 right-2">
-								<img src="https://oss.xiaoxiongcode.com/static/home/19.png" alt="" class="w-[20vw] object-cover" />
+							<view class="absolute bottom-2 right-2 w-[20vw]">
+								<cl-image src="https://oss.xiaoxiongcode.com/static/home/19.png" mode="widthFix" width="100%"
+									height="auto" />
 							</view>
 						</view>
 					</cl-col>