jp-railway/pages/mine/issue.vue

<template>
	<view>
		<u-navbar title="发布内容" back-icon-name="close" >
			<view class="slot-wrap">		 
				 	发布		
			</view>	
		</u-navbar>
		
		<textarea placeholder="记录点滴生活..." name="" id="" cols="30" rows="10"></textarea>
	
	  <view class="upload">
	  	<u-upload  :action="action" :file-list="fileList" ></u-upload>
	  </view>
	  
	  <view class="select">
	  	<view class="join">
	  		<text class="sign">#</text>
			<text class="text">参与活动</text>
	  	</view>
		<view class="choose">
				<text>选择活动</text>
				<u-icon name="arrow-right"></u-icon>
		</view>
	  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				
			}
		}
	}
</script>

<style scoped lang="scss">
	page{
		background-color: #fff;
	}
	/deep/.u-slot-content {
		display: block;
		text-align: right !important;
		margin-right: 16px;
		color: #333333;
	
	}
	/deep/.uicon-close{
		font-size: 32rpx !important;
		color: #101010 !important;
	}
	.slot-wrap{
		width: 104rpx;
		height:56rpx;
		line-height:56rpx ;
		border-radius: 8px;
		background-color: rgba(204, 204, 204, 1);
		color: #fff;
		text-align: center;
		position: absolute;
		top: 50%;
		right: 32rpx;
		transform: translateY(-50%);
	}

uni-textarea{
	width: 100%;
	text-indent: 28rpx;
	padding-top:28rpx;
}
.upload{
	padding: 32rpx;
	/deep/.u-add-tips{
		display: none;
	}
}
.select{
	display: flex;
	justify-content: space-between;
	padding: 0 32rpx;
	height: 56px;
	line-height: 56px;
	.join{
		
		color: rgba(16, 16, 16, 1);
		font-size: 16px;
		.sign{
			color: #1F4A99;
			margin-right: 8rpx;
		}
		
	}
	.choose{
		text{
			margin-right: 8rpx;
		}
		color: rgba(153, 153, 153, 1);
	}
}
</style>