onecric_h5/pages/login/selcetcode.vue

<template>
	<view>
		<u--input placeholder="Search your area code" prefixIcon="search" @change="searchCode" color="#333"
			border="none" v-model="value" fontSize="28rpx"
			:customStyle="{borderRadius:'50px',padding:'4px 12px',background:'#F5F5F5'}"
			prefixIconStyle="font-size: 30px;color:#999"></u--input>
			<vue-country-intl v-model="countryCode"></vue-country-intl>
			<country-code-selector :countryCode.sync="value"></country-code-selector>
		<view class="list">
			<view class="li font28 flex" v-for="(item,index) in tournamentList" :key="index"
				@click="checkboxChange(item,index)">
				<text style="width: 100%;height: 30px;margin-top: 20px;text-align: center;" @click="toLogin(item)">{{item.name}}(+{{item.code}})</text>

			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				value: '',
				tournamentList: [],
				countryCode:'',
			}
		},

		methods: {
			get_cricket_tournament(value) {
				uni.$u.http.post(`/api/universal/getHot?code=${value}`, {}).then(res => {
					console.log(res)
					this.tournamentList = res.CountryCode
					console.log(this.tournamentList,1)
				}).catch(res => {})
			},
			searchCode() {
				this.get_cricket_tournament(this.value)
			},
			toLogin(item){
				this.$toUrl('./index?code='+item.code+'&name='+item.name+'&thumbnail='+item.thumbnail+'&country_code='+item.country_code)
			}
		}
	}
</script>

<style>

</style>