theluyuan/beelink
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

login 右边的列表

Browse Source
This commit is contained in:
asd
2020-10-23 09:55:27 +08:00
parent a7415989ce
commit 71dac35372
5 changed files with 51 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/views/login/Login.vue
View File

@@ -79,48 +79,14 @@
<div class="topdesc">Beelink 开启您的美好学习生活</div>
<div class="lessons">
<div class="lessonitem">
<div class="pic"></div>
<div class="lessonitem" v-for="(i,j) in videolist" :key="j" @click="tovideoxq(i.videoid)">
<img :src="i.img" alt="" class="pic"/>
<div class="lessonname">
西班牙语A1级教学
<span class="score">7.5分</span>
</div>
</div>
<div class="lessonitem">
<div class="pic"></div>
<div class="lessonname">
西班牙语A1级教学
<span class="score">7.5分</span>
</div>
</div>
<div class="lessonitem">
<div class="pic"></div>
<div class="lessonname">
西班牙语A1级教学
<span class="score">7.5分</span>
</div>
</div>
<div class="lessonitem">
<div class="pic"></div>
<div class="lessonname">
西班牙语A1级教学
<span class="score">7.5分</span>
</div>
</div>
<div class="lessonitem">
<div class="pic"></div>
<div class="lessonname">
西班牙语A1级教学
<span class="score">7.5分</span>
</div>
</div>
<div class="lessonitem">
<div class="pic"></div>
<div class="lessonname">
西班牙语A1级教学
<span class="score">7.5分</span>
<div>{{i.title}}</div>
<span class="score">{{i.score}}分</span>
</div>
</div>
</div>
<div class="icons">
<img src="@/static/images/weixin.png" alt="" class="icon" />
@@ -155,8 +121,9 @@
import { defineComponent, onMounted, reactive, ref } from "vue";
import LoginTab from "@/components/login/LoginTab.vue";
import NavTop from "@/components/NavTop.vue"
import { checksmscode, getquhaolist, loginpass, sendsms } from '@/api';
import { checksmscode, getquhaolist, getwebvideolist, loginpass, sendsms } from '@/api';
import { message } from 'ant-design-vue';
import router from '@/router';
export default defineComponent({
name: "Login",
@@ -185,10 +152,12 @@ export default defineComponent({
name: "中国"
}
])
const videolist=ref<any>([{}])
onMounted(async ()=>{
quhaolist.value=await getquhaolist()
// console.log(quhaolist.value,"listsssss")
videolist.value=await getwebvideolist()
console.log(videolist.value,"listsssss")
})
@@ -250,6 +219,11 @@ export default defineComponent({
// checksmscode(myquhao.value+phone.value,code.value)
loginpass(phone.value,'',1,code.value)
}
function tovideoxq(e?: number){
console.log(e)
router.push("/regime/videoinfo?id="+e)
}
return {
formLayout,
tabselected,
@@ -263,7 +237,9 @@ export default defineComponent({
getquhao,
code,
myquhao,
sublogin
sublogin,
videolist,
tovideoxq
};
},
});
@@ -402,14 +378,23 @@ export default defineComponent({
.pic {
width: 200px;
height: 112px;
background: #98a6b8;
// background: #98a6b8;
border-radius: 18px 18px 0px 0px;
}
.lessonname {
color: #121212;
font-size: 12px;
line-height: 45px;
// line-height: 45px;
text-indent: 17px;
height: 45px;
display: flex;
align-items: center;
>div{
width: 140px;
white-space:nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
.score {
color: #f55456;
}