login 右边的列表
This commit is contained in:
parent
a7415989ce
commit
71dac35372
@ -627,6 +627,15 @@ export async function getcurrencys(){
|
||||
return res.data
|
||||
}
|
||||
|
||||
/**
|
||||
* 登录右侧 视频列表
|
||||
*/
|
||||
export async function getwebvideolist() {
|
||||
const res=await get("webvideos")
|
||||
console.log(res)
|
||||
return res.data
|
||||
}
|
||||
|
||||
/**
|
||||
* 发送验证码
|
||||
* @param phone 手机号
|
||||
|
@ -43,7 +43,7 @@
|
||||
<a-dropdown :trigger="['click']" :getPopupContainer="triggerNode => triggerNode.parentNode">
|
||||
<div class="item" @click="e => e.preventDefault()">
|
||||
<img src="@/static/images/qianbi.png" alt="" class="icon">
|
||||
<div class="name">{{userinfo.currency}}</div>
|
||||
<div class="name">{{userinfo.currencyValue}}</div>
|
||||
<img src="@/static/images/jiantou2.png" alt="" class="down">
|
||||
</div>
|
||||
<template v-slot:overlay>
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -29,10 +29,15 @@
|
||||
<div class="texts">
|
||||
<div>账户余额</div>
|
||||
<div class="num">
|
||||
<span class="moneyicon" v-if="ifchina">¥</span>
|
||||
<span class="moneyicon" v-else> $ </span>
|
||||
{{store.state.userinfo.moneyValue}}
|
||||
|
||||
<!-- <span class="moneyicon" v-if="ifchina">¥</span>
|
||||
<span class="moneyicon" v-else> $ </span> -->
|
||||
{{store.state.userinfo.money.split('.')[0]}}
|
||||
<span class="float">{{store.state.userinfo.money.split('.')[1]?'.'+store.state.userinfo.money.split('.')[1]:'.00'}}</span>
|
||||
|
||||
<!-- {{store.state.userinfo.money.split('.')[0]}}
|
||||
<span class="float">{{'.'+store.state.userinfo.money.split('.')[1]}}</span> -->
|
||||
|
||||
|
||||
<!-- {{store.state.userinfo.money.split('.')[0]}}
|
||||
<span class="float">{{store.state.userinfo.money.split('.')[1]?'.'+store.state.userinfo.money.split('.')[1]:''}}</span> -->
|
||||
|
||||
|
@ -8,9 +8,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="mid">
|
||||
{{teacherlikedlist}}
|
||||
<div class="studentlist">
|
||||
<div class="stuitem" v-for="(i,j) in teacherlikedlist.data" :key="j">
|
||||
<div class="stuitem" v-for="(i,j) in teacherlikedlist" :key="j">
|
||||
<img :src="i.img" alt="" class="photo" />
|
||||
<div>
|
||||
<div class="info">
|
||||
@ -43,10 +42,10 @@
|
||||
|
||||
<div class="infoitem">
|
||||
<span class="label">语言等级:</span>
|
||||
<span class="one-line-hide">asd</span>
|
||||
<span class="one-line-hide">{{i.levelStr}}</span>
|
||||
</div>
|
||||
|
||||
<div>参加平台直播课程总时长:<span class="time">{{i.longtime}}min</span></div>
|
||||
<div>参加平台直播课程总时长:<span class="time">{{i.length}}min</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user