mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-22 01:06:43 +08:00
提交
This commit is contained in:
109
src/views/homepage/Index.vue
Normal file
109
src/views/homepage/Index.vue
Normal file
@@ -0,0 +1,109 @@
|
||||
<template>
|
||||
<div class="home-page">
|
||||
<top></top>
|
||||
<div style="height:54px"></div>
|
||||
<UcHeader></UcHeader>
|
||||
<div class="home-page-box">
|
||||
<div class="home-page-left">
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane name="first">
|
||||
<span slot="label"><svg-icon icon-class="home-dynamic" style="font-size: 30px;"></svg-icon> <span class="tabs-info">动态</span></span>
|
||||
动态
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="second">
|
||||
<span slot="label"><svg-icon icon-class="home-course" style="font-size: 30px;"></svg-icon><span class="tabs-info">课程</span></span>
|
||||
课程
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="case">
|
||||
<span slot="label"><svg-icon icon-class="home-case" style="font-size: 30px;"></svg-icon><span class="tabs-info">案例</span></span>
|
||||
案例
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="note">
|
||||
<span slot="label"><svg-icon icon-class="home-note" style="font-size: 30px;"></svg-icon><span class="tabs-info">笔记</span></span>
|
||||
笔记
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="qa">
|
||||
<span slot="label"><svg-icon icon-class="home-qa" style="font-size: 30px;"></svg-icon><span class="tabs-info">提问</span></span>
|
||||
提问
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="answer">
|
||||
<span slot="label"><svg-icon icon-class="home-answer" style="font-size: 30px;"></svg-icon><span class="tabs-info">回答</span></span>
|
||||
回答
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="fourth">
|
||||
<span slot="label"><svg-icon icon-class="home-article" style="font-size: 30px;"></svg-icon><span class="tabs-info">文章</span></span>
|
||||
文章
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="fourth">
|
||||
<span slot="label"><svg-icon icon-class="home-follow" style="font-size: 30px;"></svg-icon><span class="tabs-info">关注</span></span>
|
||||
关注
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="book">
|
||||
<span slot="label"><svg-icon icon-class="home-book" style="font-size: 30px;"></svg-icon><span class="tabs-info">书籍</span></span>
|
||||
书籍
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<div style="width:200px"></div>
|
||||
</div>
|
||||
<div class="home-page-right">
|
||||
<ul>
|
||||
<li>456</li>
|
||||
<li></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import top from './components/TopNav/Index.vue'
|
||||
import top from '../../layout/components/TopNav/Index.vue'
|
||||
import UcHeader from '@/components/UcHeader/Index.vue'
|
||||
|
||||
export default{
|
||||
components:{top,UcHeader},
|
||||
data(){
|
||||
return{
|
||||
activeName:'',
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
handleClick() {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.home-page{
|
||||
.home-page-box{
|
||||
padding: 24px 84px;
|
||||
display: flex;
|
||||
.home-page-left{
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
border-radius: 4px;
|
||||
padding: 25px 47px;
|
||||
// display: flex;
|
||||
.svg-icon{
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tabs-info{
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
.home-page-right{
|
||||
padding: 40px 52px;
|
||||
box-sizing: border-box;
|
||||
width: 396px;
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,6 +1,14 @@
|
||||
<template>
|
||||
<div class="u-currency">
|
||||
我 的 u 币
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<h6>我的U币 <span>U币规则 ></span> </h6>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -18,6 +26,9 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.u-currency{
|
||||
padding: 30px 30px;
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -204,7 +204,6 @@
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
//console.log(this.userInfo,'this.userInfo')
|
||||
if(this.userInfo.avatar){
|
||||
this.avatarUrl = this.avatar;
|
||||
}
|
||||
@@ -212,7 +211,6 @@
|
||||
this.getInfo();
|
||||
this.getSysTypeTree().then(rs => {
|
||||
this.sysTypeListMap = rs;
|
||||
console.log(this.sysTypeListMap,'sysTypeListMap');
|
||||
});
|
||||
},
|
||||
methods:{
|
||||
@@ -222,7 +220,6 @@
|
||||
let data = res.result.map(item => item.refId);
|
||||
this.checkboxGroup = data;
|
||||
}
|
||||
console.log(res,'res');
|
||||
})
|
||||
},
|
||||
handleClick(e){
|
||||
@@ -255,16 +252,12 @@
|
||||
}),
|
||||
load(){
|
||||
userApi.detail(this.userInfo.aid).then(res=>{
|
||||
//console.log(res)
|
||||
if(res.status==200){
|
||||
//console.log(res)
|
||||
//console.log(res.result,'res.result')
|
||||
this.form=res.result
|
||||
}
|
||||
});
|
||||
},
|
||||
openAvatar(){
|
||||
//console.log(this.avatarUrl,'this.avatarUrl');
|
||||
this.dialogVisibleAvatar=true
|
||||
},
|
||||
openPassword(){
|
||||
|
||||
Reference in New Issue
Block a user