父组件:
<component v-for="(item, index) in order" :key="index" v-bind:is="item.style" :url="item.url" :id="item.id"></component>
子组件:
<template>
<view>
<div class="title">{{ list.name }}</div>
<swiper class="swiper-box" :autoplay="true" :circular="true" next-margin="190rpx">
<swiper-item v-for="(item, index) in showList" :key="index" class="swiper-item">
<view>
<view v-for="(temp, index2) in item" :key="index2" class="itembox" @click="godetail(temp.game_id)">
<view class="leftbox">
<img :src="temp.icon" alt="icon" class="img" />
</view>
<view class="rightbox">
<text class="rightbox_title">{{ temp.gamename }}</text>
<view class="box_detail">
<view>
<text>{{ temp.type[0] }} </text>
<text decode="true"> {{ temp.type[1] ? '·' + temp.type[1] : '' }}
</text>
</view>
<text class="box_text">{{ temp.size }}</text>
<text class="box_playnum">{{ temp.user_cnt | playNum }}人在玩</text>
</view>
<view class="box_bottom">
<image src="../../static/img/hot/tag_recharge_icon.png" mode="aspectFit" class="icon"></image>
<text class="recharge">{{ temp.tag_recharge }}</text>
<image src="../../static/img/hot/tag_vip_icon.png" mode="aspectFit" class="icon"></image>
<text class="vip">{{ temp.tag_sendvip }}</text>
<image src="../../static/img/hot/tag_rebate_icon.png" mode="aspectFit" class="icon"></image>
<text class="rebate">{{ temp.tag_rebate }}</text>
</view>
</view>
</view>
</view>
</swiper-item>
</swiper>
</view>
</template>