<div>
    <gsb-loading :show="loading" />
    <div class="mobile-home-container">
        <div class="mobile-home-banner">
            <mt-swipe :auto="3000" :continuous="true">
                <mt-swipe-item v-for="(item, index) in imgBanner" :key="index">
                    <img :src="item.leftimg" alt="">
                </mt-swipe-item>
            </mt-swipe>
            <img src="/imgs/mobilehome/icon.png" alt="" v-if="0">
            <img src="/imgs/mobilehome/icon1.png" alt="" v-if="0">
            <mt-search @click.native="goSearch" v-model="searchValue" placeholder="请输入你想要检索的商标名称、申请人、申请号"
                :result.sync="result"></mt-search>
        </div>
        <div class="mobile-home-server">
            <div v-for="(item, index) in servers" :key="index">
                <img :src="item.oneMoblieIconUrl" alt="" @click="goServiceType(index,item)">
                <div>{{item.itemTypeName}}</div>
            </div>
        </div>
        <!-- 占位条 -->
        <div class="mobile-placeholder">
        </div>
        <!-- title -->
        <div class="mobile-hottitle">
            <div>热门产品</div>
            <div>优质服务，助力企业健康发展</div>
        </div>
        <!--　列表　-->
        <div class="mobile-home-list">
            <div>
                <div v-for="(item, index) in items" :key="index" @click="goServerDetail(index,item)">
                    <div>
                        <img :src="item.mobilePic" alt="">
                    </div>
                    <div>
                        <p>{{item.name}}</p>
                        <p>￥{{item.price}}.00/件</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>