Myth
5 years ago
36 changed files with 1436 additions and 99 deletions
@ -0,0 +1,114 @@ |
|||||
|
// pages/activity/graduate/index.js
|
||||
|
import commonApi from "../../../utils/https/common" |
||||
|
import util from "../../../utils/util" |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
list:[[],[],[],[]] |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad: function (options) { |
||||
|
let ajaxes = [],list = []; |
||||
|
wx.showLoading({ |
||||
|
title: '加载中', |
||||
|
}); |
||||
|
['62','63','64'].map(item=>{ |
||||
|
ajaxes.push(commonApi._post("product/get_product_by_tag",{ |
||||
|
tag_id: item, |
||||
|
offset: 0, |
||||
|
limit: 100 |
||||
|
})) |
||||
|
}); |
||||
|
ajaxes.push(commonApi._post("scene/get_scene_by_tag",{ |
||||
|
tag_id: 30, |
||||
|
offset: 0, |
||||
|
limit: 100 |
||||
|
})) |
||||
|
Promise.all(ajaxes).then(res=>{ |
||||
|
res.map(item=>{ |
||||
|
item.data.list.map(i=>{ |
||||
|
i.display_tags = i.display_tags?i.display_tags.split(","):[]; |
||||
|
i.display_tags = i.display_tags.slice(0,2); |
||||
|
}) |
||||
|
list.push(item.data.list); |
||||
|
}) |
||||
|
this.setData({ |
||||
|
list:list |
||||
|
}) |
||||
|
wx.hideLoading({}) |
||||
|
}) |
||||
|
}, |
||||
|
gotoDetail:function(e){ |
||||
|
let item = e.currentTarget.dataset.item; |
||||
|
util.gotoDetail(item) |
||||
|
}, |
||||
|
scrollToBox:function(e){ |
||||
|
let index = e.currentTarget.dataset.index; |
||||
|
const query=wx.createSelectorQuery(); //创建节点查询器
|
||||
|
query.select("#box"+index).boundingClientRect() //选择toViewid获取位置信息
|
||||
|
query.selectViewport().scrollOffset() //获取页面查询位置的
|
||||
|
query.exec(function(res) { |
||||
|
console.log(res) |
||||
|
let scrollTop = res[0].top + res[1].scrollTop ; |
||||
|
wx.pageScrollTo({ |
||||
|
scrollTop: scrollTop - 60, |
||||
|
duration: 200 |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage: function () { |
||||
|
|
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,3 @@ |
|||||
|
{ |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1,30 @@ |
|||||
|
<!--pages/activity/graduate/index.wxml--> |
||||
|
<view style="position:relative;min-height:100vh"> |
||||
|
<image style="position:absolute;top:0;left:0" class="mainimg" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/activity/graduate/top.png" mode="widthFix"></image> |
||||
|
<view class="top-menus"> |
||||
|
<view class="top-menu" bindtap="scrollToBox" data-index="1">好玩景点</view> |
||||
|
<view class="top-menu" bindtap="scrollToBox" data-index="2">一日游</view> |
||||
|
<view class="top-menu" bindtap="scrollToBox" data-index="3">文创特产</view> |
||||
|
<view class="top-menu" bindtap="scrollToBox" data-index="4">精选酒店</view> |
||||
|
</view> |
||||
|
<view style="height:650rpx"></view> |
||||
|
<view class="list" wx:for="{{list}}" id="box{{index+1}}"> |
||||
|
<image class="titleimg" mode="widthFix" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/activity/graduate/title{{index+1}}.png"></image> |
||||
|
<view class="list-box"> |
||||
|
<view class="item" wx:for="{{item}}" bindtap="gotoDetail" data-item="{{item}}"> |
||||
|
<image class="mainimg" src="{{item.headimg}}" mode="aspectFill"></image> |
||||
|
<view class="title textOver">{{item.title}}</view> |
||||
|
<view class="product-tags"> |
||||
|
<view class="product-tag textOver" wx:for="{{item.display_tags}}">{{item}}</view> |
||||
|
</view> |
||||
|
<view class="product-bottom"> |
||||
|
<view class="price">￥<text>{{item.price/100}}</text></view> |
||||
|
<image mode="widthFix" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/activity/graduate/btn.png"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="height:80rpx"></view> |
||||
|
<image class="bottomtext" mode="widthFix" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/activity/graduate/bottom.png"></image> |
||||
|
<image class="bottombg" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/activity/graduate/bottombg.png" mode="widthFix"></image> |
||||
|
</view> |
||||
@ -0,0 +1,132 @@ |
|||||
|
/* pages/activity/graduate/index.wxss */ |
||||
|
.mainimg { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
} |
||||
|
page { |
||||
|
background: url(https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/activity/graduate/bg.png); |
||||
|
background-size: 100%; |
||||
|
background-repeat: repeat-y; |
||||
|
} |
||||
|
.top-menus { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
position: absolute; |
||||
|
justify-content: space-between; |
||||
|
left: 34rpx; |
||||
|
right: 34rpx; |
||||
|
top: 546rpx; |
||||
|
z-index: 1; |
||||
|
color: #fff; |
||||
|
line-height: 51rpx; |
||||
|
} |
||||
|
.top-menu { |
||||
|
width: 149rpx; |
||||
|
border-radius: 19rpx; |
||||
|
font-size: 26rpx; |
||||
|
flex-shrink: 0; |
||||
|
letter-spacing: 3rpx; |
||||
|
background: #308506; |
||||
|
text-align: center; |
||||
|
font-weight: lighter; |
||||
|
} |
||||
|
.list { |
||||
|
position: relative; |
||||
|
margin: 10rpx 27rpx; |
||||
|
border: solid 1rpx #7c9112; |
||||
|
padding: 8rpx; |
||||
|
border-radius: 16rpx; |
||||
|
z-index: 1; |
||||
|
margin-bottom: 40rpx; |
||||
|
} |
||||
|
.list-box { |
||||
|
border-radius: 16rpx; |
||||
|
background-color: #f6f0e4; |
||||
|
border: solid 3rpx #7c9112; |
||||
|
padding: 56rpx 30rpx; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
flex-wrap: wrap; |
||||
|
} |
||||
|
.item .mainimg { |
||||
|
width: 286rpx; |
||||
|
height: 253rpx; |
||||
|
border-radius: 16rpx; |
||||
|
} |
||||
|
.item { |
||||
|
border-radius: 16rpx; |
||||
|
padding: 7rpx; |
||||
|
width: 286rpx; |
||||
|
border: 1rpx dashed; |
||||
|
color: #7c9112; |
||||
|
margin-top: 27rpx; |
||||
|
} |
||||
|
.titleimg { |
||||
|
position: absolute; |
||||
|
display: block; |
||||
|
width: 326rpx; |
||||
|
height: 67rpx; |
||||
|
left: 50%; |
||||
|
margin-left: -163rpx; |
||||
|
top: -28rpx; |
||||
|
} |
||||
|
.item .title { |
||||
|
font-size: 25rpx; |
||||
|
line-height: 38rpx; |
||||
|
letter-spacing: -2rpx; |
||||
|
color: #469115; |
||||
|
margin: 5rpx 10rpx; |
||||
|
} |
||||
|
.product-tags { |
||||
|
margin: 0 10rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 10rpx; |
||||
|
height: 20rpx; |
||||
|
} |
||||
|
.product-tag { |
||||
|
line-height: 20rpx; |
||||
|
background-color: #b1c346; |
||||
|
padding: 0 15rpx; |
||||
|
font-size: 12rpx; |
||||
|
color: #495800; |
||||
|
margin-right: 8rpx; |
||||
|
} |
||||
|
.product-tags:last-child { |
||||
|
margin-right: 0; |
||||
|
} |
||||
|
.product-bottom { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin: 0 10rpx; |
||||
|
padding-bottom: 6rpx; |
||||
|
color: #6ea21b; |
||||
|
font-size: 14rpx; |
||||
|
align-items: flex-end; |
||||
|
} |
||||
|
.product-bottom image { |
||||
|
width: 120rpx; |
||||
|
display: block; |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
.product-bottom text { |
||||
|
font-size: 31rpx; |
||||
|
font-weight: 500; |
||||
|
line-height: 31rpx; |
||||
|
margin-left: 10rpx; |
||||
|
} |
||||
|
.bottombg { |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
display: block; |
||||
|
z-index: 0; |
||||
|
} |
||||
|
.bottomtext { |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
width: 439rpx; |
||||
|
bottom: 0; |
||||
|
z-index: 2; |
||||
|
} |
||||
@ -1,3 +1,5 @@ |
|||||
{ |
{ |
||||
"usingComponents": {} |
"usingComponents": { |
||||
|
"title":"/pages/component/TitleHeader" |
||||
|
} |
||||
} |
} |
||||
@ -1,2 +1,37 @@ |
|||||
<!--pages/kj/mine/index.wxml--> |
<!--pages/user/pdd/index.wxml--> |
||||
<text>pages/kj/mine/index.wxml</text> |
<title title="我的砍价"></title> |
||||
|
<view class="top-menus"> |
||||
|
<view class="top-menu{{type==1?' active':''}}" bindtap="changeType" data-type="1">进行中</view> |
||||
|
<view class="top-menu{{type==2?' active':''}}" bindtap="changeType" data-type="2">砍成记录</view> |
||||
|
</view> |
||||
|
<view class="list"> |
||||
|
<view class="item" wx:for="{{list}}" bindtap="gotoDetail" data-item="{{item}}"> |
||||
|
<view class="item-top"> |
||||
|
<image src="{{item.headimg}}" mode="aspectFill"></image> |
||||
|
<view class="item-info"> |
||||
|
<view class="item-info-top"> |
||||
|
<view class="item-title">{{item.title+item.sku_name}}</view> |
||||
|
<view class="item-price">￥{{item.kj_money/100}}</view> |
||||
|
</view> |
||||
|
<view class="item-info-bottom" wx:if="{{type==1}}"> |
||||
|
<view class="item-info-time" wx:if="{{item.isOver}}">已结束</view> |
||||
|
<view class="item-info-time" wx:else><text>{{item.timeText}}</text>后结束</view> |
||||
|
<view class="info-btn">继续砍价</view> |
||||
|
</view> |
||||
|
<view class="item-info-bottom" wx:else> |
||||
|
砍成日期：{{item.finish_time}} |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="item-bottom" wx:if="{{type==2 && item.flag!='expired'}}"> |
||||
|
<view class="info-btn" wx:if="{{item.flag=='over'}}" catchtap="goProduct" data-item="{{item}}">前往下单</view> |
||||
|
<view class="info-btn info-btn-new" wx:else catchtap="goOrder" data-item="{{item}}">查看订单</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view wx:if="{{list.length==0 && type==1 || type==2 && over.length==0}}" class="common-empty" style="z-index:-1"> |
||||
|
<image style="width:200rpx" mode="widthFix" src="https://resources.jszhwlpt.com/4d86a34e-4772-4649-b57f-b54c2ad222dc.png"></image> |
||||
|
<view wx:if="{{type==1}}">您暂时还未参加砍价活动</view> |
||||
|
<view wx:if="{{type==2}}">您暂时还未砍价成功</view> |
||||
|
<view wx:if="{{type==1}}" class="empty-btn" bindtap="gotoPdd">立即前往</view> |
||||
|
</view> |
||||
@ -1 +1,116 @@ |
|||||
/* pages/kj/mine/index.wxss */ |
.top-menus { |
||||
|
position: fixed; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
height: 80rpx; |
||||
|
background: white; |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
align-items: center; |
||||
|
font-size: 30rpx; |
||||
|
line-height: 80rpx; |
||||
|
} |
||||
|
page { |
||||
|
background: #F2F2F2; |
||||
|
} |
||||
|
.top-menu.active { |
||||
|
color: #E14135; |
||||
|
position: relative; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
.top-menu.active::after { |
||||
|
content: "1"; |
||||
|
font-size: 0; |
||||
|
width: 40rpx; |
||||
|
height: 6rpx; |
||||
|
background: linear-gradient(270deg, #E14135, #FF9124); |
||||
|
display: block; |
||||
|
border-radius: 3rpx; |
||||
|
position: absolute; |
||||
|
left: 50%; |
||||
|
margin-left: -20rpx; |
||||
|
bottom: 10rpx; |
||||
|
} |
||||
|
.title-header { |
||||
|
background: #fff !important; |
||||
|
} |
||||
|
.item { |
||||
|
margin: 20rpx 30rpx; |
||||
|
background: white; |
||||
|
border-radius: 20rpx; |
||||
|
font-size: 26rpx; |
||||
|
} |
||||
|
.item-top { |
||||
|
display: flex; |
||||
|
padding: 30rpx; |
||||
|
} |
||||
|
.item-top image { |
||||
|
width: 160rpx; |
||||
|
height: 160rpx; |
||||
|
display: block; |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
.item-info { |
||||
|
margin-left: 30rpx; |
||||
|
color: #333333; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: space-between; |
||||
|
flex: 1; |
||||
|
height: 160rpx; |
||||
|
width: 440rpx; |
||||
|
} |
||||
|
.item-info-top { |
||||
|
font-size: 30rpx; |
||||
|
} |
||||
|
.item-title { |
||||
|
font-weight: 500; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
margin-bottom: 6rpx; |
||||
|
} |
||||
|
.item-info-bottom { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.item-info-bottom text { |
||||
|
color: #E14135; |
||||
|
} |
||||
|
.info-btn { |
||||
|
width: 160rpx; |
||||
|
text-align: center; |
||||
|
line-height: 50rpx; |
||||
|
height: 50rpx; |
||||
|
background: linear-gradient(0deg, #E14135, #FF9124); |
||||
|
border-radius: 25rpx; |
||||
|
color: #fff; |
||||
|
margin-left: 20rpx; |
||||
|
} |
||||
|
.list { |
||||
|
padding-top: 80rpx; |
||||
|
} |
||||
|
.item-bottom { |
||||
|
display: flex; |
||||
|
padding: 20rpx 30rpx; |
||||
|
border-top: 1rpx solid #d8d8d8; |
||||
|
justify-content: flex-end; |
||||
|
} |
||||
|
.info-btn-new { |
||||
|
background: #fff; |
||||
|
border: 2rpx solid; |
||||
|
color: #F34922; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.empty-btn { |
||||
|
width: 240rpx; |
||||
|
height: 80rpx; |
||||
|
background: linear-gradient(0deg, #E14135, #FF9124); |
||||
|
border-radius: 40rpx; |
||||
|
line-height: 80rpx; |
||||
|
text-align: center; |
||||
|
color: #fff; |
||||
|
margin-top: 100rpx; |
||||
|
font-size: 30rpx; |
||||
|
} |
||||
@ -1,6 +1,12 @@ |
|||||
<!--pages/pbService/appreciate/info/index.wxml--> |
<!--pages/pbService/appreciate/info/index.wxml--> |
||||
<title title="鉴赏详情"></title> |
<title title="{{info.multimedia_url?'视频':'鉴赏'}}详情"></title> |
||||
<view wx:if="{{info}}"> |
<view wx:if="{{info}}"> |
||||
<video style="width:100%;height:420rpx" src="{{info.VideoSrc}}" controls autoplay="{{false}}" object-fit='contain' poster="{{info.Cover}}"></video> |
<video style="width:100%;height:420rpx" src="{{info.VideoSrc || info.multimedia_url}}" controls autoplay="{{false}}" object-fit='contain' poster="{{info.Cover || info.head_img}}"></video> |
||||
<view class="name">{{info.Name}}</view> |
<view class="name">{{info.Name || info.title}}</view> |
||||
|
<view class="video-bottom" wx:if="{{info.multimedia_url}}"> |
||||
|
<view class="iconfont icon-eye"></view> |
||||
|
<view style="margin-right:40rpx">{{info.views}}</view> |
||||
|
<view bindtap="like" class="iconfont icon-zan{{info.is_like==1?' active':''}}"></view> |
||||
|
<view bindtap="like">{{info.like_number}}</view> |
||||
|
</view> |
||||
</view> |
</view> |
||||
@ -0,0 +1,109 @@ |
|||||
|
// pages/pbService/museum/index.js
|
||||
|
import commonApi from "../../../utils/https/common" |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
keywords:"", |
||||
|
realKeywords:"", |
||||
|
list:[], |
||||
|
type:1, |
||||
|
page_no:1, |
||||
|
total:1 |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad: function (options) { |
||||
|
this.getList() |
||||
|
}, |
||||
|
getList:function(){ |
||||
|
if(this.data.list.length>=this.data.total) return; |
||||
|
commonApi._post("pbservice/Museum/getMuseumsByType",{ |
||||
|
page_no:this.data.page_no, |
||||
|
page_num:10, |
||||
|
search_key:this.data.realKeywords, |
||||
|
type:this.data.type |
||||
|
}).then(res=>{ |
||||
|
this.setData({ |
||||
|
total:res.data.total, |
||||
|
list:this.data.list.concat(res.data.rows), |
||||
|
page_no:this.data.page_no+1 |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
changeKeyword:function(e){ |
||||
|
this.setData({ |
||||
|
keywords:e.detail.value |
||||
|
}) |
||||
|
}, |
||||
|
search:function(){ |
||||
|
this.setData({ |
||||
|
realKeywords:this.data.keywords, |
||||
|
list:[], |
||||
|
page_no:1, |
||||
|
total:1 |
||||
|
}) |
||||
|
this.getList(); |
||||
|
}, |
||||
|
changeType:function(e){ |
||||
|
this.setData({ |
||||
|
type:e.currentTarget.dataset.type, |
||||
|
list:[], |
||||
|
page_no:1, |
||||
|
total:1 |
||||
|
}) |
||||
|
this.getList(); |
||||
|
}, |
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom: function () { |
||||
|
this.getList() |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage: function () { |
||||
|
|
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,5 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"title":"/pages/component/TitleHeader" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,31 @@ |
|||||
|
<!--pages/pbService/museum/index.wxml--> |
||||
|
<title title="博物馆查询"></title> |
||||
|
<view class="search-top-box"> |
||||
|
<view class="search-box"> |
||||
|
<view class="iconfont icon-sousuo"></view> |
||||
|
<input type="text" bindinput="changeKeyword" placeholder="请输入关键字查找" /> |
||||
|
<view class="search-btn" bindtap="search">搜索</view> |
||||
|
</view> |
||||
|
<view class="search-menus"> |
||||
|
<view class="search-menu {{type==1?'active':''}}" bindtap="changeType" data-type="1">博物馆</view> |
||||
|
<view class="search-menu {{type==2?'active':''}}" bindtap="changeType" data-type="2">陈列馆</view> |
||||
|
<view class="search-menu {{type==3?'active':''}}" bindtap="changeType" data-type="3">纪念馆</view> |
||||
|
<view class="search-menu {{type==4?'active':''}}" bindtap="changeType" data-type="4">美术馆</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view style="height:180rpx"></view> |
||||
|
<navigator url="info/index?id={{item.id}}" class="item" wx:for="{{list}}"> |
||||
|
<image src="{{item.headimg || '/images/place2.png'}}" mode="aspectFill"></image> |
||||
|
<view class="right-info"> |
||||
|
<view class="textOver title">{{item.name}}</view> |
||||
|
<view class="icon-box textOver"> |
||||
|
<view class="iconfont icon-dianhua1"></view> |
||||
|
<view class="textOver">{{item.phone}}</view> |
||||
|
</view> |
||||
|
<view class="icon-box textOver"> |
||||
|
<view class="iconfont icon-location1"></view> |
||||
|
<view class="textOver">{{item.address}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</navigator> |
||||
|
<view class="nodata" wx:if="{{total==0}}">暂无数据</view> |
||||
@ -0,0 +1,114 @@ |
|||||
|
/* pages/pbService/museum/index.wxss */ |
||||
|
page { |
||||
|
background: #EDEDED; |
||||
|
} |
||||
|
.search-top-box { |
||||
|
padding-top: 20rpx; |
||||
|
background: white; |
||||
|
position: fixed; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
font-size: 26rpx; |
||||
|
} |
||||
|
.search-box { |
||||
|
display: flex; |
||||
|
margin: 0 30rpx; |
||||
|
justify-content: space-between; |
||||
|
height: 60rpx; |
||||
|
border-radius: 30rpx; |
||||
|
background: #ededed; |
||||
|
align-items: center; |
||||
|
padding-left: 20rpx; |
||||
|
} |
||||
|
.search-box .iconfont { |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
.search-box input { |
||||
|
flex: 1; |
||||
|
width: 500rpx; |
||||
|
display: block; |
||||
|
margin: 0 20rpx; |
||||
|
} |
||||
|
.search-box .search-btn { |
||||
|
line-height: 40rpx; |
||||
|
width: 110rpx; |
||||
|
border-left: 1rpx solid #ccc; |
||||
|
text-align: center; |
||||
|
color: #0B898E; |
||||
|
} |
||||
|
.search-menus { |
||||
|
height: 95rpx; |
||||
|
margin: 0 30rpx; |
||||
|
margin-top: 5rpx; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.search-menu { |
||||
|
position: relative; |
||||
|
line-height: 50rpx; |
||||
|
width: 25%; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.search-menu.active { |
||||
|
color: #0B898E; |
||||
|
} |
||||
|
.search-menu.active::after { |
||||
|
content: "1"; |
||||
|
font-size: 0; |
||||
|
display: block; |
||||
|
position: absolute; |
||||
|
left: 50%; |
||||
|
background: #0B898E; |
||||
|
height: 4rpx; |
||||
|
border-radius: 2rpx; |
||||
|
width: 30rpx; |
||||
|
margin-left: -15rpx; |
||||
|
bottom: 0; |
||||
|
} |
||||
|
.item { |
||||
|
display: flex; |
||||
|
width: 690rpx; |
||||
|
height: 200rpx; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 20rpx; |
||||
|
margin: 20rpx 30rpx; |
||||
|
overflow: hidden; |
||||
|
color: #888888; |
||||
|
font-size: 26rpx; |
||||
|
} |
||||
|
.item image { |
||||
|
width: 200rpx; |
||||
|
height: 200rpx; |
||||
|
display: block; |
||||
|
flex-shrink: 0; |
||||
|
margin-right: 20rpx; |
||||
|
} |
||||
|
.item .icon-box { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
height: 50rpx; |
||||
|
} |
||||
|
.item .right-info { |
||||
|
flex: 1; |
||||
|
width: 430rpx; |
||||
|
margin-top: 20rpx; |
||||
|
margin-right: 20rpx; |
||||
|
} |
||||
|
.item .title { |
||||
|
font-size: 30rpx; |
||||
|
font-weight: bold; |
||||
|
color: #333; |
||||
|
margin-bottom: 30rpx; |
||||
|
} |
||||
|
.item .iconfont { |
||||
|
color: #0B898E; |
||||
|
margin-right: 10rpx; |
||||
|
} |
||||
|
.nodata { |
||||
|
text-align: center; |
||||
|
margin-top: 50rpx; |
||||
|
line-height: 50rpx; |
||||
|
font-size: 26rpx; |
||||
|
color: #999; |
||||
|
} |
||||
@ -0,0 +1,74 @@ |
|||||
|
// pages/pbService/museum/info/index.js
|
||||
|
import commonApi from "../../../../utils/https/common" |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
info:null |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad: function (options) { |
||||
|
commonApi._post("pbservice/Museum/getDetail",{ |
||||
|
id:options.id |
||||
|
}).then(res=>{ |
||||
|
res.data.listimg = res.data.listimg?res.data.listimg.split(","):[]; |
||||
|
this.setData({ |
||||
|
info:res.data |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage: function () { |
||||
|
|
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,5 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"title":"/pages/component/TitleHeader" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,27 @@ |
|||||
|
<!--pages/pbService/museum/info/index.wxml--> |
||||
|
<wxs src="../../../../utils/filter.wxs" module="tool" /> |
||||
|
<title title="详情"></title> |
||||
|
<view class="content" wx:if="{{info}}"> |
||||
|
<swiper class="swiper"> |
||||
|
<block wx:for="{{info.listimg}}" wx:key="*this"> |
||||
|
<swiper-item> |
||||
|
<image src="{{item || '/images/place1.png'}}" mode="aspectFill" class="mainimg"></image> |
||||
|
</swiper-item> |
||||
|
</block> |
||||
|
</swiper> |
||||
|
<view class="title">{{info.name}}</view> |
||||
|
<view class="tips"> |
||||
|
<view class="iconfont icon-dianhua"></view> |
||||
|
<view class="textOver">{{info.phone}}</view> |
||||
|
</view> |
||||
|
<view class="tips"> |
||||
|
<view class="iconfont icon-location"></view> |
||||
|
<view class="textOver">{{info.address}}</view> |
||||
|
</view> |
||||
|
<view class="subtitle">场馆详情</view> |
||||
|
<rich-text nodes="{{tool.formateRichText(info.detail)}}"></rich-text> |
||||
|
<view class="subtitle">接待时间</view> |
||||
|
<rich-text nodes="{{tool.formateRichText(info.open_time)}}"></rich-text> |
||||
|
<view class="subtitle">交通路线</view> |
||||
|
<rich-text nodes="{{tool.formateRichText(info.route)}}"></rich-text> |
||||
|
</view> |
||||
@ -0,0 +1,45 @@ |
|||||
|
/* pages/pbService/museum/info/index.wxss */ |
||||
|
.mainimg { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
height: 300rpx; |
||||
|
} |
||||
|
.swiper { |
||||
|
width: 100%; |
||||
|
height: 300rpx; |
||||
|
margin-bottom: 30rpx; |
||||
|
} |
||||
|
.content { |
||||
|
padding: 20rpx; |
||||
|
color: #666666; |
||||
|
font-size: 28rpx; |
||||
|
} |
||||
|
page { |
||||
|
background: white; |
||||
|
} |
||||
|
.title { |
||||
|
font-size: 36rpx; |
||||
|
font-weight: bold; |
||||
|
color: #333; |
||||
|
margin-bottom: 10rpx; |
||||
|
} |
||||
|
.tips { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
height: 50rpx; |
||||
|
} |
||||
|
.tips .iconfont { |
||||
|
flex-shrink: 0; |
||||
|
margin-right: 10rpx; |
||||
|
color: #999; |
||||
|
} |
||||
|
.subtitle { |
||||
|
padding-left: 20rpx; |
||||
|
border-left: 6rpx solid #0F9095; |
||||
|
line-height: 30rpx; |
||||
|
color: #333; |
||||
|
font-size: 30rpx; |
||||
|
font-weight: bold; |
||||
|
margin-top: 40rpx; |
||||
|
margin-bottom: 20rpx; |
||||
|
} |
||||
Loading…
Reference in new issue