<template>
    <section class="homeMyused">
        <div class="htaTitle"><strong>我常用的</strong></div>
        <div class="htaBox">
            <ul>
                <li>
                    <span><img src="~@/assets/images/other/appimg1.png"></span>
                    <span><strong>员工管理</strong></span>
                </li>
                <li>
                    <span><img src="~@/assets/images/other/appimg1.png"></span>
                    <span><strong>员工管理</strong></span>
                </li>
                <li>
                    <span><img src="~@/assets/images/other/appimg1.png"></span>
                    <span><strong>员工管理</strong></span>
                </li>
                <li>
                    <span><img src="~@/assets/images/other/appimg1.png"></span>
                    <span><strong>员工管理</strong></span>
                </li>
                <li>
                    <span><img src="~@/assets/images/other/appimg1.png"></span>
                    <span><strong>员工管理</strong></span>
                </li>
                <li>
                    <span><img src="~@/assets/images/other/appimg1.png"></span>
                    <span><strong>员工管理</strong></span>
                </li>
                <li>
                    <span><img src="~@/assets/images/other/appimg1.png"></span>
                    <span><strong>员工管理</strong></span>
                </li>
                <li>
                    <span><img src="~@/assets/images/other/appimg1.png"></span>
                    <span><strong>员工管理</strong></span>
                </li>
                
            </ul>
        </div>
    </section>
</template>
<script>
export default {
    data(){
        return{

        }
    }
}
</script>
<style lang="scss" scoped>
.homeMyused{
    display: flex; 
    flex-direction: column;
    .htaTitle{
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        font-size: 18px;
        color: rgba(0, 0, 0, 0.85);
        padding: 16px;
    }
    .htaBox{
        padding: 16px 0 16px 16px;
        ul{
            display: flex;
            flex-wrap: wrap;
            align-content: flex-start;
            
            li{
                background: #fff;
                width: 140px;
                height: 100px;
                border-radius: 4px;
                display: flex;
                flex-direction: column;
                padding: 16px;
                margin-right:16px;
                margin-bottom: 16px;
                align-items: center;
                text-align: center;
                span{
                  margin-bottom: 8px;  
                   img{
                     width: 48px;
                     height:48px;
                   }
                   strong{                      
                       color: rgba(0, 0, 0, 0.85);
                       font-size: 14px;
                       font-weight: normal;
                   }
                }
            }
        }
    }
}
</style>