1-2-3图片的排列

目录

1.展示效果

2.基础方法源码展示

        ①div部分展示

        ②css部分展示

 

3.接口方法源码展示

     scoped使用


1.展示效果

1-2-3图片的排列_第1张图片   1-2-3图片的排列_第2张图片

2.基础方法源码展示
        ①div部分展示

    
                
                    
                

                
                    
                    
                

                
                    
                    
                    
                

            

        ②css部分展示
 

     scoped使用

        注:scoped能隔离样式, 不会导致样式冲突,所以在组件外, 通过类名设置组件内的样式, 是不生效的

        当style标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素,父组件的样式将不会渗透到子组件。如果你希望 scoped 样式中的一个选择器能够作用得"更深”,例如影响子组件,你可以使用深度选择器

你可能感兴趣的:(css,javascript,前端)