vue-grid-layout添加占位符辅助线样式

示例

CSS样式代码

.vue-grid-item.vue-grid-placeholder {
		background: var(--theme-mono-a500);
		border-radius: 8px;
		position: relative;

		&::before {
			content: '';
			width: calc(100% + 160px);
			height: 100%;
			position: absolute;
			top: 0;
			left: -81px;
			border-top: 2px solid var(--theme-mono-a500);
			border-bottom: 2px solid var(--theme-mono-a500);
		}

		&::after {
			content: '';
			width: 100%;
			height: calc(100% + 160px);
			position: absolute;
			top: -81px;
			left: 0;
			border-left: 2px solid var(--theme-mono-a500);
			border-right: 2px solid var(--theme-mono-a500);
		}
	}