aiot-app/pages/index/index.scss

page{
	background-color: $page-bg;
	color: $uni-text-color;
}

/* 基本信息样式 */
	.nav{
	.nav-content{
		padding: 30rpx 0;
		background-color: $uni-bg-color;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		.nav-item{
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: center;
		    width: 20%;
			height: 120rpx;
			margin: 20rpx 0;
			span{
				//display: block;
				font-size: 60rpx;
				color:$j-primary-border-green ;
				padding-bottom: 15rpx;
			}
			label{
				//color:$uni-text-color-grey ;
				font-size: $uni-font-size-sm;
				width: 100%;
				text-align: center;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.badge {
				position: absolute;
				top: -8rpx;
				left: 100rpx;
				font-size: 24rpx;
				padding: 0rpx 10rpx;
				border-radius: 38rpx;
				background-color: #ff4949;
				color: #fff;
				font-style: normal;
			}
		}
	}
}