mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git
synced 2025-12-07 18:06:47 +08:00
65 lines
1.4 KiB
Vue
65 lines
1.4 KiB
Vue
<template>
|
|
<view class="hotforum">
|
|
<view class="tem">
|
|
<view class="item" v-for="item,i in imgData" :key="i">
|
|
<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>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
imgData:[
|
|
{img:'01',url:'1265897142383042560'},
|
|
{img:'02',url:'1265697724606210048'},
|
|
{img:'03',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>
|
|
|
|
<style lang="scss" scoped>
|
|
.hotforum{
|
|
width: 100%;
|
|
min-height: 100vh;
|
|
background: url('../../static/images/hotforum/back.png') no-repeat;
|
|
background-size: 100%;
|
|
.tem{
|
|
padding-top: 248rpx;
|
|
padding-bottom: 106rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
.item{
|
|
background: url('../../static/images/hotforum/border.png') no-repeat;
|
|
background-size: 100%;
|
|
width: 683rpx;
|
|
height: 422rpx;
|
|
margin-top: -28rpx;
|
|
.img{
|
|
width: 650rpx;
|
|
height: 318rpx;
|
|
margin-top: 84rpx;
|
|
margin-left: 15rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|