'message'

app.json

@@ -1,7 +1,15 @@
 {
     "pages": [
+        "pages/main/main",
+        "pages/foodDetail/foodDetail",
+        "pages/recommendFood/recommendFood",
+        "pages/noticeDetail/noticeDetail",
+        "pages/notice/notice",
+        "pages/scenicDetail/scenicDetail",
+        "pages/scenicList/scenicList",
+        "pages/secondIntro/secondIntro",
+        "pages/mainIntro/mainIntro",
         "pages/map/map",
-        "pages/index/index",
         "pages/strategy/strategy"
     ],
     "permission": {
@@ -12,7 +20,7 @@
     "window": {
         "backgroundTextStyle": "light",
         "navigationBarBackgroundColor": "#fff",
-        "navigationBarTitleText": "Weixin",
+        "navigationBarTitleText": "乡村旅游",
         "navigationBarTextStyle": "black"
     },
     "tabBar": {
@@ -27,7 +35,7 @@
                 "text": "导航"
             },
             {
-                "pagePath": "pages/index/index",
+                "pagePath": "pages/main/main",
                 "iconPath": "images/home.png",
                 "selectedIconPath": "images/homeSelect.png",
                 "text": "主页"
@@ -40,6 +48,9 @@
             }
         ]
     },
+    
+    "lazyCodeLoading": "requiredComponents",
+      
     "style": "v2",
     "sitemapLocation": "sitemap.json"
 }

pages/foodDetail/foodDetail.js

