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

分享和乱七八糟的东西

Browse Source
This commit is contained in:
asd
2020-10-12 17:27:05 +08:00
parent ab2be88b14
commit 3dca24773b
12 changed files with 334 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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>