zh_order_food_xcx/pages-school/add-circle.vue

<template>
	<view class="add-circle-box iPhone-bottom flex-common-css box-border-box">
		<Nav title='发圈子' bgckgroundBox='#fff'></Nav>
		
		<view class="scroll-view-css box-border-box ptp-24">
			<view class="bgc-f box-border-box p-32">
				<view class="fs-34 fw-600 mb-20">内容描述 <span class='fs-34 fc-9 fw-400'>(必填）</span></view>
				<textarea class=" fs-24" placeholder='这一刻说些什么'></textarea>
			</view>
			<view class="bgc-f mb-20">
				<EnUpload></EnUpload>
			</view>
			
			<view class="bgc-f box-border-box p-32 flex-justify-space align-items-center">
				<view class="fs-34 fw-600">分享交流</view>
				<image class="right-icon" src="@/static/img/toRight.png" mode=""></image>
			</view>
		</view>
		
		<view class="box-border-box p-32">
			<view class="b-bottom text-align-center fs-32 fw-600">发布</view>
		</view>
	</view>
</template>

<script>
	import EnUpload from '@/components/en-from/en-upload/en-upload.vue';
	export default {
		components:{EnUpload},
	}
</script>

<style scoped lang="scss">
	.add-circle-box{
		.b-bottom{
			width: 686rpx;
			height: 88rpx;
			line-height: 88rpx;
			background: linear-gradient( 105deg, #57CAFF 0%, #41ABF5 100%);
			border-radius: 200rpx;
		}
		.right-icon{
			width: 32rpx;
			height: 32rpx;
		}
	}
</style>