zhxy-desk/components/mehaotian-numled/mehaotian-numled.scss

/* 横图片 */
$imgtTansverse : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAZCAMAAADwgHt5AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABvUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////0TJrUUAAAAkdFJOUwCMubcl9vjydIu49cIjGxJ3urwX+o6/toog9wwVwBj+/CIeDzI/BTEAAACVSURBVEjHtdZbFoIgGEVhTJJKK7vfs3LPf4z9E8AVxtkT+NaBB3Au0ozkTt6lNcKA0usNWHi9AZOl3rAtb71hWy56AzYfvQHbld6A41NvwOOuN6DpB4yWTDW3qLEmW2UU2Z27TEYYupP5S2+YstcbplR6w5Sr3jBlqjf+VMKv78mh1hvOFbXeGH1iIe23UlR6w7ZkNL65+NpO4hsFUwAAAABJRU5ErkJggg==';
/* 竖着图片 */
$imgVertical:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAABkCAMAAABEi2tOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABvUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////0TJrUUAAAAkdFJOUwCMubcl9vjydIu49cIjGxJ3urwX+o6/toog9wwVwBj+/CIeDzI/BTEAAACeSURBVEjH7dbJFoIwEETRAEFsxHkecaj//0aPihKSyoqlXdu7yapfjNH13XIakx1mHKQGhhSuACVZAZRkAFCSA0BJcoDSugMOJSOAkgTQUJIDlNrn+oTYVFRUVP5QighsTYQyaziV9n2wQ0ptc+R9Kse/MHQpvTkxcWm+7wSopcXdi9aXNpMgdB86X0gcX1SdaFALVI9IhLOjflF67wnq1dpOv3Y7lAAAAABJRU5ErkJggg==';
/* 宽度 */
$border-width: 24%;
/* 处理图片显示 */
@mixin diffstyle ($img){
	// border: 1px blue solid;
	position: absolute;
	box-sizing: border-box;
	background: url($img) no-repeat;
	background-size: 100% 100%;
	opacity: 0.05;
	&.active {
		opacity: 1;
	}
}