page { display: flex; flex-direction: column; box-sizing: border-box; background-color: #fff; min-height: 100%; height: auto; } view { font-size: 14px; line-height: inherit; } .example-body { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; padding: 0; font-size: 14px; background-color: #ffffff; } .section-box{ display: flex; flex-direction: row; align-items: center; padding: 20rpx; } .decoration{ width: 4px; height: 12px; border-radius: 10px; background-color: #2979ff; } .section-text{ color: #333; margin-left: 15rpx; } .example-body { flex-direction: column; padding: 15px; background-color: #ffffff; } .image { width: 50rpx; height: 50rpx; } .big-number{ font-size: 50rpx; font-weight: 700; font-stretch: condensed; font-style:oblique; } .text { text-align: center; font-size: 26rpx; margin-top: 10rpx; } .example-body { display: block; } .grid-item-box { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px 0; } .banner-image { width: 100%; height: 400rpx; } .swiper-box { height: 400rpx; } .search-icons { padding: 16rpx; } .search-container-bar { display: flex; flex-direction: row; justify-content: center; align-items: center; position: fixed; left: 0; right: 0; z-index: 10; background-color: #fff; } .uni-searchbar__box { border-width: 0; } .uni-input-placeholder { font-size: 28rpx; }