learning-system-portal/src/components/HomePage/putTo.vue

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