From 3e0bf63a3d18a9203704ca3017e13e11defaddeb Mon Sep 17 00:00:00 2001 From: shaojing <2901156235@qq.com> Date: Thu, 25 Jan 2024 17:13:30 +0800 Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E6=B8=B8=E6=94=B9=E7=89=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.json | 4 +- pages/info/luggageInfo/index.js | 112 ++++++++++ pages/info/luggageInfo/index.json | 5 + pages/info/luggageInfo/index.wxml | 39 ++++ pages/info/luggageInfo/index.wxss | 93 +++++++++ pages/map/index.js | 329 +++++++++++++++++++++++++----- pages/map/index.wxml | 143 +++++++++++-- pages/map/index.wxss | 153 +++++++++++++- 8 files changed, 812 insertions(+), 66 deletions(-) create mode 100644 pages/info/luggageInfo/index.js create mode 100644 pages/info/luggageInfo/index.json create mode 100644 pages/info/luggageInfo/index.wxml create mode 100644 pages/info/luggageInfo/index.wxss diff --git a/app.json b/app.json index 7b89e99..33f20b5 100644 --- a/app.json +++ b/app.json @@ -182,8 +182,8 @@ "pages/user/address/add/index", "pages/user/linkman/index", "pages/user/userPrivacy/index", - "pages/user/personalInfo/index" - + "pages/user/personalInfo/index", + "pages/info/luggageInfo/index" ], "plugins": { diff --git a/pages/info/luggageInfo/index.js b/pages/info/luggageInfo/index.js new file mode 100644 index 0000000..9a49686 --- /dev/null +++ b/pages/info/luggageInfo/index.js @@ -0,0 +1,112 @@ +// pages/info/redmapInfo/index.js +// pages/info/culturalUnitInfo/index.js +import commonApi from "../../../utils/https/common" +let app = getApp(); +Page({ + + /** + * 页面的初始数据 + */ + data: { + info:null, + currentIndex:0, + top:0, + htmls:[] + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + this.setData({ + id:options.id + }) + commonApi._post("scene/detail",{ + id:options.id + }).then(res=>{ + this.setData({ + info:res.data + }) + this.BroswerRecord() + }) + }, + changeSlide(e){ + this.setData({ + currentIndex:e.detail.current + }) + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + BroswerRecord:function(){ + setTimeout(()=>{ + if(app.globalData.uuid){ + commonApi._post('browse/browse_record',{ + type:"scene", + title:this.data.info.title, + drive:"mini", + source_id:this.data.id, + url:"/pages/info/foodInfo/index?id="+this.data.id, + uuid:app.globalData.uuid + }).then(res=>{ + console.log(res) + }) + } + else { + this.BroswerRecord(); + } + },500) + }, + gotolocation: function () { + let info = this.data.info; + wx.openLocation({ + latitude: Number(info.lat), + longitude: Number(info.lon) + }) + }, + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/pages/info/luggageInfo/index.json b/pages/info/luggageInfo/index.json new file mode 100644 index 0000000..35cf02f --- /dev/null +++ b/pages/info/luggageInfo/index.json @@ -0,0 +1,5 @@ +{ + "usingComponents": { + "title":"/pages/component/TitleHeader" + } +} \ No newline at end of file diff --git a/pages/info/luggageInfo/index.wxml b/pages/info/luggageInfo/index.wxml new file mode 100644 index 0000000..e86b2e2 --- /dev/null +++ b/pages/info/luggageInfo/index.wxml @@ -0,0 +1,39 @@ + + + + + + + {{info.title}} + + + + {{info.address}} + + 到这去 + + + + 电话：{{info.tel}} + + + + 寄存时间 + + + + + + + 收费情况 + + + + + 寄存须知 + + + + + + \ No newline at end of file diff --git a/pages/info/luggageInfo/index.wxss b/pages/info/luggageInfo/index.wxss new file mode 100644 index 0000000..74ee2f0 --- /dev/null +++ b/pages/info/luggageInfo/index.wxss @@ -0,0 +1,93 @@ +/* pages/pbService/museum/info/index.wxss */ +.box { + padding: 0 26.67rpx; +} + +.title { + font-size: 35rpx; + font-family: PingFang SC; + font-weight: bold; + color: #000000; + margin: 28rpx 0 58rpx; +} + +.address { + display: flex; + align-items: center; +} + +.address-icon { + width: 29.33rpx; + height: 29.33rpx; + flex-shrink: 0; + margin-right: 22rpx; +} + +.map-icon { + width: 24rpx; + height: 26.67rpx; + flex-shrink: 0; + margin: 0 12.67rpx 0 21.33rpx; +} + +.address-text { + font-size: 24rpx; + font-family: PingFang SC; + font-weight: 500; + color: #999999; + max-width: 450rpx; +} + +.go-there { + font-size: 24rpx; + font-family: PingFang SC; + font-weight: 500; + color: #0B898E; +} + +.call-icon { + width: 29.33rpx; + height: 29.33rpx; + margin-right: 24rpx; +} + +.call { + font-size: 24rpx; + font-family: PingFangSC; + font-weight: 400; + color: #999999; +} + +.line { + width: 697rpx; + height: 1rpx; + background: #D8D8D8; + margin-bottom: 43.33rpx; +} + +.h-title { + padding-left: 6.67rpx; + font-size: 32rpx; + font-family: PingFang SC; + font-weight: bold; + color: #333333; +} + +.btm-line { + width: 173rpx; + height: 19rpx; + background: #0B898E; + opacity: 0.2; + margin-top: -15rpx; +} + +.text { + margin: 41.33rpx 0 64.67rpx; +} + +.h-title2 { + font-size: 36rpx; + font-family: PingFang SC; + font-weight: bold; + color: #333333; +} \ No newline at end of file diff --git a/pages/map/index.js b/pages/map/index.js index f2de0cf..fc6d3f5 100644 --- a/pages/map/index.js +++ b/pages/map/index.js @@ -17,7 +17,8 @@ Page({ areaIndex:0, latitude:"", longitude:"", - type:0, + // type:0, + type:1, // 改为默认选中第一个类型：景点 keywords:"", list:[], showInfo:false, @@ -27,7 +28,14 @@ Page({ productList:[], productPage:1, productTotal:1, - timeList:{} + timeList:{}, + showMore:'close', + scrollLeft: 0, + }, + listenScroll(e) { + this.setData({ + scrollLeft: e.detail.scrollLeft + }) }, /** @@ -67,6 +75,17 @@ Page({ }) }, + changeClose() { + this.setData({ + showMore:'close' + }) + }, + changeShow() { + this.setData({ + showMore:'open' + }) + console.log(this.data.showMore); + }, getIsTest(){ if(app.globalData.configJson){ this.setData({ @@ -97,6 +116,12 @@ Page({ url: '/pages/info/redmapInfo/index?id='+this.data.info.info.id, }) } + else if(this.data.info.info.type=='luggage'){ + // 行李寄存 + wx.navigateTo({ + url: '/pages/info/luggageInfo/index?id='+this.data.info.info.id, + }) + } else if(this.data.info.info.type=='restaurant' || this.data.info.info.type=='tenscenic'){ wx.navigateTo({ url: '/pages/info/foodInfo/index?id='+this.data.info.info.id, @@ -112,9 +137,97 @@ Page({ } }, + goAddress(e) { + let item = e.currentTarget.dataset.item; + wx.showModal({ + title:'到这去', + content:item.info.showContent?item.info.showContent:item.info.title, + success:function(res){ + if(res.confirm){ + wx.openLocation({ + latitude: item.latitude, + longitude: item.longitude, + }) + } + } + }) + }, onTapMarker:function(e){ console.log(e) + console.log(this.data.list,this.data.list.length); let info = this.data.list[e.detail.markerId]; + let list = []; + this.data.list.map((item,itemIndex)=>{ + let mapItem = item; + if (itemIndex == e.detail.markerId) { + mapItem.width = 30; + mapItem.height=36; + if (mapItem.info.type == "scenic") { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/4b340f512e8e424cb70ef766ad35cddb.png"; + }else if (mapItem.info.type=='venue') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/ff2d05414295b5e987c3fdc7373c5f38.png"; + }else if (mapItem.info.type=='room') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/fc2e8f86ad4977f08e7fe6284f946cb9.png"; + }else if (mapItem.info.type=='publicBycicle') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/1c35ea03927638d3d6fef7f15f92d67d.png"; + }else if (mapItem.info.type=='restaurant') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/4239b516f5ba99bff0b892a25a96c762.png"; + }else if (mapItem.info.type=='relic') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/ae03ad079e3e667e84b4e49e498c77a9.png"; + }else if (mapItem.info.type=='tenscenic') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/15f025534e644799f8c7cae6efee732f.png"; + }else if (mapItem.info.type=='academes') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/63e375cd4227fe6a58ef4eef85c38e4c.png"; + }else if (mapItem.info.type=='park') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/82218d810a22ea254afdf2a089cfd0a7.png"; + }else if (mapItem.info.type=='luggage') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/d73376830530e13963ccc3211480f975.png"; + }else if (mapItem.info.type=='tourist') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/eeb6894d312a6fd0b771623a2db6120c.png"; + }else if (mapItem.info.type=='post') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/2594df53aad900e56173eb024786379c.png"; + } else { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240125/27517eb0968079bbeadb3b6438d3fbf3.png"; + } + }else { + mapItem.width = 20; + mapItem.height=23; + if (mapItem.info.type == "scenic") { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/c59dc041fcfd8b7a62ad2ac2444adcda.png"; + }else if (mapItem.info.type=='venue') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/04aedae4dc498d45267f3636d5524af6.png"; + }else if (mapItem.info.type=='room') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/78ff8b94929d18dc6349a3482069b756.png"; + }else if (mapItem.info.type=='publicBycicle') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/6ce2b9e6eda6f8a3fea5073d5d5ad19a.png"; + }else if (mapItem.info.type=='restaurant') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/3f5bdfd0f0c81e2263bc3999291bec8f.png"; + }else if (mapItem.info.type=='relic') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/dfb34899466e98e1f2e02a40175a7672.png"; + }else if (mapItem.info.type=='tenscenic') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/f77236d6a84b8d28027417aa8ef60c96.png"; + }else if (mapItem.info.type=='academes') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/44da805692924852614afb013479e917.png"; + }else if (mapItem.info.type=='park') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/0b95fda240aa4f5eb89667188cfa1517.png"; + }else if (mapItem.info.type=='luggage') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/6ba1e554b71f451a120217c029fe1877.png"; + }else if (mapItem.info.type=='tourist') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/24fba3a917652e1bdfe31d5785dba09f.png"; + }else if (mapItem.info.type=='post') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/754a384e8aacd4a1ea41007e79910c67.png"; + } else { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/2d61b60609564fc48e38768fbef87c0a.png"; + } + } + if(mapItem.latitude<40){ + list.push(mapItem) + } + }) + this.setData({ + list:list + }) + console.log('换完图标后的list',list); if(info.info.type=='tenscenic'){ // 运河十景需要先获取景点详情 commonApi._post("scene/detail",{ @@ -219,12 +332,19 @@ Page({ this.getProductList() }) return; + }else if (info.info.type=='publicBycicle' || info.info.type=='park') { + console.log(e) + let index = e.detail.markerId,list = this.data.list; + let item = list[index]; + } else { + } this.setData({ info:info, showInfo:true, showAllMask:false }) + console.log('打印',this.data.info); }, changeMenu:function(e){ let index = e.currentTarget.dataset.index; @@ -424,56 +544,173 @@ Page({ }, changeRegion:function(e){ console.log(e) + if(e.type!='end') return; + console.log(e.detail.centerLocation) + this.setData(e.detail.centerLocation) this.getList() }, getList:function(){ + // this.setData({ + // list:[] + // }) this.mapCtx = wx.createMapContext("map"); - let types = ['','scenic','venue','post','restaurant','relic','tenscenic','cinema','academes','red_map'],that = this; - this.mapCtx.getRegion({ - type: 'gcj02', - success: function(res) { - commonApi._post("act/map_travel",{ - type:types[that.data.type], - title:that.data.keywords, - m_lon:res.southwest.longitude-0.05, - l_lon:res.northeast.longitude+0.05, - m_lat:res.southwest.latitude-0.05, - l_lat:res.northeast.latitude+0.05 - }).then(res=>{ - let list = []; - res.data.map((item,index)=>{ - let mapItem = {}; - item.lat = item.tx_lat; - item.lon = item.tx_lon; - mapItem.latitude = Number(item.lat); - mapItem.longitude = Number(item.lon); - mapItem.id = index; - mapItem.info = item; - if(item.type=='red_map'){ - mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20230506/054cea53a068545e9e27fa9cd3acbdec.png"; - } - else { - mapItem.iconPath = "https://static.ticket.sz-trip.com/xcxImages/map/"+item.type+".png"; - } - mapItem.width = 20; - mapItem.height=23; - if(mapItem.latitude<40){ - list.push(mapItem) - } - }) - that.setData({ - list:list - }) + // let types = ['','scenic','venue','post','restaurant','relic','tenscenic','cinema','academes','red_map'],that = this; + let types = ['','scenic','venue','room','publicBycicle','restaurant','relic','tenscenic','academes','park','luggage','tourist','post','red_map'],that = this; + if (types[that.data.type] == 'publicBycicle') { + commonApi.user_post("pbservice/Ztfw/publicBycicle",{ + point_type:"gaode", + lat:this.data.latitude, + lon:this.data.longitude + }).then(res=>{ + let list = []; + res.data.map((item,index)=>{ + let mapItem = {}; + item.showContent = item.name + "(" + item.address + ")"; + mapItem.latitude = Number(item.lat); + mapItem.longitude = Number(item.lng); + mapItem.id = index; + mapItem.info = item; + mapItem.info.type = 'publicBycicle'; + mapItem.width = 20; + mapItem.height=23; + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/6ce2b9e6eda6f8a3fea5073d5d5ad19a.png"; + if(mapItem.latitude<40){ + list.push(mapItem) + } + }) + this.setData({ + list:list + }) + }) + } else if (types[that.data.type] == 'park') { + commonApi.user_post("pbservice/Ztfw/park_new",{ + point_type:"gaode", + lat:this.data.latitude, + lon:this.data.longitude + }).then(res=>{ + let list = []; + res.data.map((item,index)=>{ + let mapItem = {}; + item.showContent = item.name + "(" + item.address + ")"; + mapItem.latitude = Number(item.lat); + mapItem.longitude = Number(item.lng); + mapItem.id = index; + mapItem.info = item; + mapItem.info.type = 'park'; + mapItem.width = 20; + mapItem.height=23; + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/0b95fda240aa4f5eb89667188cfa1517.png"; + if(mapItem.latitude<40){ + list.push(mapItem) + } + }) + this.setData({ + list:list }) - // that.mapCtx.getRegion({ - // success:function(r){ - // let location = r.longitude+","+r.latitude; + }) + } else { + this.mapCtx.getRegion({ + type: 'gcj02', + success: function(res) { + commonApi._post("act/map_travel",{ + type:types[that.data.type], + title:that.data.keywords, + m_lon:res.southwest.longitude-0.05, + l_lon:res.northeast.longitude+0.05, + m_lat:res.southwest.latitude-0.05, + l_lat:res.northeast.latitude+0.05 + }).then(res=>{ + let list = []; + res.data.map((item,index)=>{ + let mapItem = {}; + item.lat = item.tx_lat; + item.lon = item.tx_lon; + mapItem.latitude = Number(item.lat); + mapItem.longitude = Number(item.lon); + mapItem.id = index; + mapItem.info = item; + if(item.type=='scenic'){ + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/c59dc041fcfd8b7a62ad2ac2444adcda.png"; + }else if (item.type=='venue') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/04aedae4dc498d45267f3636d5524af6.png"; + }else if (item.type=='room') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/78ff8b94929d18dc6349a3482069b756.png"; + }else if (item.type=='restaurant') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/3f5bdfd0f0c81e2263bc3999291bec8f.png"; + }else if (item.type=='relic') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/dfb34899466e98e1f2e02a40175a7672.png"; + }else if (item.type=='tenscenic') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/f77236d6a84b8d28027417aa8ef60c96.png"; + }else if (item.type=='academes') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/44da805692924852614afb013479e917.png"; + }else if (item.type=='luggage') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/6ba1e554b71f451a120217c029fe1877.png"; + }else if (item.type=='tourist') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/24fba3a917652e1bdfe31d5785dba09f.png"; + }else if (item.type=='post') { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/754a384e8aacd4a1ea41007e79910c67.png"; + } else { + mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20240124/2d61b60609564fc48e38768fbef87c0a.png"; + } + mapItem.width = 20; + mapItem.height=23; + if(mapItem.latitude<40){ + list.push(mapItem) + } + }) + that.setData({ + list:list + }) + }) + } + }) + } + console.log('list',this.data.list); + // this.mapCtx.getRegion({ + // type: 'gcj02', + // success: function(res) { + // commonApi._post("act/map_travel",{ + // type:types[that.data.type], + // title:that.data.keywords, + // m_lon:res.southwest.longitude-0.05, + // l_lon:res.northeast.longitude+0.05, + // m_lat:res.southwest.latitude-0.05, + // l_lat:res.northeast.latitude+0.05 + // }).then(res=>{ + // let list = []; + // res.data.map((item,index)=>{ + // let mapItem = {}; + // item.lat = item.tx_lat; + // item.lon = item.tx_lon; + // mapItem.latitude = Number(item.lat); + // mapItem.longitude = Number(item.lon); + // mapItem.id = index; + // mapItem.info = item; + // if(item.type=='red_map'){ + // mapItem.iconPath = "https://static.ticket.sz-trip.com/uploads/20230506/054cea53a068545e9e27fa9cd3acbdec.png"; + // } + // else { + // mapItem.iconPath = "https://static.ticket.sz-trip.com/xcxImages/map/"+item.type+".png"; + // } + // mapItem.width = 20; + // mapItem.height=23; + // if(mapItem.latitude<40){ + // list.push(mapItem) + // } + // }) + // that.setData({ + // list:list + // }) + // }) + // // that.mapCtx.getRegion({ + // // success:function(r){ + // // let location = r.longitude+","+r.latitude; - // that.getParkList(res.northeast.longitude,res.northeast.latitude,res.southwest.longitude,res.southwest.latitude,location) - // } - // }) - } - }) + // // that.getParkList(res.northeast.longitude,res.northeast.latitude,res.southwest.longitude,res.southwest.latitude,location) + // // } + // // }) + // } + // }) }, search:function(e){ console.log(e) diff --git a/pages/map/index.wxml b/pages/map/index.wxml index 18b3a69..b1ffe8e 100644 --- a/pages/map/index.wxml +++ b/pages/map/index.wxml @@ -10,64 +10,181 @@ - + + + + + + 景点 + + + + 场馆 + + + + 酒店 + + + + 公共自行车 + + + + + + + + + + 景点 + + + + 场馆 + + + + 酒店 + + + + 公共自行车 + + + + 美食 + + + + 文保单位 + + + + 运河十景 + + + + 江南小书场 + + + + 停车场 + + + + 行李寄存 + + + + 游客中心 + + + + 特产 + + + + 红色地图 + + + + + + + + + 景点 - 场馆 - 特产 - 美食 - 文保单位 - + --> - - + 江南小书场 - 红色地图 - + --> + + + + + + {{info.info.name}} + 地址：{{info.info.address}} + 到这去 + + + + + + + {{info.info.name}} + 当前停车场总停车位：{{info.info.capacityNum}} + {{info.info.freeNum_text}} + 到这去 + + + + + + + {{info.info.title}} + 地址：{{info.info.address}} + 到这去 + + + + + + + {{info.info.title}} + 地址：{{info.info.address}} + + 寄存时间： + + + 查看详情 + - + diff --git a/pages/map/index.wxss b/pages/map/index.wxss index ed6e56b..1f803cf 100644 --- a/pages/map/index.wxss +++ b/pages/map/index.wxss @@ -9,7 +9,9 @@ } .picker { position: fixed; - left: 25rpx; + /* left: 25rpx; */ + left: 0; + top: 150rpx; display: flex; align-items: center; width: 202rpx; @@ -128,7 +130,7 @@ margin-right: 20rpx; } .map-item .info { - width: 260rpx; + width: 300rpx; display: flex; flex-direction: column; justify-content: space-between; @@ -148,15 +150,17 @@ width: 199rpx; line-height: 56rpx; color: #fff; - background: #D62828; + background: linear-gradient(180deg, #FDAB70, #FE7F19); font-size: 28rpx; text-align: center; border-radius: 28rpx; } .icon-ic_searchclosed { position: absolute; - right: -40rpx; - top: -40rpx; + right: 7rpx; + top: 7rpx; + /* right: -40rpx; + top: -40rpx; */ } .title-header .icon-fanhui1 { display: none; @@ -481,4 +485,143 @@ .right-menu-item image{ width:21.33rpx; height:25.33rpx; +} + +.menus { + position: fixed; + left: 26.67rpx; + bottom: 26.67rpx; + width: 697rpx; + height: 200rpx; + background: rgba(255,255,255,0.8); + box-shadow: 0rpx 1rpx 16rpx 0rpx rgba(153,153,153,0.35); + border-radius: 20rpx; +} + +.open { + width: 99rpx; + height: 3rpx; + background: #999; + border: 3rpx solid #999999; + margin: 0 auto; + margin-top: 13.3rpx; +} + +.menu-list { + margin-top: 37.33rpx; + display: flex; + justify-content: space-around; +} + +.menu-item{ + display: flex; + flex-direction: column; + align-items: center; +} +.menu-item-img.active{ + background: #0B898E; +} + +.menu-item-img { + width: 67rpx; + height: 67rpx; + /* border: 3rpx solid rgba(11,137,142, .6); */ + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 20.67rpx; +} + +.menu-item-img image { + width: 35rpx; + height: 37rpx; +} + +.text { + font-size: 25rpx; + font-family: PingFang SC; + font-weight: 500; + color: #0B898E; +} + +.menus2 { + width: 697rpx; + height: 380rpx; + background: rgba(255,255,255,0.8); + box-shadow: 0rpx 1rpx 16rpx 0rpx rgba(153,153,153,0.35); + border-radius: 20rpx; + position: fixed; + left: 26.67rpx; + bottom: 26.67rpx; +} + +.shouqi { + width: 100rpx; + height: 14rpx; + display: block; + margin: 0 auto; + margin-top: 20rpx; + margin-bottom: 26rpx; +} + +.menus-list1 { + /* margin-top: 37.33rpx; */ + display: flex; + /* justify-content: space-around; */ + flex-wrap: wrap; + width: calc(170rpx * 8); + margin: 0 20rpx; +} + +.menus-item{ + display: flex; + flex-direction: column; + align-items: center; + width: 150rpx; + margin-bottom: 30.33rpx; + margin-right: 20rpx; +} +.menus-item-img.active{ + background: #0B898E; +} +.menus-item-img { + width: 67rpx; + height: 67rpx; + /* border: 3rpx solid rgba(11,137,142, .6); */ + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 20.67rpx; +} + +.progress-line { + width: 40rpx; + height: 5rpx; + background: rgba(11,137,142, .3); + border-radius: 3rpx; + margin: 0 auto; + margin-top: 10rpx; +} + +.line-bg { + width: 20rpx; + height: 5rpx; + background: #0B898E; + border-radius: 3rpx; +} + +.line-bg2 { + margin-left: 20rpx; + background: #0B898E; + height: 5rpx; + border-radius: 3rpx; +} + +.textOver3 { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; } \ No newline at end of file