navigation/pages/main/main.wxml

<!--pages/main/main.wxml-->
<view class="indexContainer">
    <!-- 轮播图区域 -->
    <swiper class="banners" autoplay circular interval="2000" indicator-dots="true" indicator-color="ivory" indicator-active-color="#d43c33" next-margin="0rpx" previous-margin="0rpx">
        <swiper-item>
            <image src="../../images/1.jpg"></image>
        </swiper-item>
        <swiper-item>
            <image src="../../images/2.jpg"></image>
        </swiper-item>
    </swiper>
    <!-- 公告栏 -->
    <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">关于防疫政策的公告</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>