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

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

View File

@ -162,3 +162,23 @@ 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
}
}

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;

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')
},
]

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

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

Binary file not shown.

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>

View File

@ -1,21 +1,9 @@
<template>
<div class="aboutus">
<div class="tabs">
<div @click="tabchange(1)">
<div :class="tabindex==1?'active':''">服务条款</div>
<div :class="tabindex==1?'lineactive':''"></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 :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 class="line"></div>
<div class="content" v-if="tabindex==1|| tabindex==2">
@ -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,25 +72,38 @@ export default defineComponent({
border-radius: 17px;
color: #111111;
font-size: 13px;
::v-deep(.ant-input){
font-size: 11px;
width: 350px;
}
.tabs {
padding-top: 40px;
padding-left: 43px;
width: 265px;
font-weight: bold;
display: flex;
justify-content: space-between;
div {
align-items: center;
font-size: 13px;
font-weight: bold;
color: #111;
padding: 11px 0;
position: relative;
top: 10px;
left:36px;
> div {
margin-right: 58px;
cursor: pointer;
text-align: center;
width: 54px;
}
.active {
.on {
color: #08ae98;
}
.lineactive{
position: relative;
&::before {
content: "";
display: block;
position: absolute;
bottom: -12px;
width: 57px;
height: 1px;
background: #08AE98;
position: relative;
top:11px;
background-color: #08ae98;
}
}
}
.line {

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 {};
const statistics = ref({})
onMounted(async ()=>{
statistics.value = await getstatisticlist()
})
// console.log(statistics,111)
return {statistics};
},
});
</script>

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;
}