热点论坛页面实现

pages/hotforum/index.vue

@@ -2,8 +2,9 @@
 	<view class="hotforum">
 		<view class="tem">
 			<view class="item" v-for="item,i in imgData" :key="i">
-				<image class="img" :src="require(`../../static/images/hotforum/${item}.png`)" mode=""></image>
+				<image class="img" @click="goLearn(item.url)" :src="require(`../../static/images/hotforum/${item.img}.png`)" mode=""></image>
 			</view>
+			<image style="width: 148rpx;height: 36rpx;margin-top: 100rpx;" src="../../static/images/hotforum/foot.png" mode=""></image>
 		</view>
 	</view>
 </template>
@@ -12,11 +13,23 @@
 	export default {
 		data() {
 			return {
-				imgData:['one','two','one','two'],
+				imgData:[
+					{img:'1',url:'1265897142383042560'},
+					{img:'2',url:'1265697724606210048'},
+					{img:'3',url:''},
+					{img:'4',url:''},
+				],
 			}
 		},
 		methods: {
-			
+			goLearn(item){
+				if(item){
+					// uni.navigateTo({
+					// 	url: '/pages/study/courseStudy?id=' + item
+					// })
+					window.open(`https://u.boe.com/mobile/pages/study/courseStudy?id=${item}`)
+				}
+			}
 		}
 	}
 </script>
@@ -25,7 +38,7 @@
 .hotforum{
 	width: 100%;
 	min-height: 100vh;
-	background: url('../../static/images/hotforum/back.jpg') no-repeat;
+	background: url('../../static/images/hotforum/back.png') no-repeat;
 	background-size: 100%;
 	.tem{
 		padding-top: 248rpx;