'message'

pages/foodDetail/foodDetail.js

@@ -1,25 +1,76 @@
 // pages/foodDetail/foodDetail.js
+
+import request from '../../utils/request'
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        shopTitle: '', //店铺名
+        foodList:[],    //美食照片路径
+        shopDescribe: '', //商铺简介
+        heat: '', //商铺热度
+        shopPhone: '', //商铺电话
+        shopAddress: '', //商铺地址
+        shopLatitude: 0, //商铺纬度
+        shopLongtitude: 0 //商铺经度
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
-    onLoad(options) {
+    onLoad: async function (options) {
+        // 获取上一个页面传过来的美食店铺id
+        // console.log(options.id);
+        let id = options.id
+        await request('/front/merchant/' + id) //更新浏览量
+        let imagePath = await request('/front/findAllMerchantFilesPath/' + id) //获取店铺照片
+        // console.log(imagePath);
+        let result = await request('/front/merchantAndCallout') //获取店铺列表
+        // console.log(result);
+        for (let i = 0; i < result.length; i++) {
+            if (result[i].id == id) {
+                this.setData({
+                    shopTitle: result[i].title,
+                    shopDescribe: result[i].describes,
+                    heat: result[i].viewCount,
+                    shopPhone: result[i].phone,
+                    shopAddress: result[i].location,
+                    shopLatitude: result[i].latitude,
+                    shopLongtitude: result[i].longitude
+                })
+            }
+        }
+        let foodList = this.data.foodList
+        for(let j = 0;j < imagePath.length;j++){
+            foodList[j] = imagePath[j].iconPath
+        }
+        this.setData({
+            foodList
+        })
+        // console.log(this.data.shopAddress);
+    },
 
+    //点击预览图片
+    toPreviewImage() {
+        let foodList = this.data.foodList
+        wx.previewImage({
+            urls: foodList // 需要预览的图片 http 链接列表
+        })
     },
 
-    toFoodAddress(){
+    // “去这里”按钮功能
+    toFoodAddress() {
+        let latitude = parseFloat(this.data.shopLatitude)
+        let longtitude = parseFloat(this.data.shopLongtitude)
+        // console.log(latitude); 
+        // console.log(longtitude);
         wx.openLocation({
-            latitude: 30.51249,
-            longitude: 103.70618,
-            name: '蜀国飘香火锅'
+            latitude: latitude,
+            longitude: longtitude,
+            name: this.data.shopTitle
         })
     },
 

pages/foodDetail/foodDetail.wxml

@@ -1,16 +1,18 @@
 <!--pages/foodDetail/foodDetail.wxml-->
 <view class="foodContainer">
     <view>
-        <text class="foodTitle">蜀国飘香火锅</text>
+        <text class="foodTitle">{{shopTitle}}</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 class="foodWrap" wx:for="{{foodList}}" wx:key="index">
+        <image class="foodImg" show-menu-by-longpress="true" mode="widthFix" bindtap="toPreviewImage" src="{{item}}"></image>
     </view>
     <view>
         <view class="shopDetail">
             <text class="shopDetailTile">简介：</text>
-            <text>蜀国飘香（天府店），位于成都市，人均消费价格为66元。适宜休闲小憩、随便吃吃、情侣约会、朋友聚餐。</text>
+            <text>{{shopDescribe}}</text>
+        </view>
+        <view class="shopDetail">
+            <text>热度：{{heat}}</text>
         </view>
         <view class="shopDetail">
             <text class="shopDetailTile">招牌菜：</text>
@@ -18,11 +20,11 @@
         </view>
         <view class="shopDetail">
             <text class="shopDetailTile">电话：</text>
-            <text>13800138000</text>
+            <text>{{shopPhone}}</text>
         </view>
         <view class="shopDetail">
             <text class="shopDetailTile">地址：</text>
-            <text class="address">四川省泸州市纳溪区纳溪马村风景区观景台旁</text>
+            <text class="address">{{shopAddress}}</text>
             <text class="adderessNav" bindtap="toFoodAddress">去这里</text>
         </view>
     </view>

pages/main/main.js

@@ -1,18 +1,49 @@
 // pages/main/main.js
+
+import request from '../../utils/request'
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        newNoticeTitle:''
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
-    onLoad(options) {
-
+    onLoad:async function(options) {
+        let result = await request('/front/notificationFront')  //获取公告列表
+        console.log(result);
+        let newNoticeTitle = this.data.newNoticeTitle
+        var newId = ''
+        // 获取最新的公告标题(未完成)
+        if(result.length == 0){
+            this.setData({
+                newNoticeTitle:'暂无公告发布'
+            })
+        }else if(result.length == 1){
+            this.setData({
+                newNoticeTitle:result[0].title
+            })
+        }else{
+            for(let i = 0;i < result.length - 1;i++){
+                for(let j = i+1;j < result.length - 1 - i;j++){
+                    if(result[j].id < result[j+1].id){
+                        let temp = result[j].id
+                        result[j] = result[j+1]
+                        result[j+1] = temp
+                    }
+                    
+                }
+            }
+            console.log(result);
+            this.setData({
+                newNoticeTitle:result[0].title
+            })
+        }
     },
 
     // 跳转到纳溪介绍页面

pages/main/main.wxml

@@ -14,7 +14,7 @@
         <text class="noticeTitle">公告：</text>
         <image class="noticeIcon" mode="widthFix" src="../../images/notice.png"></image>
         <view class="noticeContent">
-            <text class="noticeDetail">关于防疫政策的公告</text>
+            <text class="noticeDetail">{{newNoticeTitle}}</text>
         </view>
         <text class="toNoticeDetail">查看详情</text>
     </view>
@@ -34,5 +34,5 @@
         </view>
         <button class="suggest" open-type="feedback" type="primary">反馈建议</button>
     </view>
-
+   
 </view>

pages/mainIntro/mainIntro.js

@@ -7,16 +7,16 @@ Page({
      * 页面的初始数据
      */
     data: {
-        bannersList:[],
-        intro:''
+        bannersList:[], //后台获取的轮播图列表
+        intro:''    //后台获取的介绍详情
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
     onLoad:async function(options) {
-        let result = await request('/introduce/files/1')
-        let introduce = await request('/introduce/1')
+        let result = await request('/front/introduce/files/1')  //获取轮播图
+        let introduce = await request('/front/introduce/1') //获取简介信息
         this.setData({
             bannersList:result,
             intro:introduce

pages/mainIntro/mainIntro.wxss

@@ -1,5 +1,6 @@
 /* pages/index/index.wxss */
 
+
 /* 轮播图区域 */
 .banners{
     width: 100%;
@@ -27,4 +28,13 @@
     font-family: '仿宋';
 }
 
-
+/* 暂无介绍样式 */
+.noIntro{
+    color: gray;
+}
+.noImg{
+    height: 80rpx;
+    margin-left: 20rpx;
+    margin-top: 20rpx;
+    color: gray;
+}

pages/map/map.js

@@ -16,8 +16,8 @@ Page({
         marks: [],
         //搜索点位
         searchmarks: [{
-            latitude: 30.61249,
-            longitude: 103.69618,
+            latitude: '',
+            longitude: '',
             title: "",
             iconPath: "../../images/location.png",
             width: 30,
@@ -33,7 +33,7 @@ Page({
      */
     onLoad: async function (options) {
 
-        let result = await request('/merchant/merchantAndCallout')
+        let result = await request('/front/scenicSpotAndCallout')
         // console.log("结果数据：", result);
         var marker = [];
         for (let i = 0; i < result.length; i++) {
@@ -58,7 +58,7 @@ Page({
             latitude:marker[0].latitude
         })
         let marks = this.data.marks
-        // console.log(marks);
+        console.log(marks);
         var arr = new Array(marks.length)
         for (let i = 0; i < marks.length; i++) {
             let latitude = marks[i].latitude

pages/notice/notice.js

@@ -1,23 +1,34 @@
 // pages/notice/notice.js
+
+import request from '../../utils/request'
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        noticeList:''  //公告标题
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
-    onLoad(options) {
-
+    onLoad:async function(options) {
+        let result = await request('/front/notificationFront')  //获取公告列表
+        console.log(result);
+        
+        this.setData({
+            noticeList:result
+        })
     },
 
-    toNoticeDetail(){
+    // 点击跳转到公告详情
+    toNoticeDetail(e){
+        console.log(e);
+        let noticeId = e.currentTarget.dataset.item.id
         wx.navigateTo({
-          url: '/pages/noticeDetail/noticeDetail',
+          url: '/pages/noticeDetail/noticeDetail?id=' + noticeId,
         })
     },
 

pages/notice/notice.wxml

@@ -1,17 +1,15 @@
 <!--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 wx:if="{{noticeList.length == 0}}">
+        <text class="noticeList">暂无公告内容</text>
     </view>
-    <view>
-        <view class="noticeList" bindtap="toNoticeDetail">
-            <text class="noticeTitle">关于防疫政策的公告关于防疫政策的公告关于防疫政策的公告关于防疫政策的公告关于防疫政策的公告</text>
-            <text class="noticeBtn">查看详情</text>
+    <view wx:else>
+        <view wx:for="{{noticeList}}" wx:key="key">
+            <view class="noticeList" bindtap="toNoticeDetail" data-item="{{item}}">
+                <text class="noticeTitle">{{item.title}}</text>
+                <text class="noticeBtn">查看详情</text>
+            </view>
+            <view class="interval"></view>
         </view>
-        <view class="interval"></view>
     </view>
 </view>

pages/noticeDetail/noticeDetail.js

@@ -1,18 +1,48 @@
 // pages/noticeDetail/noticeDetail.js
+
+import request from '../../utils/request'
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        noticeDetailList: []
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
-    onLoad(options) {
+    onLoad: async function (options) {
+        // console.log(options.id);
+        let id = options.id
+        let result = await request('/front/notificationFront') //获取公告列表
+        // console.log(result);
+        let noticeDetailList = this.data.noticeDetailList
+        for (let i = 0; i < result.length; i++) {
+            if (result[i].id == id) {
+                noticeDetailList = result[i].iconList
+            }
+        }
+        this.setData({
+            noticeDetailList
+        })
+        console.log(this.data.noticeDetailList);
+    },
 
+    //点击预览图片
+    toPreviewImage() {
+        let noticeDetailList = this.data.noticeDetailList
+        var imgList = []
+        for(let j = 0;j < noticeDetailList.length;j++){
+            imgList[j] = noticeDetailList[j].icon
+        }
+        // console.log(imgList);
+        wx.previewImage({
+            // current: imgList, // 当前显示图片的 http 链接
+            urls: imgList // 需要预览的图片 http 链接列表
+        })
     },
 
     /**

pages/noticeDetail/noticeDetail.wxml

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

pages/noticeDetail/noticeDetail.wxss

@@ -36,4 +36,15 @@
 .noticeDetail{
     font-size: 34rpx;
     margin: 20rpx;
+}
+
+.noticeDetailImage{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.noticeDetailImg{
+    width: 100%;
 }

pages/recommendFood/recommendFood.js

@@ -1,24 +1,42 @@
 // pages/recommendFood/recommendFood.js
+
+import request from '../../utils/request'
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        foodList:[]
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
-    onLoad(options) {
-
+    onLoad:async function(options) {
+        let result = await request('/front/merchantAndCallout')  //获取商户信息
+        console.log(result);
+        let imagePath = []
+        for(let i = 0;i < result.length;i++){
+            let id = result[i].id
+            imagePath = await request('/front/findAllMerchantFilesPath/'+id)
+            // console.log(imagePath);
+            Object.assign(result[i],imagePath)
+            // console.log(result);
+        }
+
+        this.setData({
+            foodList:result
+        })        
     },
 
     //跳转到美食详情页
-    tofoodDetail(){
+    tofoodDetail(e){
+        console.log(e);
+        let foodId = e.currentTarget.dataset.item.id
         wx.navigateTo({
-          url: '/pages/foodDetail/foodDetail',
+          url: '/pages/foodDetail/foodDetail?id=' + foodId,
         })
     },
 

pages/recommendFood/recommendFood.wxml

@@ -1,45 +1,17 @@
 <!--pages/recommendFood/recommendFood.wxml-->
 <view class="foodWrap">
-    <view class="foodDetail" bindtap="tofoodDetail">
-        <image class="foodImg" src="../../images/1.jpg"></image>
+    <view class="foodDetail" bindtap="tofoodDetail" data-item="{{item}}" wx:for="{{foodList}}" wx:key="key">
+        <image class="foodImg" src="{{item[0].iconPath}}"></image>
         <view class="foodIntro">
-            <text class="foodName">蜀国飘香火锅1</text>
+            <text class="foodName">{{item.title}}</text>
             <view class="phone">
                 <image class="phoneIcon" mode="widthFix" src="../../images/phone.png"></image>
-                <text class="phoneNum">13800138000</text>
+                <text class="phoneNum">{{item.phone}}</text>
             </view>
             <view class="foodLocate">
                 <image class="locateIcon" mode="widthFix" src="../../images/foodLocate.png"></image>
-                <text class="address">四川省泸州市纳溪区纳溪马村风景区观景台旁</text>
+                <text class="address">{{item.location}}</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>  
 </view>

pages/scenicDetail/scenicDetail.js

@@ -1,28 +1,73 @@
 // pages/scenicDetail/scenicDetail.js
+
+import request from '../../utils/request'
+
 Page({
 
     /**
      * 页面的初始数据
      */
-    data: {
-
+    data: {       
+        imgList:[],     //景点路径列表
+        scenicTitle:'', //景点标题
+        scenicDescribe:'',   //景点介绍
+        scenicLatitude:'',  //景点纬度
+        scenicLongtitude:''     //景点经度
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
-    onLoad(options) {
-
+    onLoad:async function(options) {
+        // 获取上一个页面传过来的景点id
+        // console.log(options.id);
+        let id = options.id
+        await request('/front/scenicSpot/'+id)  //更新浏览量
+        let imagePath = await request('/front/findAllScenicSpotFilesPath/'+id)  //获取景点照片
+        // console.log(imagePath);
+        let result = await request('/front/scenicSpotAndCallout')   //获取景点列表
+        // console.log(result);
+        for(let i = 0;i < result.length;i++){
+            if(result[i].id == id){
+                this.setData({
+                    scenicTitle:result[i].title,
+                    scenicDescribe:result[i].describes,
+                    scenicLatitude:result[i].latitude,
+                    scenicLongtitude:result[i].longitude
+                })
+            }
+        }
+        let imgList = this.data.imgList
+        for(let j = 0;j < imagePath.length;j++){
+            imgList[j] = imagePath[j].iconPath
+        }
+        this.setData({
+            imgList
+        })
+        // console.log(this.data.imgList);
     },
 
-    //预览图片
+
+    //点击预览图片
     toPreviewImage(){
+        let imgList = this.data.imgList
         wx.previewImage({
-            current: '../../images/2.jpg', // 当前显示图片的 http 链接
-            urls: ['../../images/2.jpg','../../images/1.jpg'] // 需要预览的图片 http 链接列表
+            // current: imgList, // 当前显示图片的 http 链接
+            urls: imgList // 需要预览的图片 http 链接列表
           })
     },
 
+    // 去目的地按钮功能
+    goDestination(){
+        let latitude = parseFloat(this.data.scenicLatitude)
+        let longtitude = parseFloat(this.data.scenicLongtitude)
+        wx.openLocation({
+          latitude: latitude,
+          longitude: longtitude,
+          name:this.data.scenicTitle
+        })
+    },
+
     /**
      * 生命周期函数--监听页面初次渲染完成
      */

pages/scenicDetail/scenicDetail.wxml

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

pages/scenicDetail/scenicDetail.wxss

@@ -2,12 +2,15 @@
 
 /* 景点照片 */
 .sceneryImgWrap{
-    display: flex;    
+    display: flex;  
+    flex-direction: column;  
+    margin-left: 20rpx;  
     width: 100%;
     justify-content: center;
 }
 .sceneryImg{
     width: 96%;
+    margin-bottom: 20rpx;
     border-radius: 20rpx;
 }
 
@@ -39,4 +42,14 @@
 }
 .tourNoticeContent{
     width: 66%;
+}
+
+/* 去目的地按钮 */
+.goDestination{
+    margin-bottom: 40rpx;
+}
+
+.button{
+    /* background-color: skyblue; */
+    color: white;
 }

pages/scenicList/scenicList.js

@@ -1,24 +1,54 @@
 // pages/scenicList/scenicList.js
+
+import request from '../../utils/request'
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        scenicList:[],  //景点列表
+        imageList:[],   //景点照片列表
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
-    onLoad(options) {
-
+    onLoad:async function(options) {
+        let imageList = this.data.imageList
+        let imagePath = []
+        let result = await request('/front/scenicSpotAndCallout')  //获取景点列表
+        console.log(result);
+        //获取景点照片列表
+        for(let i = 0;i < result.length;i++){
+            let id = result[i].id
+            // console.log(id);
+            imagePath = await request('/front/findAllScenicSpotFilesPath/'+id) 
+            // console.log(imagePath);
+            imageList[i] = imagePath
+            // 将景点照片添加到景点列表
+            Object.assign(result[i],imagePath)
+            // console.log(result);
+        }
+        this.setData({
+            scenicList:result,
+            imageList
+        })
+        // console.log(this.data.imageList);
+        // console.log(this.data.scenicList);
     },
 
     //跳转到景点详情
-    toScenicDetail() {
+    toScenicDetail(e) {
+        // console.log(e);
+        // console.log(e.currentTarget.dataset.index);
+        // let scenicId = e.currentTarget.dataset.index
+        let scenicId = e.currentTarget.dataset.item.id
+        // console.log(scenicId);
+        // 跳转传参
         wx.navigateTo({
-            url: '/pages/scenicDetail/scenicDetail',
+            url: '/pages/scenicDetail/scenicDetail?id=' + scenicId,
         })
     },
 

pages/scenicList/scenicList.wxml

@@ -1,88 +1,20 @@
 <!--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 wx:for="{{scenicList}}" wx:key="key">
+        <view class="scenery" bindtap="toScenicDetail" data-item="{{item}}">
+            <!-- <image class="secenryImg" mode="widthFix" lazy-load="true" src="../../images/1.jpg"></image> -->
+            <image class="sceneryImg" mode="widthFix" lazy-load="true" src="{{item[0].iconPath}}"></image>
+            <view class="sceneryContent">
+                <view>
+                    <text class="sceneryTitle">{{item.title}}</text>
+                    <text class="clickRate">热度：{{item.viewCount}}</text>
+                </view>
+                <text class="sceneryIntro">{{item.describes}}</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

@@ -1,14 +1,14 @@
 /* pages/scenicList/scenicList.wxss */
 
 /* 标题样式 */
-.title{
+/* .title{
     width: 100%;
     font-size: 42rpx;
     font-weight: bold;
     height: 80rpx;
     line-height: 80rpx;
     text-align: center;
-}
+} */
 
 .scenery{
     display: flex;
@@ -24,7 +24,7 @@
     margin-left: 20rpx;
 }
 /* 景点图片 */
-.secenryImg{
+.sceneryImg{
     width: 30%;
 }
 
@@ -35,6 +35,12 @@
     color: goldenrod;
 }
 
+/* 景点热度 */
+.clickRate{
+    position: absolute;
+    right: 40rpx;
+}
+
 /* 景点内容介绍 */
 .sceneryIntro{
     overflow: hidden;

pages/secondIntro/secondIntro.js

@@ -1,18 +1,27 @@
 // pages/secondIntro/secondIntro.js
+
+import request from '../../utils/request'
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        bannerList:[],
+        textIntro:''
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
-    onLoad(options) {
-
+    onLoad:async function(options) {
+        let result = await request('/front/introduce/files/2')  //获取轮播图
+        let introduce = await request('/front/introduce/2') //获取简介信息
+        this.setData({
+            bannersList:result,
+            textIntro:introduce
+        })        
     },
 
     /**

pages/secondIntro/secondIntro.wxml

@@ -12,10 +12,10 @@
     <!-- 景区介绍的正文 -->
     <view class="textContainer">
         <view class="titleHead">
-            <text>马村简介</text>
+            <text>{{textIntro.title}}</text>
         </view>
         <view class="introContent" style="white-space: pre-wrap;">
-            <text>青青园中葵，朝露待日晞。阳春布德泽，万物生光辉。常恐秋节至，焜黄华叶衰。百川东到海，何时复西归？少壮不努力，老大徒伤悲！</text>
+            <text>{{textIntro.describes}}</text>
         </view>
     </view>
 

pages/secondIntro/secondIntro.wxss

@@ -1,5 +1,6 @@
 /* pages/secondIntro/secondIntro.wxss */
 
+
 /* 轮播图区域 */
 .banners{
     width: 100%;