login 右边的列表

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

View File

@ -627,6 +627,15 @@ export async function getcurrencys(){
return res.data return res.data
} }
/**
*
*/
export async function getwebvideolist() {
const res=await get("webvideos")
console.log(res)
return res.data
}
/** /**
* *
* @param phone * @param phone

View File

@ -43,7 +43,7 @@
<a-dropdown :trigger="['click']" :getPopupContainer="triggerNode => triggerNode.parentNode"> <a-dropdown :trigger="['click']" :getPopupContainer="triggerNode => triggerNode.parentNode">
<div class="item" @click="e => e.preventDefault()"> <div class="item" @click="e => e.preventDefault()">
<img src="@/static/images/qianbi.png" alt="" class="icon"> <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"> <img src="@/static/images/jiantou2.png" alt="" class="down">
</div> </div>
<template v-slot:overlay> <template v-slot:overlay>

View File

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

View File

@ -29,9 +29,14 @@
<div class="texts"> <div class="texts">
<div>账户余额</div> <div>账户余额</div>
<div class="num"> <div class="num">
<span class="moneyicon" v-if="ifchina"></span> <!-- <span class="moneyicon" v-if="ifchina"></span>
<span class="moneyicon" v-else> $ </span> <span class="moneyicon" v-else> $ </span> -->
{{store.state.userinfo.moneyValue}} {{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]}} <!-- {{store.state.userinfo.money.split('.')[0]}}
<span class="float">{{store.state.userinfo.money.split('.')[1]?'.'+store.state.userinfo.money.split('.')[1]:''}}</span> --> <span class="float">{{store.state.userinfo.money.split('.')[1]?'.'+store.state.userinfo.money.split('.')[1]:''}}</span> -->

View File

@ -8,9 +8,8 @@
</div> </div>
</div> </div>
<div class="mid"> <div class="mid">
{{teacherlikedlist}}
<div class="studentlist"> <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" /> <img :src="i.img" alt="" class="photo" />
<div> <div>
<div class="info"> <div class="info">
@ -43,10 +42,10 @@
<div class="infoitem"> <div class="infoitem">
<span class="label">语言等级:</span> <span class="label">语言等级:</span>
<span class="one-line-hide">asd</span> <span class="one-line-hide">{{i.levelStr}}</span>
</div> </div>
<div>参加平台直播课程总时长<span class="time">{{i.longtime}}min</span></div> <div>参加平台直播课程总时长<span class="time">{{i.length}}min</span></div>
</div> </div>
</div> </div>
</div> </div>