page { min-height: 100%; height: auto; } /* 解决头条小程序字体图标不显示问题,因为头条运行时自动插入了span标签,且有全局字体 */ .uni-icon { font-family: uniicons; font-weight: normal; } .uni-container { padding: 15px; background-color: #f8f8f8; } .uni-header-logo { padding: 15px 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin-top: 10rpx; } .uni-header-image { width: 80px; height: 80px; } .uni-hello-text { margin-bottom: 20px; } .hello-text { color: #7A7E83; font-size: 14px; line-height: 20px; } .hello-link { color: #7A7E83; font-size: 14px; line-height: 20px; } .uni-panel { margin-bottom: 12px; } .uni-panel-h { background-color: #ffffff; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; flex-direction: row !important; /* justify-content: space-between !important; */ -webkit-box-align: center !important; -webkit-align-items: center !important; align-items: center !important; padding: 12px; } /* .uni-panel-h:active { background-color: #f8f8f8; } */ .uni-panel-h-on { background-color: #f5f5f5; } .uni-panel-text { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #000000; font-size: 14px; font-weight: normal; } .uni-panel-icon { margin-left: 15px; color: #999999; font-size: 14px; font-weight: normal; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .uni-panel-icon-on { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .uni-navigate-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: #FFFFFF; border-top-style: solid; border-top-color: #f5f5f5; border-top-width: 1px; padding: 12px; } .uni-navigate-item:active { background-color: #f8f8f8; } .uni-navigate-text { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #000000; font-size: 14px; font-weight: normal; } .uni-navigate-icon { margin-left: 15px; color: #999999; font-size: 14px; font-weight: normal; }