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