"吉趣代码1"网站首页设计与实现 - CSDN文库

需积分: 0 19 浏览量更新于2023-12-25 收藏 108KB DOCX 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

<body>

<header class="aui-bar aui-bar-nav" id="header">

<a class="aui-pull-left aui-btn" tapmode="hover" onclick="api.closeWin({});">

<span class="aui-iconfont aui-icon-left"></span>

</a>

<div class="aui-title">

校园导航

</div>

<a class="aui-pull-right aui-btn aui-btn-outlined" onclick="getLocation();"><span class="aui-iconfont aui-icon-

location" ></span></a>

</header>

<section class="aui-grid" style="position:absolute;bottom:0;" id="footer">

<div class="aui-row">

<div class="aui-col-xs-4" onclick="addLocation(0)">

<div style="background:#FFC532;border-radius: 100%;width: 1.5rem;height:1.5rem;margin-left:auto;margin-

right:auto">

<img src="../image/map/home.png" style="margin: 0.2rem;width: 1.1rem;height:1.1rem;">

</div>

<div class="aui-grid-label">报道地点</div>

</div>

<div class="aui-col-xs-4" onclick="addLocation(1)">

<div style="background:#73A9F0;border-radius: 100%;width: 1.5rem;height:1.5rem;margin-left:auto;margin-

right:auto">

<img src="../image/map/canteen.png" style="margin: 0.2rem;width: 1.1rem;height:1.1rem;">

</div>

<div class="aui-grid-label">食堂</div>

</div>

<div class="aui-col-xs-4" onclick="addLocation(2)">

<div style="background:#F0747F;border-radius: 100%;width: 1.5rem;height:1.5rem;margin-left:auto;margin-

right:auto">

<img src="../image/map/shop.png" style="margin: 0.2rem;width: 1.1rem;height:1.1rem;">

</div>

<div class="aui-grid-label">超市</div>

</div>

<div class="aui-col-xs-4" onclick="addLocation(3)">

<div style="background:#F5960E;border-radius: 100%;width: 1.5rem;height:1.5rem;margin-left:auto;margin-

right:auto">

<img src="../image/map/bed.png" style="margin: 0.2rem;width: 1.1rem;height:1.1rem;">

</div>

<div class="aui-grid-label">大学城</div>

</div>

<div class="aui-col-xs-4" onclick="addLocation(4)">

剩余141页未读，继续阅读

AshleyK

粉丝: 20
资源: 315

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