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

Merge pull request '分享和乱七八糟的东西' (#34) from zj into master

Browse Source 
Reviewed-on: http://git.luyuan.tk/luyuan/beelink/pulls/34
This commit is contained in:
asd 2020-10-12 17:28:38 +08:00
commit e608057e08
12 changed files with 334 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/api/index.ts
View File

@ -161,4 +161,24 @@ interface LiveList {
export async function getlivelist() {
const res = await get<Array<LiveList>>('live');
console.log(res);
}
/**
* 列表统计
*/
interface StatisticList{
liveInfo: any;
videoInfo: any;
studentInfo: any;
}
export async function getstatisticlist() {
const res = await get<StatisticList>('statistics');
// console.log(res)
return {
liveInfo: res.data?.liveInfo,
videoInfo:res.data?.videoInfo,
studentInfo:res.data?.studentInfo
}
}

27
src/components/LiveingWatcher.vue
View File

@ -12,8 +12,9 @@
</div>
</div>
<div >
<img src="@/static/images/watchermanage.png" alt="" class="icons">
<div class="icons">
<img src="@/static/images/camera.png" alt="" class="icon">
<img src="@/static/images/vol.png" alt="" class="icon">
</div>
</div>
@ -24,8 +25,9 @@
</div>
</div>
<div >
<img src="@/static/images/watchermanage.png" alt="" class="icons">
<div class="icons">
<img src="@/static/images/camera.png" alt="" class="icon">
<img src="@/static/images/vol.png" alt="" class="icon">
</div>
</div>
@ -35,8 +37,9 @@
<div>andy</div>
</div>
</div>
<div >
<img src="@/static/images/watchermanage.png" alt="" class="icons">
<div class="icons">
<img src="@/static/images/camera.png" alt="" class="icon">
<img src="@/static/images/vol.png" alt="" class="icon">
</div>
</div>
@ -47,8 +50,9 @@
</div>
</div>
<div >
<img src="@/static/images/watchermanage.png" alt="" class="icons">
<div class="icons">
<img src="@/static/images/camera.png" alt="" class="icon">
<img src="@/static/images/vol.png" alt="" class="icon">
</div>
</div>
</div>
@ -87,8 +91,13 @@
font-size: 10px;
border-bottom: 1px solid #EEEEEE;
.icons{
width: 61px;
// width: 61px;
height: 23px;
.icon{
width: 25px;
height: 23px;
margin-right: 6px;
}
}
.stuinfo {
margin: auto 0;

5
src/router/index.ts
View File

@ -110,6 +110,11 @@ const routes: Array<RouteRecordRaw> = [
name: 'Reset',
component: () => import('../views/login/Reset.vue')
},
{
path: '/share',
name: 'Share',
component: () => import('../views/login/Share.vue')
},
]

BIN
src/static/images/camera.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
src/static/images/ewm1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
src/static/images/shoucang.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
src/static/images/teacher.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/static/images/vol.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

229
src/views/login/Share.vue Normal file
View File

@ -0,0 +1,229 @@
<template>
<div class="share">
<NavTop :type="0" style="flex-shrink: 0"></NavTop>
<div class="box">
<div class="top">
您好，欢迎来到
<span class="org_name">Beelink</span>
</div>
<div class="mid">
<div class="left active">
<div class="title">如果您是老师</div>
<img src="@/static/images/teacher.png" alt="" class="pic" />
<div class="ale">想要赚取直播收益，请使用电脑端访问一下域名</div>
<div class="link">https://www.beelinkXXXX.com</div>
</div>
<div class="left right">
<div>
<div class="title">如果您是老师</div>
<img src="@/static/images/teacher.png" alt="" class="pic" />
<div class="ale">想要赚取直播收益，请使用电脑端访问一下域名</div>
<div class="link">https://www.beelinkXXXX.com</div>
</div>
<div class="line"></div>
<div class="ewms">
<div>
<span>Google play </span>
<img src="@/static/images/ewm1.png" alt="" class="ewm" />
</div>
<div>
<span> App store </span>
<img src="@/static/images/ewm1.png" alt="" class="ewm ewm1" />
</div>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="content">
<div class="title">关于 Beelink</div>
<div class="rowline"></div>
<div class="texts">
Beelink平台拥有数千名优秀老师，丰富的教育经验和有趣的课堂环境，一对一辅导
平台的教务管理、线上课堂、线下课堂、助学互动，课程回放等多项教学功能，让
您利用碎片时间，轻轻松松学会各种语言。
</div>
<div class="relation">
<div class="more">了解更多</div>
<img src="@/static/images/tel.png" alt="" class="icon" />
<div>136-0111-1111</div>
<img src="@/static/images/email.png" alt="" class="icon email" />
<div>136-0111-1111</div>
</div>
</div>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent, reactive, ref } from "vue";
import NavTop from "@/components/NavTop.vue";
import { loginpass } from "@/api";
export default defineComponent({
name: "Share",
components: {
NavTop,
},
setup() {
return {};
},
});
</script>
<style lang="scss" scoped>
.share {
min-width: 100%;
height: 100vh;
background: url("../../static/images/loginbg.png");
background-size: 100% 130%;
background-repeat: no-repeat;
overflow-x: hidden;
.active {
background: #f6fcfb!important;
border: 1px solid #0ebba4!important;
box-shadow: 1px 5px 7px 0px rgba(14, 188, 164, 0.07)!important;
}
.box {
.top {
padding-top: 97px;
margin-left: 144px;
color: #121212;
font-weight: bold;
font-size: 18px;
.org_name {
color: #0ebca4;
font-size: 29px;
margin-left: 7px;
}
}
.mid {
width: 998px;
// height: 342px;
margin: 0 auto;
display: flex;
justify-content: space-between;
margin-top: 44px;
.left {
width: 314px;
// height: 342px;
border: 1px solid #eeeeee;
box-shadow: 1px 5px 7px 0px rgba(14, 188, 164, 0.07);
border-radius: 8px;
background: white;
text-align: center;
.title {
font-size: 15px;
color: #121212;
font-weight: bold;
padding-top: 41px;
margin-bottom: 33px;
}
.pic {
width: 114px;
height: 114px;
}
.ale {
color: #121212;
font-size: 12px;
margin-top: 70px;
margin-bottom: 17px;
}
.link {
color: #4992ec;
font-size: 12px;
margin-bottom: 31px;
}
}
.right {
width: 627px;
display: flex;
padding-left: 65px;
.line {
width: 1px;
height: 221px;
background: #eeeeee;
margin: auto 0;
margin-left: 65px;
}
.ewms {
font-size: 12px;
color: #121212;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
> div {
margin-bottom: 57px;
}
.ewm {
width: 61px;
height: 63px;
margin-left: 12px;
}
.ewm1 {
margin-left: 20px;
}
}
}
}
}
.bottom {
height: 317px;
margin-top: 44px;
background: #08ae98;
color: white;
font-size: 10px;
.content {
width: 415px;
// text-align: center;
padding-top: 59px;
margin-left: 144px;
.title {
font-size: 18px;
font-weight: 800;
}
.rowline {
width: 46px;
height: 2px;
background: #68df7e;
margin-top: 18px;
margin-bottom: 34px;
}
.texts {
text-align: left;
margin: 0 auto;
}
.relation {
height: 29px;
display: flex;
line-height: 29px;
margin-top: 52px;
color: white;
.more {
width: 86px;
height: 29px;
background: #68df7e;
color: white;
text-align: center;
line-height: 29px;
border-radius: 15px;
}
.icon {
width: 9px;
height: 12px;
margin: auto 0;
margin-right: 6px;
margin-left: 29px;
}
.email {
width: 15px;
}
}
}
}
}
</style>

71
src/views/mine/Aboutus.vue
View File

@ -1,22 +1,10 @@
<template>
<div class="aboutus">
<div class="tabs">
<div @click="tabchange(1)">
<div :class="tabindex==1?'active':''">服务条款</div>
<div :class="tabindex==1?'lineactive':''"></div>
<div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">服务条款</div>
<div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">隐私政策</div>
<div :class="tabindex == 3 ? 'on' : ''" @click="tabchange(3)">意见反馈</div>
</div>
<div @click="tabchange(2)">
<div :class="tabindex==2?'active':''">隐私政策</div>
<div :class="tabindex==2?'lineactive':''"></div>
</div>
<div @click="tabchange(3)">
<div :class="tabindex==3?'active':''">意见反馈</div>
<div :class="tabindex==3?'lineactive':''"></div>
</div>
</div>
<div class="line"></div>
<div class="content" v-if="tabindex==1|| tabindex==2">
<div class="title">关于Beelink</div>
@ -45,7 +33,7 @@
<div class="fankui">
<div class="label">意见反馈</div>
<div>
<a-textarea placeholder="textarea with clear icon" allow-clear @change="onChange" class="fankuicontent"/>
<a-textarea v-model:value="value" placeholder="Basic usage" :rows="10" />
</div>
</div>
@ -84,27 +72,40 @@ export default defineComponent({
border-radius: 17px;
color: #111111;
font-size: 13px;
.tabs {
padding-top: 40px;
padding-left: 43px;
width: 265px;
font-weight: bold;
display: flex;
justify-content: space-between;
div {
cursor: pointer;
}
.active {
color: #08ae98;
}
.lineactive{
width: 57px;
height: 1px;
background: #08AE98;
::v-deep(.ant-input){
font-size: 11px;
width: 350px;
}
.tabs {
display: flex;
align-items: center;
font-size: 13px;
font-weight: bold;
color: #111;
padding: 11px 0;
position: relative;
top:11px;
top: 10px;
left:36px;
> div {
margin-right: 58px;
cursor: pointer;
text-align: center;
width: 54px;
}
.on {
color: #08ae98;
position: relative;
&::before {
content: "";
display: block;
position: absolute;
bottom: -12px;
width: 57px;
height: 1px;
background-color: #08ae98;
}
}
}
}
.line {
width: 1070px;
height: 1px;

30
src/views/mine/Liststatistic.vue
View File

@ -10,15 +10,15 @@
<div>
<div class="data">
<div class="label">直播课程</div>
<div class="right">15</div>
<div class="right">{{statistics.liveInfo?statistics.liveInfo.sum:0}}</div>
</div>
<div class="data">
<div class="label">直播课程</div>
<div class="right">15</div>
<div class="label">参与人数</div>
<div class="right">{{statistics.liveInfo?statistics.liveInfo.student:0}}</div>
</div>
<div class="data">
<div class="label">直播课程</div>
<div class="right">15</div>
<div class="label">课程评分</div>
<div class="right">{{statistics.liveInfo?statistics.liveInfo.avg:0}}</div>
</div>
<img src="@/static/images/zhibotj.png" alt="" class="zhuzi" />
</div>
@ -33,15 +33,15 @@
<div>
<div class="data">
<div class="label">发布视频</div>
<div class="right">15</div>
<div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div>
</div>
<div class="data">
<div class="label">总观看数</div>
<div class="right">15</div>
<div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div>
</div>
<div class="data">
<div class="label">平均得分</div>
<div class="right">15</div>
<div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div>
</div>
<img src="@/static/images/shipintj.png" alt="" class="zhuzi" />
</div>
@ -56,7 +56,7 @@
<div>
<div class="data">
<div class="label">订阅人数</div>
<div class="right">15</div>
<div class="right">{{statistics.studentInfo?statistics.studentInfo.sum:0}}</div>
</div>
<img src="@/static/images/dingyuetj.png" alt="" class="zhuzi zhuzi1" />
@ -71,15 +71,21 @@
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
import { defineComponent, onMounted, ref } from "vue";
import NavBottom from "@/components/NavBottom.vue";
import { getstatisticlist } from "@/api"
export default defineComponent({
name: "Liststatistic",
components: {
NavBottom
},
setup() {
return {};
setup(){
const statistics = ref({})
onMounted(async ()=>{
statistics.value = await getstatisticlist()
})
// console.log(statistics,111)
return {statistics};
},
});
</script>

8
src/views/regime/Livedetail.vue
View File

@ -16,6 +16,10 @@
<div>
<img src="@/static/images/livetimetake.png" alt="" class="icon">
<span>30min</span>
</div>
<div>
<img src="@/static/images/shoucang.png" alt="" class="icon">
<span class="score">5.0分</span>
</div>
</div>
<div class="right">
@ -51,6 +55,10 @@
color: #121212;
font-size: 13px;
margin-left: 29px;
.score{
color: #D22C2E;
font-size: 13px;
}
>div{
margin-right: 57px;
}