mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-12 04:16:45 +08:00
个人主页页面
This commit is contained in:
77
src/components/HomePage/putTo.vue
Normal file
77
src/components/HomePage/putTo.vue
Normal file
@@ -0,0 +1,77 @@
|
||||
<template>
|
||||
<div class="put-list">
|
||||
<ul v-if="putList.length > 0">
|
||||
<li class="put-list-index">
|
||||
<h6 class="put-title-info follow-home-title">行管专科 名校直播班
|
||||
<span class="portal-time follow-hide" style="float:right">
|
||||
<svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏
|
||||
</span>
|
||||
</h6>
|
||||
<div class="put-footer">
|
||||
<div style="margin-top:20px;font-size: 14px;color: #666666;">12个回答</div>
|
||||
<el-button class="btn" plain>去回答</el-button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div v-else class="home-no-list">
|
||||
<img class="img" style="width:204px;height:160px" src="/images/homeWu/no-put.png" alt="" srcset="">
|
||||
<p class="text">还没有提问</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import interactBar from "@/components/Portal/interactBar.vue";
|
||||
import author from "@/components/Portal/authorInfo.vue";
|
||||
export default{
|
||||
name:"PutList",
|
||||
components: {
|
||||
interactBar,
|
||||
// timeShow,
|
||||
author
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
putList:[{name:1},{name:2}]
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.put-list{
|
||||
.put-title-info{
|
||||
margin: 0;
|
||||
}
|
||||
ul{
|
||||
margin: 0;
|
||||
}
|
||||
.put-footer{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 24px;
|
||||
.btn{
|
||||
width: 140px;
|
||||
height: 40px;
|
||||
}
|
||||
.el-button{
|
||||
border: 1px solid #3379FB;
|
||||
border-radius: 4px;
|
||||
color: #3379FB;
|
||||
}
|
||||
}
|
||||
.put-list-index{
|
||||
padding: 40px 0 36px 0;
|
||||
border-bottom: 1px solid rgba($color: #999999, $alpha: 0.2);
|
||||
&:first-child{
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user