vue实现九宫格效果

204 阅读1分钟

效果图

vue代码

{{item.classificationName}}

{{item.classificationName}}
          </div>
          
        </el-col>
      </el-row>
    </el-form>  
</div>

css部分 .centent{ width: 98%; height: 800px; margin: 0 auto; color: #FFFFFF; text-align: center; margin-top: 50px; } .grid-content { background-color: #41497D;; border-radius: 4px; min-height: 150px; // height: 270px; // max-height: 400px; min-width: 100px; text-align: left; padding: 8px; }

js部分

classification.js文件 import request from '@/utils/request' export function listExplainList() { return request({ url: '/about/operatingClassification/explainList' , method: 'get' }) }