组件组件组件封装用的封装组件 4.41KB

weixin_46378616

资源文件列表:

minLlately.zip 大约有6个文件

index.vue 4.33KB
slh.png 358B
success.png 848B
下载.png 375B
复制.png 263B
index.css 2.93KB

资源介绍:

组件组件组件封装用的封装组件

<style>.boayall { width: 100%; height: 100%; position: absolute; background: #b9c3c6; padding: 100px; } .mini-content { width: 400px; min-height: 80px; border-radius: 8px; background: white; box-sizing: border-box; padding: 20px; cursor: pointer; } .mini-content .m1 { display: flex; justify-content: space-between; align-items: center; } .mini-content .m1 .m1-1 span:nth-of-type(1) { font-size: 20px; } .mini-content .m1 .m1-1 span:nth-of-type(2) { margin-left: 10px; font-size: 15px; } .mini-content .m1 .m1-2 { width: 30px; height: 30px; } .mini-content .m2 { margin-top: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; } .mini-content .m2 span:nth-of-type(1) { color: #4d4d4f; } .mini-content .m2 span:nth-of-type(2) { color: black; } .mini-content .m3 { display: flex; justify-content: space-around; } .mini-content .m3 .m3itemhover { display: flex; align-content: flex-end; } .mini-content .m3 .m3itemhover .h1 { display: flex; justify-content: space-between; padding-left: 15px; padding-right: 15px; } .mini-content .m3 .m3itemhover .h1 img { width: 30px; height: 30px; } .mini-content .m3 .m3item { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 30%; border-radius: 8px; } .mini-content .m3 .m3item .m3itemhover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none; border-radius: 8px; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 100%); } .mini-content .m3 .m3item .m31 { width: 60px; height: 60px; } .mini-content .m3 .m3item .m32 { font-size: 15px; color: #222a39; margin-top: 3px; margin-bottom: 3px; } .mini-content .m3 .m3item .m33 { font-size: 13px; color: #222a39; } .mini-content .m3 .m3item:hover .m3itemhover { display: block !important; } .mini-content-item { width: 400px; border-radius: 8px; background: white; box-sizing: border-box; padding: 10px 20px 10px 20px; cursor: pointer; } .mini-content-item .m4 { display: flex; align-items: center; justify-content: space-between; } .mini-content-item .m4 img { width: 30px; height: 30px; } .mini-content-item .m4 .m41 { display: flex; align-items: center; } .mini-content-item .m4 .m31 { width: 60px; height: 60px; } .mini-content-item .m4 span:nth-of-type(1) { margin-left: 10px; font-size: 16px; } .mini-content-item .m4 span:nth-of-type(2) { margin-left: 10px; margin-right: 10px; } .mini-content-item .m4 span:nth-of-type(3) { color: #7e5d6d; font-size: 14px; } </style>

100+评论昵称:

captcha

类型	标题	大小	时间
	基于Java Web的健身房管理系统的设计与实现	49.29MB	8月前

	养护益生健康管理平台养护益生健康管理平台	62.56MB	8月前
	【浏览器插件】鼠标点击特效๑•́∀•̀๑.zip	96.21KB	8月前
	JAVA某店POS积分项目模块管理系统(源代码+论文).zip	435.32KB	8月前
	java作业管理项目模块系统设计(源代码+论文).zip	2.72MB	8月前

	JAVA泡泡堂网络游戏项目模块的设计与实现(源代码+论文).zip	3.17MB	8月前
	java某百货店POS积分管理系统_积分点项目模块更新生成以及通票回收处理(源代码+论文).zip	3.45MB	8月前
	Java聊天室项目模块程序(java).zip	1.31MB	8月前