app-gift/app-angular/src/modules/lesson/near/near.component.html

<ion-header>
    <ion-toolbar>
        <ion-title>附近</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
    <!-- 搜索栏 -->
    <ion-searchbar animated="true" placeholder="搜索你要去的目的地"></ion-searchbar>

    <!-- 地图导航 -->
    <ion-card>
        <img alt="定位" src="https://ionicframework.com/docs/img/demos/card-media.png" />
    </ion-card>

    <!-- 打卡签到卡片 -->
    <ion-list>
        <ion-item>
            <ion-label>
                当前区域科普商户列表
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-thumbnail slot="start"><img alt="附近店面图"
                    src="https://ionicframework.com/docs/img/demos/avatar.svg" /></ion-thumbnail>
            <ion-label>
                <strong>科普商户名</strong>
                <p>评分：5.0分</p>
                <p class="introduction">标签|地址</p>
                <p class="introduction">推荐菜/食客评价</p>
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-thumbnail slot="start"><img alt="附近店面图"
                    src="http://qcloud.dpfile.com/pc/1S_E0Yzjk4BnRYSSRSfOXdJb2nYCnhCN45WXWlrPHJtCPkWLDk0eI9B8Xgm4UCmmbKcq9vnEaGy3xLEf-_v_oA.jpg" /></ion-thumbnail>
            <ion-label>
                <strong>黄记瓦罐煨汤(广场东路店)</strong>
                <p>评分：3.8分</p>
                <p class="introduction">标签|地址</p>
                <p class="introduction">推荐菜/食客评价</p>
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-thumbnail slot="start"><img alt="附近店面图"
                    src="http://p0.meituan.net/biztone/882341109_1695830077224.jpeg%40340w_255h_1e_1c_1l%7Cwatermark%3D0" /></ion-thumbnail>
            <ion-label>
                <strong>堂瓦里·正宗赣菜(建德观店)</strong>
                <p>评分：4.0分</p>
                <p class="introduction">标签|地址</p>
                <p class="introduction">推荐菜/食客评价</p>
            </ion-label>
        </ion-item>
    </ion-list>




    <!-- 测试 -->


</ion-content>