@@ -0,0 +1,74 @@
+// pages/foodDetail/foodDetail.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    toFoodAddress(){
+        wx.openLocation({
+            latitude: 30.51249,
+            longitude: 103.70618,
+            name: '蜀国飘香火锅'
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/foodDetail/foodDetail.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "美食推荐"
+}

pages/foodDetail/foodDetail.wxml

@@ -0,0 +1,29 @@
+<!--pages/foodDetail/foodDetail.wxml-->
+<view class="foodContainer">
+    <view>
+        <text class="foodTitle">蜀国飘香火锅</text>
+    </view>
+    <view class="foodWrap">
+        <image class="foodImg" show-menu-by-longpress="true" mode="widthFix" src="../../images/1.jpg"></image>
+        <image class="foodImg" show-menu-by-longpress="true"  mode="widthFix" src="../../images/2.jpg"></image>
+    </view>
+    <view>
+        <view class="shopDetail">
+            <text class="shopDetailTile">简介：</text>
+            <text>蜀国飘香（天府店），位于成都市，人均消费价格为66元。适宜休闲小憩、随便吃吃、情侣约会、朋友聚餐。</text>
+        </view>
+        <view class="shopDetail">
+            <text class="shopDetailTile">招牌菜：</text>
+            <text>红烧肉、糖醋排骨</text>
+        </view>
+        <view class="shopDetail">
+            <text class="shopDetailTile">电话：</text>
+            <text>13800138000</text>
+        </view>
+        <view class="shopDetail">
+            <text class="shopDetailTile">地址：</text>
+            <text class="address">四川省泸州市纳溪区纳溪马村风景区观景台旁</text>
+            <text class="adderessNav" bindtap="toFoodAddress">去这里</text>
+        </view>
+    </view>
+</view>

pages/foodDetail/foodDetail.wxss

@@ -0,0 +1,45 @@
+/* pages/foodDetail/foodDetail.wxss */
+
+/* 美食详情外层包裹器 */
+.foodContainer{
+    margin: 20rpx;
+}
+/* 店名 */
+.foodTitle{
+    font-size: 40rpx;
+    font-weight: bold;
+    color: green;
+}
+/* 美食图片 */
+.foodWrap{
+    display: flex;
+    flex-direction: column;
+    /* position: relative; */
+    width: 100%;
+}
+.foodImg{
+    width: 96%;
+    /* margin-top: 20rpx; */
+    margin: 20rpx auto 0 auto;
+}
+/* 店铺信息 */
+
+.shopDetail{
+    display: flex;
+    border-bottom: 1rpx solid gray;
+    padding: 20rpx 0;
+}
+.shopDetailTile{
+    width: 20%;
+    text-align: justify;
+    flex-shrink: 0;
+}
+/* 地址 */
+.address{
+    width: 62%;
+}
+.adderessNav{
+    border-left: 1rpx solid gray;
+    padding-left: 10rpx;
+    color: rgb(27, 131, 172);
+}

pages/index/index.js

@@ -1,94 +0,0 @@
-// pages/index/index.js
-import request from '../../utils/request'
-
-const htmlSnip = `<div class="textContainer">
-    <h1 class="titleHead">景区介绍<h1>
-    <article class="introContent">&emsp;&emsp;重要的时间节点，关键的奋斗坐标。10月16日，中国共产党第二十次全国代表大会隆重开幕。这是在迈上全面建设社会主义现代化国家新征程、向第二个百年奋斗目标进军的关键时刻召开的一次十分重要的大会。无论是会场外的阔步身姿，还是会场内的热烈掌声，无不显示出代表们对非凡十年的深深自信，对党和国家前途的深深自信。</article>
-    <article class="introContent">&emsp;&emsp;自信源自非凡十年的成就。美好生活是什么？新时代这十年，给了亿万人民最好的答案。十年非凡成就，书写在摆脱贫困的村庄里、温馨和谐的社区中、紧张繁忙的码头上。十年来，居民人均可支配收入增长近八成，累计实现城镇新增就业1.3亿人，基本医疗保险覆盖13.6亿人，基本养老保险覆盖超10亿人，建成世界上规模最大的教育体系。一组组鲜活数字的背后是一个个家庭的欢笑。“人民对美好生活的向往，就是我们的奋斗目标”。尊重“人”的价值、成就“人”的梦想，既是非凡十年的逻辑起点，也是巨大成就的价值底色。</article>
-    <article class="introContent">&emsp;&emsp;自信源自中国道路的成功。“制度优势是一个国家的最大优势，制度竞争是国家间最根本的竞争”。只有回看走过的路、比较别人的路、远眺前行的路，很多问题才能看得深、把得准。世界上人口最多的国家、最大发展中国家，如此巨大的人口体量进入现代化，在世界上前所未有。在党的领导下，一个百年前积贫积弱、百废待兴的国家，探索出了一条迥异于西方的中国式现代化道路，创造了人类文明新形态，为人类实现现代化提供了新的选择。</article>
-</div>`
-
-Page({
-
-    /**
-     * 页面的初始数据
-     */
-    data: {
-        htmlSnip,
-        imgList:['../../images/1.jpg','../../images/2.jpg'],
-        bannersList:[]
-
-    },
-
-    /**
-     * 生命周期函数--监听页面加载
-     */
-    onLoad:async function(options) {
-        let result = await request('/files/1')
-        let that = this
-        console.log(result);
-        let bannersList = this.data.bannersList
-        for(let i = 0;i < result.length;i++){
-            // console.log(result[i].iconPath);
-            let iconPath = result[i].iconPath
-            console.log(iconPath);
-            let imgPath = iconPath.replace('localhost','192.168.0.177')
-            console.log(imgPath);
-            bannersList[i] = imgPath
-        }
-        this.setData({
-            bannersList
-        })
-        // console.log(bannersList);
-        
-    },
-
-    /**
-     * 生命周期函数--监听页面初次渲染完成
-     */
-    onReady() {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面显示
-     */
-    onShow() {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面隐藏
-     */
-    onHide() {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面卸载
-     */
-    onUnload() {
-
-    },
-
-    /**
-     * 页面相关事件处理函数--监听用户下拉动作
-     */
-    onPullDownRefresh() {
-
-    },
-
-    /**
-     * 页面上拉触底事件的处理函数
-     */
-    onReachBottom() {
-
-    },
-
-    /**
-     * 用户点击右上角分享
-     */
-    onShareAppMessage() {
-
-    }
-})

pages/index/index.json

@@ -1,4 +0,0 @@
-{
-    "usingComponents": {},
-    "navigationBarTitleText": "景区简介"
-}

pages/main/main.js

@@ -0,0 +1,101 @@
+// pages/main/main.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    // 跳转到纳溪介绍页面
+    toMainIntro() {
+        wx.navigateTo({
+            url: '/pages/mainIntro/mainIntro',
+        })
+    },
+
+    //跳转到马村介绍
+    toSecondIntro() {
+        wx.navigateTo({
+            url: '/pages/secondIntro/secondIntro',
+        })
+    },
+
+    //跳转到景区列表
+    toScenicList() {
+        wx.navigateTo({
+            url: '/pages/scenicList/scenicList',
+        })
+    },
+
+    //跳转到公告页面
+    toNotice(){
+        wx.navigateTo({
+            url: '/pages/notice/notice',
+        })
+    },
+
+    // 跳转到推荐美食
+    toRecommendFood(){
+        wx.navigateTo({
+            url: '/pages/recommendFood/recommendFood',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/main/main.json

@@ -0,0 +1,3 @@
+{
+    "usingComponents": {}
+}

pages/main/main.wxml

@@ -0,0 +1,38 @@
+<!--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>

pages/main/main.wxss

@@ -0,0 +1,131 @@
+/* pages/main/main.wxss */
+
+/* 轮播图区域 */
+.banners {
+    width: 100%;
+    height: 400rpx;
+    padding: 2rpx 0;
+}
+
+.banners image {
+    width: 100%;
+    height: 100%;
+}
+
+/* 公告区 */
+.notice {
+    display: flex;
+    height: 60rpx;
+    background-color: rgb(171, 188, 236);
+    align-items: center;
+    margin-top: 20rpx;
+}
+/* 公告详情、公告标题 */
+.noticeTitle,
+.noticeDetail {
+    font-size: 36rpx;
+    height: 60rpx;
+    line-height: 60rpx;
+}
+.noticeTitle{
+    margin-left: 20rpx;
+}
+
+/* 公告图标 */
+.noticeIcon {
+    width: 40rpx;
+}
+
+/* 公告内容 */
+.noticeContent {
+    height: 60rpx;
+    width: 52%;
+    margin-left: 20rpx;
+    overflow: hidden;
+    flex-wrap: nowrap;
+}
+/* 公告文字 */
+.noticeDetail {
+    white-space: nowrap;
+    animation: loop 8s 0.5s linear infinite normal;
+    display: inline-block;
+    vertical-align: top;
+    font-size: 32rpx;
+    color: #fff;
+}
+/* 公告文字滚动 */
+@keyframes loop {
+    0% {
+        transform: translateX(350px);
+        -webkit-transform: translateX(350px);
+    }
+    100% {
+        transform: translateX(-100%);
+        -webkit-transform: translateX(-100%);
+    }
+}
+
+@-webkit-keyframes loop {
+    0% {
+      transform: translateX(300px);
+      -webkit-transform: translateX(300px);
+    }  
+    100% {
+      transform: translateX(-100%);
+      -webkit-transform: translateX(-100%);
+    }
+  }
+/* 查看详情 */
+.toNoticeDetail {
+    /* background-color: #fff; */
+    /* border-radius: 40rpx; */
+    padding: 16rpx;
+    /* margin-right: 20rpx; */
+}
+
+/* 轮播图下方导航模块 */
+.navList {
+    display: flex;
+    position: relative;
+    flex-wrap: wrap;
+    padding: 20rpx;
+    justify-content: space-around;
+    text-align: center;
+}
+
+.title {
+    font-size: 40rpx;
+    color: #fff;
+    line-height: 200rpx;
+}
+
+/* 导航模块公共样式 */
+.mainIntro,
+.secondIntro,
+.scenicList,
+.recommendCate {
+    width: 45%;
+    height: 200rpx;
+    margin-top: 40rpx;
+}
+
+/* 单独设置导航模块的背景色 */
+.mainIntro {
+    background-color: #48D881;
+}
+
+.secondIntro {
+    background-color: #F9AC42;
+}
+
+.scenicList {
+    background-color: #f76c71;
+}
+
+.recommendCate {
+    background-color: #3FA6F5;
+}
+/* 反馈建议 */
+.suggest{
+    margin-top: 100rpx;
+}

pages/mainIntro/mainIntro.js

@@ -0,0 +1,74 @@
+// pages/index/index.js
+import request from '../../utils/request'
+
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        bannersList:[],
+        intro:''
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad:async function(options) {
+        let result = await request('/introduce/files/1')
+        let introduce = await request('/introduce/1')
+        this.setData({
+            bannersList:result,
+            intro:introduce
+        })        
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/mainIntro/mainIntro.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "纳溪简介"
+}

pages/index/index.wxml → pages/mainIntro/mainIntro.wxml

@@ -1,13 +1,18 @@
 <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 wx:for="{{bannersList}}" wx:key="key">
-            <image src="{{item}}"></image>
+            <image src="{{item.iconPath}}"></image>
         </swiper-item>
     </swiper>
     <!-- 景区介绍的正文 -->
-    <view>
-        <rich-text nodes="{{htmlSnip}}"></rich-text>
+    <view class="textContainer">
+        <view class="titleHead">
+            <text>{{intro.title}}</text>
+        </view>
+        <view class="introContent" style="white-space: pre-wrap;">
+            <text user-select="true">{{intro.describes}}</text>
+        </view>
     </view>
 
 </view>

pages/index/index.wxss → pages/mainIntro/mainIntro.wxss

@@ -13,17 +13,18 @@
 
 /* 文本区 */
 .textContainer{
-    margin: 10rpx 20rpx;
+    margin: 20rpx;
 }
 /* 标题 */
 .titleHead{
     font-size: 50rpx;
-    padding: 10rpx 0;
+    margin-bottom: 40rpx;
+    font-weight: bold;
 }
 /* 内容 */
 .introContent{
-    padding-top: 10rpx;
     font-size: 42rpx;
     font-family: '仿宋';
 }
 
+

pages/map/map.wxss

@@ -58,13 +58,11 @@ page {
     height: 60rpx;
 }
 
-
-
 /* 搜索区 */
 .searchContain{
     background-color: #fff;
     position: fixed;
-    top: 60rpx;
+    top: 64rpx;
     width: 100%;
     height: 100%;
     padding-left: 30rpx;

pages/notice/notice.js

@@ -0,0 +1,72 @@
+// pages/notice/notice.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    toNoticeDetail(){
+        wx.navigateTo({
+          url: '/pages/noticeDetail/noticeDetail',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/notice/notice.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "通知公告"
+}

pages/notice/notice.wxml

@@ -0,0 +1,17 @@
+<!--pages/notice/notice.wxml-->
+<view>
+    <view>
+        <view class="noticeList" bindtap="toNoticeDetail">
+            <text class="noticeTitle">关于防疫政策的公告</text>
+            <text class="noticeBtn">查看详情</text>
+        </view>
+        <view class="interval"></view>
+    </view>
+    <view>
+        <view class="noticeList" bindtap="toNoticeDetail">
+            <text class="noticeTitle">关于防疫政策的公告关于防疫政策的公告关于防疫政策的公告关于防疫政策的公告关于防疫政策的公告</text>
+            <text class="noticeBtn">查看详情</text>
+        </view>
+        <view class="interval"></view>
+    </view>
+</view>

pages/notice/notice.wxss

@@ -0,0 +1,32 @@
+/* pages/notice/notice.wxss */
+
+
+.noticeList{
+    display: flex;
+    padding: 20rpx 0 20rpx 20rpx;
+    text-align: justify;
+}
+.noticeTitle{
+    font-size: 36rpx;
+    overflow: hidden;
+    width: 75%;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+}
+.noticeBtn{
+    font-size: 36rpx;
+    color: skyblue;
+    height: 50rpx;
+    line-height: 50rpx;
+    position: absolute;
+    right: 20rpx;
+}
+
+/* 分隔条 */
+.interval{
+    height: 1rpx;
+    background-color: gray;
+    width: 100%;
+    padding-left: -20rpx;
+}

pages/noticeDetail/noticeDetail.js

@@ -0,0 +1,66 @@
+// pages/noticeDetail/noticeDetail.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/noticeDetail/noticeDetail.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "通知公告"
+}

pages/noticeDetail/noticeDetail.wxml

@@ -0,0 +1,14 @@
+<!--pages/noticeDetail/noticeDetail.wxml-->
+<view>
+    <view>
+        <text class="noticeDetailTitle">关于防疫政策的公告关于防疫政策的公告关于防疫政策的公告关于防疫政策的公告</text>
+        <text class="noticeTime">发布时间：2022-11-12</text>
+        <view>
+        <view class="intervalOne"></view>
+        <view class="intervalTwo"></view>
+    </view>
+    </view>
+    <view class="noticeDetail">
+        <text user-select="true">其中，“大家谈阅读”收录全国政协常委兼副秘书长、民进中央副主席、全民阅读形象代言人朱永新，北京大学中文系教授、博士生导师、国际安徒生奖得主曹文轩，大童话家、收藏家朱奎，“幻想大王”、中国首位迪士尼签约作家杨鹏，少儿科幻作家马传思，儿童文学作家王林柏、王君心、龙向梅关于想象力、关于阅读的文章。值得一提的是，马传思、王林柏、王君心、龙向梅均为“大白鲸”优秀作品征集活动获奖作家。“书香能致远”“开卷润童心”分别收录了“浓情书香•伴您成长”征文大赛成人组、青少组的获奖征文。该征文大赛由大连出版社、中国农业银行大连市分行联合主办。而“书香能致远”中，中国散文学会会员郑江泉、大连市残联党组成员王荔、儿童文学新锐王庆兰，来自大连南金实验学校、金普新区新桥小学、金普新区滨海学校小学部等中小学的一线老师，深情讲述了在书香中逆袭、成长的故事。</text>
+    </view>
+</view>

pages/noticeDetail/noticeDetail.wxss

@@ -0,0 +1,39 @@
+/* pages/noticeDetail/noticeDetail.wxss */
+
+/* 公告标题 */
+.noticeDetailTitle{
+    display: flex;
+    font-size: 46rpx;
+    color: red;
+    font-weight: bold;
+    margin: 20rpx;
+    padding: 0 40rpx;
+    justify-content: center;
+    text-align: center;
+}
+
+/* 发布时间 */
+.noticeTime{
+    font-size: 26rpx;
+    color: skyblue;
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20rpx;
+}
+
+/* 文件下方的隔条 */
+.intervalOne{
+    height: 4rpx;
+    background-color: red;
+}
+.intervalTwo{
+    margin-top: 6rpx;
+    height: 8rpx;
+    background-color: red;
+}
+
+/* 公告详情 */
+.noticeDetail{
+    font-size: 34rpx;
+    margin: 20rpx;
+}

pages/recommendFood/recommendFood.js

@@ -0,0 +1,73 @@
+// pages/recommendFood/recommendFood.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    //跳转到美食详情页
+    tofoodDetail(){
+        wx.navigateTo({
+          url: '/pages/foodDetail/foodDetail',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/recommendFood/recommendFood.json

@@ -0,0 +1,5 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "美食推荐"
+
+}

pages/recommendFood/recommendFood.wxml

@@ -0,0 +1,45 @@
+<!--pages/recommendFood/recommendFood.wxml-->
+<view class="foodWrap">
+    <view class="foodDetail" bindtap="tofoodDetail">
+        <image class="foodImg" src="../../images/1.jpg"></image>
+        <view class="foodIntro">
+            <text class="foodName">蜀国飘香火锅1</text>
+            <view class="phone">
+                <image class="phoneIcon" mode="widthFix" src="../../images/phone.png"></image>
+                <text class="phoneNum">13800138000</text>
+            </view>
+            <view class="foodLocate">
+                <image class="locateIcon" mode="widthFix" src="../../images/foodLocate.png"></image>
+                <text class="address">四川省泸州市纳溪区纳溪马村风景区观景台旁</text>
+            </view>
+        </view>
+    </view>
+    <view class="foodDetail" bindtap="tofoodDetail">
+        <image class="foodImg" src="../../images/1.jpg"></image>
+        <view class="foodIntro">
+            <text class="foodName">蜀国飘香火锅2</text>
+            <view class="phone">
+                <image class="phoneIcon" mode="widthFix" src="../../images/phone.png"></image>
+                <text class="phoneNum">13800138000</text>
+            </view>
+            <view class="foodLocate">
+                <image class="locateIcon" mode="widthFix" src="../../images/foodLocate.png"></image>
+                <text class="address">四川省泸州市纳溪区纳溪马村风景区观景台旁</text>
+            </view>
+        </view>
+    </view>
+    <view class="foodDetail" bindtap="tofoodDetail">
+        <image class="foodImg" src="../../images/1.jpg"></image>
+        <view class="foodIntro">
+            <text class="foodName">蜀国飘香火锅3</text>
+            <view class="phone">
+                <image class="phoneIcon" mode="widthFix" src="../../images/phone.png"></image>
+                <text class="phoneNum">13800138000</text>
+            </view>
+            <view class="foodLocate">
+                <image class="locateIcon" mode="widthFix" src="../../images/foodLocate.png"></image>
+                <text class="address">四川省泸州市纳溪区纳溪马村风景区观景台旁</text>
+            </view>
+        </view>
+    </view>
+</view>

pages/recommendFood/recommendFood.wxss

@@ -0,0 +1,76 @@
+/* pages/recommendFood/recommendFood.wxss */
+/* 美食推荐外部容器 */
+.foodWrap{
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    margin: 20rpx 20rpx 0 0;
+    justify-content: space-between;
+}
+
+/* 美食推荐列表 */
+.foodDetail{
+    position: relative;
+    flex-shrink: 0;
+    width: 45%;
+    height: 600rpx;
+    margin: 20rpx 0 0 20rpx;
+    border: 1rpx solid gray;
+    border-radius: 20rpx;
+}
+
+/* 美食图片 */
+.foodImg{
+   height: 400rpx;
+   width: 100%;
+   border-top-left-radius: 20rpx;
+   border-top-right-radius: 20rpx;
+}
+/* 图片下方文字 */
+.foodIntro{
+    display: flex;
+    flex-direction: column;
+    padding-left: 10rpx;
+    position: absolute;
+    bottom: 6rpx;
+}
+/* 店名 */
+.foodName{
+    margin: 20rpx 0;
+    font-weight: bold;
+    color: green;
+}
+/* 电话 */
+.phone{
+    height: 30rpx;
+    line-height: 30rpx;
+    margin-bottom: 10rpx;
+}
+/* 电话图标 */
+.phoneIcon{
+    width: 30rpx;
+}
+/* 电话号码 */
+.phoneNum{
+    font-size: 28rpx;
+    padding-left: 20rpx;
+}
+/* 地址区 */
+.foodLocate{
+    display: flex;
+}
+/* 地址图标 */
+.locateIcon{
+    width: 25%;
+}
+/* 地址 */
+.address{
+    font-size: 28rpx;
+    padding: 0 20rpx;
+    overflow: hidden;
+    display: -webkit-box;
+    /*设置对齐模式*/
+    -webkit-box-orient: vertical;
+    /*设置多行的行数*/
+    -webkit-line-clamp: 2;
+}

pages/scenicDetail/scenicDetail.js

@@ -0,0 +1,74 @@
+// pages/scenicDetail/scenicDetail.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    //预览图片
+    toPreviewImage(){
+        wx.previewImage({
+            current: '../../images/2.jpg', // 当前显示图片的 http 链接
+            urls: ['../../images/2.jpg','../../images/1.jpg'] // 需要预览的图片 http 链接列表
+          })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/scenicDetail/scenicDetail.json

@@ -0,0 +1,3 @@
+{
+    "usingComponents": {}
+}

pages/scenicDetail/scenicDetail.wxml

@@ -0,0 +1,21 @@
+<!--pages/scenicDetail/scenicDetail.wxml-->
+<view class="sceneryImgWrap">
+    <image class="sceneryImg" bindtap="toPreviewImage" src="../../images/2.jpg"></image>
+</view>
+<view class="sceneryDetailWrap">
+    <view class="sceneryTitleWrap">
+        <text class="sceneryTitle">瞭望台</text>
+    </view>
+    <view class="sceneryTitleWrap">
+        <text class="sceneryIntroContent">其中，“大家谈阅读”收录全国政协常委兼副秘书长、民进中央副主席、全民阅读形象代言人朱永新，北京大学中文系教授、博士生导师、国际安徒生奖得主曹文轩，大童话家、收藏家朱奎，“幻想大王”、中国首位迪士尼签约作家杨鹏，少儿科幻作家马传思，儿童文学作家王林柏、王君心、龙向梅关于想象力、关于阅读的文章。值得一提的是，马传思、王林柏、王君心、龙向梅均为“大白鲸”优秀作品征集活动获奖作家。“书香能致远”“开卷润童心”分别收录了“浓情书香•伴您成长”征文大赛成人组、青少组的获奖征文。该征文大赛由大连出版社、中国农业银行大连市分行联合主办。而“书香能致远”中，中国散文学会会员郑江泉、大连市残联党组成员王荔、儿童文学新锐王庆兰，来自大连南金实验学校、金普新区新桥小学、金普新区滨海学校小学部等中小学的一线老师，深情讲述了在书香中逆袭、成长的故事。</text>
+    </view>
+    <view class="tourNotice">
+        <text class="tourNoticeTitle">旅游注意事项：</text>
+        <text class="tourNoticeContent">需要带雨伞需要带雨伞需要带雨伞需要带雨伞需要带雨伞需要带雨伞</text>
+    </view>
+    <view class="tourNotice">
+        <text class="tourNoticeTitle">建议游玩时间：</text>
+        <text class="tourNoticeContent">全年每天均可</text>
+    </view>
+
+</view>

pages/scenicDetail/scenicDetail.wxss

@@ -0,0 +1,42 @@
+/* pages/scenicDetail/scenicDetail.wxss */
+
+/* 景点照片 */
+.sceneryImgWrap{
+    display: flex;    
+    width: 100%;
+    justify-content: center;
+}
+.sceneryImg{
+    width: 96%;
+    border-radius: 20rpx;
+}
+
+/* 景点详情外部容器 */
+.sceneryDetailWrap{
+    margin: 0 20rpx;
+}
+/* 景点标题 */
+.sceneryTitleWrap{
+    margin: 30rpx 0;
+}
+.sceneryTitle{
+    font-size: 46rpx;
+    font-weight: bold;
+}
+/* 景点介绍内容 */
+.sceneryIntroContent{
+    font-size: 32rpx;
+}
+/* 旅游注意事项和建议游玩时间 */
+.tourNotice{
+    display: flex;
+    margin-bottom: 20rpx;
+}
+.tourNoticeTitle{
+    width: 34%;
+    font-size: 34rpx;
+    font-weight: bold;
+}
+.tourNoticeContent{
+    width: 66%;
+}

pages/scenicList/scenicList.js

@@ -0,0 +1,76 @@
+// pages/scenicList/scenicList.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    //跳转到景点详情
+    toScenicDetail() {
+        wx.navigateTo({
+            url: '/pages/scenicDetail/scenicDetail',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+        wx.showToast({
+          title: '没有更多啦',
+          icon:'none'
+        })
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/scenicList/scenicList.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "景点介绍"
+}

pages/scenicList/scenicList.wxml

@@ -0,0 +1,88 @@
+<!--pages/scenicList/scenicList.wxml-->
+<view class="title">
+    <text>景点介绍</text>
+</view>
+<view>
+    <view>
+        <view class="scenery">
+            <image class="secenryImg" mode="widthFix" lazy-load="true" src="../../images/1.jpg"></image>
+            <view class="sceneryContent" bindtap="toScenicDetail">
+                <view class="sceneryTitle">眺望台</view>
+                <text class="sceneryIntro">其中，“大家谈阅读”收录全国政协常委兼副秘书长、民进中央副主席、全民阅读形象代言人朱永新，北京大学中文系教授、博士生导师、国际安徒生奖得主曹文轩，大童话家、收藏家朱奎，“幻想大王”、中国首位迪士尼签约作家杨鹏，少儿科幻作家马传思，儿童文学作家王林柏、王君心、龙向梅关于想象力、关于阅读的文章。值得一提的是，马传思、王林柏、王君心、龙向梅均为“大白鲸”优秀作品征集活动获奖作家。“书香能致远”“开卷润童心”分别收录了“浓情书香•伴您成长”征文大赛成人组、青少组的获奖征文。该征文大赛由大连出版社、中国农业银行大连市分行联合主办。而“书香能致远”中，中国散文学会会员郑江泉、大连市残联党组成员王荔、儿童文学新锐王庆兰，来自大连南金实验学校、金普新区新桥小学、金普新区滨海学校小学部等中小学的一线老师，深情讲述了在书香中逆袭、成长的故事。</text>
+            </view>
+        </view>
+        <!-- 分隔条 -->
+        <view class="interval"></view>
+    </view>
+    <view>
+        <view class="scenery">
+            <image class="secenryImg" mode="widthFix" lazy-load="true" src="../../images/1.jpg"></image>
+            <view class="sceneryContent" bindtap="toScenicDetail">
+                <view class="sceneryTitle">眺望台</view>
+                <text class="sceneryIntro">其中，“大家谈阅读”收录全国政协常委兼副秘书长、民进中央副主席、全民阅读形象代言人朱永新，北京大学中文系教授、博士生导师、国际安徒生奖得主曹文轩，大童话家、收藏家朱奎，“幻想大王”、中国首位迪士尼签约作家杨鹏，少儿科幻作家马传思，儿童文学作家王林柏、王君心、龙向梅关于想象力、关于阅读的文章。值得一提的是，马传思、王林柏、王君心、龙向梅均为“大白鲸”优秀作品征集活动获奖作家。“书香能致远”“开卷润童心”分别收录了“浓情书香•伴您成长”征文大赛成人组、青少组的获奖征文。该征文大赛由大连出版社、中国农业银行大连市分行联合主办。而“书香能致远”中，中国散文学会会员郑江泉、大连市残联党组成员王荔、儿童文学新锐王庆兰，来自大连南金实验学校、金普新区新桥小学、金普新区滨海学校小学部等中小学的一线老师，深情讲述了在书香中逆袭、成长的故事。</text>
+            </view>
+        </view>
+        <view class="interval"></view>
+    </view>
+    <view>
+        <view class="scenery">
+            <image class="secenryImg" mode="widthFix" lazy-load="true" src="../../images/1.jpg"></image>
+            <view class="sceneryContent" bindtap="toScenicDetail">
+                <view class="sceneryTitle">眺望台</view>
+                <text class="sceneryIntro">其中，“大家谈阅读”收录全国政协常委兼副秘书长、民进中央副主席、全民阅读形象代言人朱永新，北京大学中文系教授、博士生导师、国际安徒生奖得主曹文轩，大童话家、收藏家朱奎，“幻想大王”、中国首位迪士尼签约作家杨鹏，少儿科幻作家马传思，儿童文学作家王林柏、王君心、龙向梅关于想象力、关于阅读的文章。值得一提的是，马传思、王林柏、王君心、龙向梅均为“大白鲸”优秀作品征集活动获奖作家。“书香能致远”“开卷润童心”分别收录了“浓情书香•伴您成长”征文大赛成人组、青少组的获奖征文。该征文大赛由大连出版社、中国农业银行大连市分行联合主办。而“书香能致远”中，中国散文学会会员郑江泉、大连市残联党组成员王荔、儿童文学新锐王庆兰，来自大连南金实验学校、金普新区新桥小学、金普新区滨海学校小学部等中小学的一线老师，深情讲述了在书香中逆袭、成长的故事。</text>
+            </view>
+        </view>
+        <view class="interval"></view>
+    </view>
+    <view>
+        <view class="scenery">
+            <image class="secenryImg" mode="widthFix" lazy-load="true" src="../../images/1.jpg"></image>
+            <view class="sceneryContent" bindtap="toScenicDetail">
+                <view class="sceneryTitle">眺望台</view>
+                <text class="sceneryIntro">其中，“大家谈阅读”收录全国政协常委兼副秘书长、民进中央副主席、全民阅读形象代言人朱永新，北京大学中文系教授、博士生导师、国际安徒生奖得主曹文轩，大童话家、收藏家朱奎，“幻想大王”、中国首位迪士尼签约作家杨鹏，少儿科幻作家马传思，儿童文学作家王林柏、王君心、龙向梅关于想象力、关于阅读的文章。值得一提的是，马传思、王林柏、王君心、龙向梅均为“大白鲸”优秀作品征集活动获奖作家。“书香能致远”“开卷润童心”分别收录了“浓情书香•伴您成长”征文大赛成人组、青少组的获奖征文。该征文大赛由大连出版社、中国农业银行大连市分行联合主办。而“书香能致远”中，中国散文学会会员郑江泉、大连市残联党组成员王荔、儿童文学新锐王庆兰，来自大连南金实验学校、金普新区新桥小学、金普新区滨海学校小学部等中小学的一线老师，深情讲述了在书香中逆袭、成长的故事。</text>
+            </view>
+        </view>
+        <view class="interval"></view>
+    </view>
+    <view>
+        <view class="scenery">
+            <image class="secenryImg" mode="widthFix" lazy-load="true" src="../../images/1.jpg"></image>
+            <view class="sceneryContent" bindtap="toScenicDetail">
+                <view class="sceneryTitle">眺望台</view>
+                <text class="sceneryIntro">其中，“大家谈阅读”收录全国政协常委兼副秘书长、民进中央副主席、全民阅读形象代言人朱永新，北京大学中文系教授、博士生导师、国际安徒生奖得主曹文轩，大童话家、收藏家朱奎，“幻想大王”、中国首位迪士尼签约作家杨鹏，少儿科幻作家马传思，儿童文学作家王林柏、王君心、龙向梅关于想象力、关于阅读的文章。值得一提的是，马传思、王林柏、王君心、龙向梅均为“大白鲸”优秀作品征集活动获奖作家。“书香能致远”“开卷润童心”分别收录了“浓情书香•伴您成长”征文大赛成人组、青少组的获奖征文。该征文大赛由大连出版社、中国农业银行大连市分行联合主办。而“书香能致远”中，中国散文学会会员郑江泉、大连市残联党组成员王荔、儿童文学新锐王庆兰，来自大连南金实验学校、金普新区新桥小学、金普新区滨海学校小学部等中小学的一线老师，深情讲述了在书香中逆袭、成长的故事。</text>
+            </view>
+        </view>
+        <view class="interval"></view>
+    </view>
+    <view>
+        <view class="scenery">
+            <image class="secenryImg" mode="widthFix" lazy-load="true" src="../../images/1.jpg"></image>
+            <view class="sceneryContent" bindtap="toScenicDetail">
+                <view class="sceneryTitle">眺望台</view>
+                <text class="sceneryIntro">其中，“大家谈阅读”收录全国政协常委兼副秘书长、民进中央副主席、全民阅读形象代言人朱永新，北京大学中文系教授、博士生导师、国际安徒生奖得主曹文轩，大童话家、收藏家朱奎，“幻想大王”、中国首位迪士尼签约作家杨鹏，少儿科幻作家马传思，儿童文学作家王林柏、王君心、龙向梅关于想象力、关于阅读的文章。值得一提的是，马传思、王林柏、王君心、龙向梅均为“大白鲸”优秀作品征集活动获奖作家。“书香能致远”“开卷润童心”分别收录了“浓情书香•伴您成长”征文大赛成人组、青少组的获奖征文。该征文大赛由大连出版社、中国农业银行大连市分行联合主办。而“书香能致远”中，中国散文学会会员郑江泉、大连市残联党组成员王荔、儿童文学新锐王庆兰，来自大连南金实验学校、金普新区新桥小学、金普新区滨海学校小学部等中小学的一线老师，深情讲述了在书香中逆袭、成长的故事。</text>
+            </view>
+        </view>
+        <view class="interval"></view>
+    </view>
+    <view>
+        <view class="scenery">
+            <image class="secenryImg" mode="widthFix" lazy-load="true" src="../../images/1.jpg"></image>
+            <view class="sceneryContent" bindtap="toScenicDetail">
+                <view class="sceneryTitle">眺望台</view>
+                <text class="sceneryIntro">其中，“大家谈阅读”收录全国政协常委兼副秘书长、民进中央副主席、全民阅读形象代言人朱永新，北京大学中文系教授、博士生导师、国际安徒生奖得主曹文轩，大童话家、收藏家朱奎，“幻想大王”、中国首位迪士尼签约作家杨鹏，少儿科幻作家马传思，儿童文学作家王林柏、王君心、龙向梅关于想象力、关于阅读的文章。值得一提的是，马传思、王林柏、王君心、龙向梅均为“大白鲸”优秀作品征集活动获奖作家。“书香能致远”“开卷润童心”分别收录了“浓情书香•伴您成长”征文大赛成人组、青少组的获奖征文。该征文大赛由大连出版社、中国农业银行大连市分行联合主办。而“书香能致远”中，中国散文学会会员郑江泉、大连市残联党组成员王荔、儿童文学新锐王庆兰，来自大连南金实验学校、金普新区新桥小学、金普新区滨海学校小学部等中小学的一线老师，深情讲述了在书香中逆袭、成长的故事。</text>
+            </view>
+        </view>
+        <view class="interval"></view>
+    </view>
+    <view>
+        <view class="scenery">
+            <image class="secenryImg" mode="widthFix" lazy-load="true" src="../../images/1.jpg"></image>
+            <view class="sceneryContent" bindtap="toScenicDetail">
+                <view class="sceneryTitle">眺望台</view>
+                <text class="sceneryIntro">其中，“大家谈阅读”收录全国政协常委兼副秘书长、民进中央副主席、全民阅读形象代言人朱永新，北京大学中文系教授、博士生导师、国际安徒生奖得主曹文轩，大童话家、收藏家朱奎，“幻想大王”、中国首位迪士尼签约作家杨鹏，少儿科幻作家马传思，儿童文学作家王林柏、王君心、龙向梅关于想象力、关于阅读的文章。值得一提的是，马传思、王林柏、王君心、龙向梅均为“大白鲸”优秀作品征集活动获奖作家。“书香能致远”“开卷润童心”分别收录了“浓情书香•伴您成长”征文大赛成人组、青少组的获奖征文。该征文大赛由大连出版社、中国农业银行大连市分行联合主办。而“书香能致远”中，中国散文学会会员郑江泉、大连市残联党组成员王荔、儿童文学新锐王庆兰，来自大连南金实验学校、金普新区新桥小学、金普新区滨海学校小学部等中小学的一线老师，深情讲述了在书香中逆袭、成长的故事。</text>
+            </view>
+        </view>
+        <view class="interval"></view>
+    </view>
+    
+</view>

pages/scenicList/scenicList.wxss

@@ -0,0 +1,54 @@
+/* pages/scenicList/scenicList.wxss */
+
+/* 标题样式 */
+.title{
+    width: 100%;
+    font-size: 42rpx;
+    font-weight: bold;
+    height: 80rpx;
+    line-height: 80rpx;
+    text-align: center;
+}
+
+.scenery{
+    display: flex;
+    padding: 0 20rpx;
+    margin-top: 20rpx;
+}
+
+/* 景点介绍 */
+.sceneryContent{
+    display: flex;
+    flex-direction: column;
+    width: 75%;
+    margin-left: 20rpx;
+}
+/* 景点图片 */
+.secenryImg{
+    width: 30%;
+}
+
+/* 景点名称 */
+.sceneryTitle{
+    font-size: 38rpx;
+    font-weight: bold;
+    color: goldenrod;
+}
+
+/* 景点内容介绍 */
+.sceneryIntro{
+    overflow: hidden;
+    margin-top: 30rpx;
+    display: -webkit-box;
+    /*设置对齐模式*/
+    -webkit-box-orient: vertical;
+    /*设置多行的行数*/
+    -webkit-line-clamp: 4;
+}
+/* 分隔条 */
+.interval{
+    width: 100%;
+    height: 20rpx;
+    margin: 20rpx 0;
+    background-color: rgb(236, 234, 234);
+}

pages/secondIntro/secondIntro.js

@@ -0,0 +1,66 @@
+// pages/secondIntro/secondIntro.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/secondIntro/secondIntro.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "马村简介"
+}

pages/secondIntro/secondIntro.wxml

@@ -0,0 +1,22 @@
+<!--pages/secondIntro/secondIntro.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="textContainer">
+        <view class="titleHead">
+            <text>马村简介</text>
+        </view>
+        <view class="introContent" style="white-space: pre-wrap;">
+            <text>青青园中葵，朝露待日晞。阳春布德泽，万物生光辉。常恐秋节至，焜黄华叶衰。百川东到海，何时复西归？少壮不努力，老大徒伤悲！</text>
+        </view>
+    </view>
+
+</view>

pages/secondIntro/secondIntro.wxss

@@ -0,0 +1,28 @@
+/* pages/secondIntro/secondIntro.wxss */
+
+/* 轮播图区域 */
+.banners{
+    width: 100%;
+    height: 400rpx;
+    padding: 2rpx 0;
+}
+.banners image{
+    width: 100%;
+    height: 100%;
+}
+
+/* 文本区 */
+.textContainer{
+    margin: 20rpx;
+}
+/* 标题 */
+.titleHead{
+    font-size: 50rpx;
+    margin-bottom: 40rpx;
+    font-weight: bold;
+}
+/* 内容 */
+.introContent{
+    font-size: 42rpx;
+    font-family: '仿宋';
+}