navigation/pages/main/main.wxml

<!--pages/main/main.wxml-->
<view class="indexContainer">
    <!-- 轮播图区域 -->
    <view>
        <view class="noBanners" wx:if="{{bannerList.length == 0}}">
            <text>暂无图片展示</text>
        </view>
        <view wx:else>
            <swiper class="banners" autoplay circular interval="3000" indicator-dots="true" indicator-color="ivory" indicator-active-color="#d43c33" next-margin="0rpx" previous-margin="0rpx">
                <swiper-item wx:for="{{bannerList}}" wx:key="key">
                    <image src="{{item.iconPath}}"></image>
                </swiper-item>
            </swiper>
        </view>
    </view>
    <!-- 公告栏 -->
    <view class="notice" bindtap="toNotice">
        <text class="noticeTitle">公告：</text>
        <image class="noticeIcon" mode="widthFix" src="../../images/notice.png"></image>
        <view class="noticeContent">
            <text class="noticeDetail">{{newNoticeTitle}}</text>
        </view>
        <text class="toNoticeDetail">查看详情</text>
    </view>
    <!-- 导航模块 -->
    <view class="navList">
        <view class="mainIntro" bindtap="toMainIntro">
            <text class="title">纳溪介绍</text>
        </view>
        <view class="secondIntro" bindtap="toSecondIntro">
            <text class="title">马村介绍</text>
        </view>
        <view class="scenicList" bindtap="toScenicList">
            <text class="title">景点介绍</text>
        </view>
        <view class="recommendCate" bindtap="toRecommendFood">
            <text class="title">美食推荐</text>
        </view>
        <button class="suggest" open-type="feedback" type="primary">反馈建议</button>
    </view>

</view>