<template>
<!-- 选择游戏 -->
<div class="game" :class="{'game__spacing': selectedGame.length > 0}">
<!-- 搜索 -->
<div @click="searchGame" class="game__search">
<div class="game__search-box">
<span class="game__search-icon"></span>
<input
@keyup="searchGame"
ref="searchInput"
v-focus
class="game__search-input"
type="text"
placeholder="搜索"
v-model="searchGameName">
</div>
</div>
<!-- 游戏名称列表 -->
<ul>
<li @click="handleOtherGame" class="game__block">
<div class="game__item">其他游戏</div>
</li>
<!-- 热门游戏 -->
<li class="game__block">
<div
@click="handleGame(item)"
v-for="(item,index) in hotGameList"
:key="'hot'+index"
class="game__item"
:class="{'selected' : judgSelectedGame(item)}">
{
{item.app_name}}</div>
</li>
<li
v-for="(item,key,idx) in gameList"
:key="idx"
class="game__block">
<div class="game__head" :class="{'selected': selectGameIndex === idx}">{
{key}}</div>
<div
@click="handleGame(member)"
v-for="(member,index) in item"
:key="index"
class="game__item"
:class="{'selected' : judgSelectedGame(member)}">
{
{member.app_name}}
</div>
</li>
</ul>
<!-- 悬浮字符 -->
<ul class="game__pop-key">
<li @click="handleKey(0, 'search')" class="game__pop-key-con">
<i class="game__pop-key-search"></i>
</li>
<li @click="handleKey(1, 'hot')" class="game__pop-key-con">
<i class="game__pop-key-hot"></i>
</li>
<
vue 按A-Z字母排序数据
最新推荐文章于 2021-10-08 10:17:06 发布