这篇博客介绍了如何使用Vue来实现移动端的九宫格布局，展示了相关的CSS样式和Vue组件代码，包括图片的显示和选中效果。通过实例展示了在组件化开发中v-for指令的不同用法。
九宫格
*{
margin: 0px;
padding: 0px;
}
.sudoku_row{
display: flex;
align-items: center;
width:100%;
flex-wrap: wrap;
}
.sudoku_item{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width:25%;
padding-top: 10px;
padding-bottom: 10px;
}
.opacity{
opacity: 0.4;
background: #e5e5e5;
}
.sudoku_item img{
margin-bottom: 3px;
display: block;
}
{ {sudoku.name}}
new Vue({
el:'#app',
data:{
最低0.47元/天 解锁文章
789
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
