鸡汤来咯开发学习笔记-22

1.在suop目录下创建list.vue(edit同级)，在分包里面注册路由，并修改self跳转页面到list（代替一切都edit）

2.创建 每一条鸡汤 组件soup-item，在components中

3.写入list页面内容和样式

<style lang="scss" scoped>
    
.soupLayout{
    .headTop{
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
        padding: 30rpx 30rpx 10rpx;
        color: #000;
        .title{
            font-size: 40rpx;
            
        }
        .btn{
            border: 1px solid #000;
            padding: 8rpx 15rpx;
            border-radius: 100rpx;
            
        }
        
        
    }
    
        
    .list{
        
        padding: 30rpx 30rpx 0; 
    }
}
</style>