9、 Uni popup usage popup effect at the bottom of the drop-down box

The list in this method code is optional 【 name 】 Defined by the back-end interface

<view class="uni-form-item">
	<view class="tips">*</view>
	<view class="title"> Hospital </view>
	<!--  The picture here is a small arrow to the right  -->
	<view class="input_box" @click="getFactory"><text v-if="factureName==''"> Please select </text><view class="input_box_info">{
    {
    factureName}}</view><image src="../../static/right.png"></image></view>
</view>

<uni-popup ref='namePopup' type="bottom" mask-background-color='rgba(0,0,0,0.5)'>
	<view class="select_list_box">
		<view class="poputitle"> Name of the company </view>
		<scroll-view class="popup_list" :scroll-y="true">
			<view v-for="item in factoryList" class="list_li" @click="getItmeName(item)" :key="item.id">{
    {
    item.yyname}}</view>
		</scroll-view>
	</view>
</uni-popup>

export default {
    
	data(){
    
		return{
    
			factureName:'',
			factoryList:[],
		}
	},
	methods: {
    
			  // Get the list of company names 
			  getFactory(){
    
			  	this.$refs.namePopup.open()
			  	uni.request({
    
			  	// baseurl Is the address of the imported interface 
			  		url:baseurl+'/wx/user/yyname',
			  		method: 'POST',
			  		data: {
    dictType:'admp_reagent_manufacturer'},
			  		header: {
    
			  			'content-type': 'application/json'
			  		},
			  		success: res => {
    
			  			this.factoryList=res.data.data
			  			console.log(res.data.data);
			  		}
			  	})
			  },
			  getItmeName(item){
    
			  	this.form.reagentManufacturer=Number(item.id)
			  	this.factureName=item.yyname
			  	this.$refs.namePopup.close()
				this.form.companyName=this.factureName
			  },
	}
}