/* pages/autho/index.wxss */ /* 九宫格容器布局样式 */ .grid-item-container { margin-top: 5px; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } /* item容器样式 */ .grid-item-child { display: flex; display: -webkit-flex; justify-content: center; flex-direction: column; flex-wrap: wrap; float: left; width: 50%; height: 100rpx; box-sizing: border-box; margin-top: 5px; text-align: center; } .weathers_imet { width: 100%; height: 180px; } .weathers_imet_lists { float: left; width: 60%; margin-top: 10px; font-size: 12px; text-align: left; } .weathers_imet_list { float: left; width: 40%; margin-top: 10px; font-size: 12px; text-align: left; } .nav { height: 100%; width: 100%; display: flex; flex-direction: row; margin-bottom: 5px; } .nav_imet_lists_1 { float: left; height: 40px; line-height: 40px; width: 60%; margin-top: 5px; } .nav_imet_lists_2 { float: left; height: 40px; line-height: 40px; width: 30%; margin-top: 5px; } .nav_imet_lists_3 { float: left; height: 40px; line-height: 40px; width: 10%; margin-top: 5px; } .nav_imet_lists { width: 47%; float: left; font-size: 12px; text-align: center; height: 30px; line-height: 30px; } .nav_imet_listsna { width: 45%; float: left; font-size: 12px; text-align: center; height: 30px; line-height: 30px; margin-left: 15px; } .nav_imet_listsnas { width: 45%; float: left; font-size: 12px; text-align: center; height: 30px; line-height: 30px; }