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--> |
|||
<text>pages/kj/mine/index.wxml</text> |
|||
<!--pages/user/pdd/index.wxml--> |
|||
<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--> |
|||
<title title="鉴赏详情"></title> |
|||
<title title="{{info.multimedia_url?'视频':'鉴赏'}}详情"></title> |
|||
<view wx:if="{{info}}"> |
|||
<video style="width:100%;height:420rpx" src="{{info.VideoSrc}}" controls autoplay="{{false}}" object-fit='contain' poster="{{info.Cover}}"></video> |
|||
<view class="name">{{info.Name}}</view> |
|||
</view> |
|||
<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 || 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> |
|||
@ -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