HarmonyOS第三次培训笔记

复现第一个页面截图

 cookbook相关代码

    
 美食大全    
    
                              

.cb-container {    flex-direction: column ;}.cb-body {    flex: 1;}.cb-body-item{    flex-direction: column;}.cb-title {    width: 100%;    height: 44px;    justify-content: center;    align-items: center;    background-color: #ee742f;    }text{    font-size: 16px;    font-weight: normal;    color:#fff;}

// @ts-nocheckimport list from '../../../common/data/cook-list.json';export default {    data: { list: []    } ,    onInit() { this.list=list.data    }}