微信小程序实战——校园导览 0x1 校园简介

最新推荐文章于 2024-08-08 11:00:00 发布

cellinlab

最新推荐文章于 2024-08-08 11:00:00 发布

阅读量4k

点赞数 3

分类专栏：微信小程序文章标签：微信小程序实战微信小程序校园导览导航小程序小程序轮播图

本文链接：https://blog.csdn.net/funkstill/article/details/104717338

版权

本文介绍如何在微信小程序中实现校园导览功能，包括编辑校园简介页面，设置轮播图，并在地图导航上绑定页面跳转事件，为用户提供直观的校园浏览体验。

摘要由CSDN通过智能技术生成

编辑校园简介页面

轮播图

新建resource文件夹=》新建images文件夹=》将要轮播的图片放在该目录下

页面

<!--introduction.wxml-->
<view class="intro">
  <swiper class="top" indicator-dots="{
  {indicatorDots}}" autoplay="{
  {autoplay}}" interval="{
  {interval}}">
    <swiper-item class="" wx:for="{
  {imgUrls}}" wx:key="true">
      <image src="/resource/images/{
  {item}}" class="top-img" />
    </swiper-item>
  </swiper>
  <image class="nav-btn" src="/resource/images/map.png"></image>
  <view class="intro-info">
    <view class="intro-title">