MeetMateApp/pages/article/addArticle.scss

page {
	background-color: #161616;
}
.page {
	background-color: #161616;
}
.topbg {
}
.topBody {
	width:750rpx;
}
.header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 750rpx;height: 180rpx;
	padding-top: calc(var(--status-bar-height) + 10rpx);
	
	.left {
		display: flex;flex-direction: row;
		justify-content: flex-start;padding-left: 20rpx;
		width:140rpx;
		image {
			width:40rpx;transform: scaleX(-1);
		}
	}
	.title {
		color:#fff;font-size: 32rpx;
	}
	.right {
		width:140rpx;margin-right: 20rpx;
		.btn {
			width: 132rpx;
			height: 64rpx;
			background: linear-gradient( 267deg, #FF2A95 0%, #FF5967 100%);
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			font-size: 28rpx;
			color: #FFFFFF;
			display: flex;flex-direction: row;justify-content: center;align-items: center;
		}
	}
}
.list_info {
	display: flex;flex-direction: column;justify-content: flex-start;align-items: center;color:#fff;
	width:750rpx;
	.area {
		width:690rpx;padding:20rpx 0;
	}
	.tips {
		width:690rpx;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;
		font-weight: 400;font-size: 28rpx;color: #FE2D56;
	}
	.item_tag {
		display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
		flex-wrap: wrap;width: 690rpx;
		.tag {
			width:218rpx;height:218rpx;position: relative;
			border-radius: 20rpx;margin-right: 12rpx;margin-bottom: 12rpx;
			display: flex;flex-direction: row;justify-content: center;align-items: center;
			.close {
				width:48rpx;height:48rpx;margin-left:10rpx;position: absolute;right:10rpx;top:10rpx;
			}
			.logo {
				width:218rpx;height:218rpx;border-radius: 28rpx;
			}
		}
		.tagAdd {
			width:218rpx;height:218rpx;position: relative;
			border-radius: 20rpx;margin-right: 12rpx;margin-bottom: 12rpx;
			border: 2rpx dotted #404040;
			display: flex;flex-direction: row;justify-content: center;align-items: center;
			.add {
				width:50rpx;height:50rpx;
			}
		}
	}
}
.btn_submit {
	width: 660rpx;height: 96rpx;position: fixed;bottom:50rpx;left:45rpx;
	background: linear-gradient( 142deg, #FF5967 0%, #FF2A95 100%);
	border-radius: 28rpx;font-weight: bold;font-size: 32rpx;color: #FFFFFF;
	display: flex;flex-direction: row;justify-content: center;align-items: center;
}
.blankHeight {
	height:300rpx;
}