自适应布局--两边固定中间自适应

<style>
   #div0{
	   display: flex;
   }
   #div0 view:first-child{
	   background-color:  #F0AD4E;
	   flex: 0 0 100px;
   }
   #div0 view:nth-child(2){
   	   background-color: #007AFF;
	    flex: 1 1 80%;
   }
   #div0 view:nth-child(3){
   	   background-color: #F0AD4E;
	    flex: 0 0 100px;
   }
</style>

<template>
	<view id="div0">
		<view>1</view>
		<view>2</view>
		<view>3</view>
	</view>
</template>