LSQZrzyAPP/css/cr.menu.css

/**
 * 作者：王成
 * 创建日期：2021年11月19日
 * 操作系统：MAC
 * 描述：网格菜单样式集合
 */

/* 菜单容器 */
.cr-menu-panel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* 菜单容器内图片样式 */
.cr-menu-panel>img {
	width: 60px;
	height: 60px;
	margin: 5px;
}

/* 菜单内文字样式 */
.cr-menu-panel>span {
	font-size: 14px;
	margin-bottom: 5px;
	color: rgb(255, 255, 255);
}

/* 菜单点击效果 */
.mui-grid-view>li:active {
	background-color: rgba(255, 0, 0, 0.3) !important;
	border-radius: 5px;
}

h5 {
	font-size: 16px;
	margin-left: 16px;
	color: rgb(114, 198, 254);
}

/* 菜单小容器 */
.cr-menu-smart-panel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* 菜单小容器内图片样式 */
.cr-menu-smart-panel>img {
	width: 30px;
	height: 30px;
	margin: 5px;
}

/* 菜单小容器内文字样式 */
.cr-menu-smart-panel>span {
	font-size: 14px;
	margin-bottom: 5px;
	color: rgb(203, 203, 203);
}