uniProject/common/styles/global/pages.scss

/***** 这里存放通用页面样式 *****/
// 首页
.dljt-index-page{
}


// 专业建设
.zhuanye-page{
	.uni-scroll-view-content{height: calc(100vh - 640rpx);}
	.zhuanye-list-box{
	  display: flex;justify-content: space-between;margin: 24rpx 10rpx 36rpx;
	   .zhuanye-item{
		 width: 19%;display: flex;flex-direction: column;align-items: center;
	     border: 1rpx solid #ccc;padding: 24rpx 0;
	     icon{width: 80rpx;height: 73rpx;display: inline-block;@include dljt-no-repeat-cover;}
	     text{color: #000;font-size: 26rpx;margin-top: 16rpx}
	   }
	  .zhuanye-item.active{
	    background-color: #0f50a4;position: relative;
	    text{color: #fff;}
	  }
	  .zhuanye-item.active::after{
	    content: '';width: 0;height: 0;position: absolute;bottom: -20rpx;left: 50%;transform: translateX(-50%);
	    border-left: 16rpx solid transparent;
	    border-right: 16rpx solid transparent;
	    border-top: 16rpx solid #0f50a4;
	  }
	  .zhuanye-item:nth-child(1) icon{background-image: url("@/static/images/jyjx/jyjx-icon1.png");}
	  .zhuanye-item:nth-child(1).active icon{background-image: url("@/static/images/jyjx/jyjx-icon1-a.png");}
	  .zhuanye-item:nth-child(2) icon{background-image: url("@/static/images/jyjx/jyjx-icon2.png");}
	  .zhuanye-item:nth-child(2).active icon{background-image: url("@/static/images/jyjx/jyjx-icon2-a.png");}
	  .zhuanye-item:nth-child(3) icon{background-image: url("@/static/images/jyjx/jyjx-icon3.png");}
	  .zhuanye-item:nth-child(3).active icon{background-image: url("@/static/images/jyjx/jyjx-icon3-a.png");}
	  .zhuanye-item:nth-child(4) icon{background-image: url("@/static/images/jyjx/jyjx-icon4.png");}
	  .zhuanye-item:nth-child(4).active icon{background-image: url("@/static/images/jyjx/jyjx-icon4-a.png");}
	  .zhuanye-item:nth-child(5) icon{background-image: url("@/static/images/jyjx/jyjx-icon5.png");}
	  .zhuanye-item:nth-child(5).active icon{background-image: url("@/static/images/jyjx/jyjx-icon5-a.png");}
	}
}