Skip to content

严立 / mini-shimao

Go to a project
Commit 0912b5b9 by 严立
Options

LL - 增加全局界面隐藏功能

parent da21f560
Inline Side-by-side
Showing with 1420 additions and 1172 deletions
app.js
......@@ -13,6 +13,7 @@ App({
},
globalData: {
appStatus: false,
test:'999',
appImageBase: '../../../image/',
appResourcesBase: 'https://sm-web.meiqicloud.com/userfiles/appResourcesS2/',
......@@ -33,6 +34,7 @@ App({
onLaunch: function () {
this.setUnitProportion()
this.setAppStatus()
this.login()
},
......@@ -43,11 +45,38 @@ App({
this.queryUserStatus()
},
setAppStatus: function () {
this.wxRequest({
url: '/api/v1/common/getDictByType',
method: 'POST',
data: {
'type': 'is_open'
},
success: (response) => {
let funcResponse = response.data
this.globalData.appStatus = Boolean(Number(funcResponse[0].value))
console.log(this.globalData.appStatus)
}
})
},
/**
* 设置设备像素比
* @function
* @param
* @returns
*/
setUnitProportion: function () {
let funcProportion = wx.getSystemInfoSync().windowWidth / 750
wx.setStorageSync('unitProportion', funcProportion)
},
/**
* css 样式对象转换 css 字符串
* @function
* @param
* @returns
*/
cssObjectToCssString: function (funcCssObject) {
let funcCss = ''
let funcObjectKey = Object.keys(funcCssObject)
......@@ -57,6 +86,12 @@ App({
return funcCss
},
/**
* 请求封装
* @function
* @param {object} - 请求参数
* @returns
*/
wxRequest: function (obj) {
var token = this.globalData.token
var param = obj.data ? JSON.stringify(obj.data) : ''
......@@ -240,8 +275,6 @@ App({
funcUserInfo.userType = 0
break
}
funcUserInfo.userType = 0
wx.setStorageSync('userInfo', funcUserInfo)
// 如果用户身份有更新，则自动跳转到首页
......
pages/campsite/home/home.js
......@@ -7,8 +7,10 @@ let logicData = {
Page({
data: {
appStatus: App.globalData.appStatus,
imageBase: App.globalData.appImageBase,
appResourcesBase: App.globalData.appResourcesBase,
showPopup: false,
winSide: true,
sideHeight: 1250,
......
pages/campsite/home/home.wxml
......@@ -66,29 +66,31 @@
</view>
</view>
<!-- 饮品预订 文创周边-->
<view class="buy-other row con-b">
<!-- 饮品预订 -->
<view class="buy-snacks row" bindtap="onBuySnacks" data-id="{{3}}">
<view class="buy-left col con-c">
<image src="./image/yinpinyuding.png"></image>
<block wx:if="{{appStatus}}">
<!-- 饮品预订 文创周边-->
<view class="buy-other row con-b">
<!-- 饮品预订 -->
<view class="buy-snacks row" bindtap="onBuySnacks" data-id="{{3}}">
<view class="buy-left col con-c">
<image src="./image/yinpinyuding.png"></image>
</view>
<view class="buy-right col con-c">
<image src="./image/icon-bg.png"></image>
<image class="snacks-img" src="./image/yinpin.png"></image>
</view>
</view>
<view class="buy-right col con-c">
<image src="./image/icon-bg.png"></image>
<image class="snacks-img" src="./image/yinpin.png"></image>
<!-- 文创周边 -->
<view class="buy-art row" bindtap="onBuyArt" data-id="{{3}}">
<view class="buy-left col con-c">
<image src="./image/wenchuangzhoubian.png"></image>
</view>
<view class="buy-right col con-c">
<image src="./image/icon-bg.png"></image>
<image class="art-img" src="./image/shanzi.png"></image>
</view>
</view>
</view>
<!-- 文创周边 -->
<view class="buy-art row" bindtap="onBuyArt" data-id="{{3}}">
<view class="buy-left col con-c">
<image src="./image/wenchuangzhoubian.png"></image>
</view>
<view class="buy-right col con-c">
<image src="./image/icon-bg.png"></image>
<image class="art-img" src="./image/shanzi.png"></image>
</view>
</view>
</view>
</block>
<!-- 全部活动 -->
<view class="activity" bindtap="onActivityAll">
......
pages/commodity/home/home.js
......@@ -2,6 +2,7 @@ const App = getApp()
Page({
data: {
appStatus: App.globalData.appStatus,
imageBase: App.globalData.appImageBase,
resourcesBase: App.globalData.appResourcesBase,
......
pages/commodity/home/home.wxml
<navigation class="navigation"></navigation>
<view class="container">
<!-- 问候订制 -->
<view class="greeting" style="{{'padding-top:' + cssGreeting + 'px;'}}">
<text>{{greetingName + '，' + greetingMessage}}</text>
</view>
<!-- 商店 -->
<view class="shop">
<view class="shop-name">
<image src="{{resourcesBase + 'commodity/home/shop-title-1.png'}}"></image>
<block wx:if="{{!appStatus}}">
<!-- 问候订制 -->
<view class="greeting" style="{{'padding-bottom: 0; padding-top:' + cssGreeting + 'px;'}}">
<text>{{greetingName + '，' + greetingMessage}}</text>
</view>
<view class="shop-title col">
<text>这里有来自大自然的馈赠</text>
<text>用心烹饪的美食</text>
</block>
<block wx:if="{{appStatus}}">
<!-- 问候订制 -->
<view class="greeting" style="{{'padding-top:' + cssGreeting + 'px;'}}">
<text>{{greetingName + '，' + greetingMessage}}</text>
</view>
<swiper indicator-dots="true">
<!-- 原味舒食 -->
<swiper-item>
<view class="shop-banner row con-c">
<image src="{{resourcesBase + 'commodity/home/shop-1.png'}}"></image>
<button class="row con-c align-c" data-id="{{6}}" bindtap="onBuyFood"></button>
</view>
<view class="shop-menu">
<block wx:for="{{shopRecommendA}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="shop-menu-item col con-c align-c" data-id="{{6}}" data-item="{{item}}" bindtap="onBuyRecommendFood">
<image src="{{item.cover}}"></image>
<text>{{item.name}}</text>
</view>
</block>
</view>
</swiper-item>
<!-- 原野mojito -->
<swiper-item>
<view class="shop-banner row con-c">
<image src="{{resourcesBase + 'commodity/home/shop-2.png'}}"></image>
<button class="row con-c align-c" data-id="{{4}}" bindtap="onBuyFood"></button>
</view>
<view class="shop-menu">
<block wx:for="{{shopRecommendB}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="shop-menu-item col con-c align-c" data-id="{{4}}" data-item="{{item}}" bindtap="onBuyRecommendFood">
<image src="{{item.cover}}"></image>
<text>{{item.name}}</text>
</view>
</block>
</view>
</swiper-item>
</swiper>
</view>
<!-- 项目服务 -->
<view class="services col align-c">
<view class="services-title col">
<text>您可以用最优惠的价格</text>
<text>享受超级服务</text>
</view>
<view class="services-banner" bindtap="onBuyAll">
<image src="{{resourcesBase + 'commodity/home/services-title.png'}}"></image>
</view>
<view class="services-list col align-c">
<!-- 精灵鸟理想国 -->
<view class="services-list-item col align-c" data-id="{{3}}" bindtap="onBuyMembership">
<image src="{{banner[0]}}"></image>
<!-- 商店 -->
<view class="shop">
<view class="shop-name">
<image src="{{resourcesBase + 'commodity/home/shop-title-1.png'}}"></image>
</view>
<!-- 故宫海洋世界 -->
<view class="services-list-item col align-c" data-id="{{1}}" bindtap="onBuyPassCheck">
<image src="{{banner[1]}}"></image>
</view>
<!-- 元养水韵 -->
<view class="services-list-item col align-c" data-id="{{7}}" bindtap="onBuyService">
<image src="{{banner[2]}}"></image>
<view class="shop-title col">
<text>这里有来自大自然的馈赠</text>
<text>用心烹饪的美食</text>
</view>
<swiper indicator-dots="true">
<!-- 原味舒食 -->
<swiper-item>
<view class="shop-banner row con-c">
<image src="{{resourcesBase + 'commodity/home/shop-1.png'}}"></image>
<button class="row con-c align-c" data-id="{{6}}" bindtap="onBuyFood"></button>
</view>
<view class="shop-menu">
<block wx:for="{{shopRecommendA}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="shop-menu-item col con-c align-c" data-id="{{6}}" data-item="{{item}}" bindtap="onBuyRecommendFood">
<image src="{{item.cover}}"></image>
<text>{{item.name}}</text>
</view>
</block>
</view>
</swiper-item>
<!-- 原野mojito -->
<swiper-item>
<view class="shop-banner row con-c">
<image src="{{resourcesBase + 'commodity/home/shop-2.png'}}"></image>
<button class="row con-c align-c" data-id="{{4}}" bindtap="onBuyFood"></button>
</view>
<view class="shop-menu">
<block wx:for="{{shopRecommendB}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="shop-menu-item col con-c align-c" data-id="{{4}}" data-item="{{item}}" bindtap="onBuyRecommendFood">
<image src="{{item.cover}}"></image>
<text>{{item.name}}</text>
</view>
</block>
</view>
</swiper-item>
</swiper>
</view>
</view>
<!-- 能量补给站 -->
<view class="reception col align-c">
<view class="reception-title col">
<text>尽情玩耍</text>
<text>随时为你补充能量</text>
</view>
<view class="reception-banner">
<image src="{{resourcesBase + 'commodity/home/reception-title.png'}}"></image>
</view>
<view class="reception-list col align-c">
<view class="reception-list-item col align-c" data-id="{{3}}" bindtap="onBuySupply">
<image src="{{banner[3]}}"></image>
<text>儿童营地接待区</text>
<!-- 项目服务 -->
<view class="services col align-c">
<view class="services-title col">
<text>您可以用最优惠的价格</text>
<text>享受超级服务</text>
</view>
<view class="reception-list-item col align-c" data-id="{{5}}" bindtap="onBuySupply">
<image src="{{banner[4]}}"></image>
<text>拾光花坊</text>
<view class="services-banner" bindtap="onBuyAll">
<image src="{{resourcesBase + 'commodity/home/services-title.png'}}"></image>
</view>
</view>
</view>
<!-- 商店 -->
<view class="shop">
<view class="shop-name">
<image src="{{resourcesBase + 'commodity/home/shop-title-2.png'}}"></image>
</view>
<view class="shop-title col">
<text>可以为家人、朋友</text>
<text>准备一份精心的礼物</text>
</view>
<swiper indicator-dots="true">
<!-- 海错图文创店 -->
<swiper-item>
<view class="shop-banner row con-c">
<image src="{{resourcesBase + 'commodity/home/shop-3.png'}}"></image>
<button class="row con-c align-c" data-id="{{1}}" bindtap="onBuyOriginality"></button>
<view class="services-list col align-c">
<!-- 精灵鸟理想国 -->
<view class="services-list-item col align-c" data-id="{{3}}" bindtap="onBuyMembership">
<image src="{{banner[0]}}"></image>
</view>
<view class="shop-menu">
<block wx:for="{{shopRecommendC}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="shop-menu-item col con-c align-c" data-id="{{1}}" data-item="{{item}}" bindtap="onBuyRecommendOriginality">
<image src="{{item.cover}}"></image>
<text>{{item.name}}</text>
</view>
</block>
<!-- 故宫海洋世界 -->
<view class="services-list-item col align-c" data-id="{{1}}" bindtap="onBuyPassCheck">
<image src="{{banner[1]}}"></image>
</view>
</swiper-item>
<!-- 元养水韵 -->
<view class="services-list-item col align-c" data-id="{{7}}" bindtap="onBuyService">
<image src="{{banner[2]}}"></image>
</view>
</view>
</view>
<!-- 儿童营地文创店 -->
<swiper-item>
<view class="shop-banner row con-c">
<image src="{{resourcesBase + 'commodity/home/shop-4.png'}}"></image>
<button class="row con-c align-c" data-id="{{3}}" bindtap="onBuyOriginality"></button>
<!-- 能量补给站 -->
<view class="reception col align-c">
<view class="reception-title col">
<text>尽情玩耍</text>
<text>随时为你补充能量</text>
</view>
<view class="reception-banner">
<image src="{{resourcesBase + 'commodity/home/reception-title.png'}}"></image>
</view>
<view class="reception-list col align-c">
<view class="reception-list-item col align-c" data-id="{{3}}" bindtap="onBuySupply">
<image src="{{banner[3]}}"></image>
<text>儿童营地接待区</text>
</view>
<view class="shop-menu">
<block wx:for="{{shopRecommendD}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="shop-menu-item col con-c align-c" data-id="{{3}}" data-item="{{item}}" bindtap="onBuyRecommendOriginality">
<image src="{{item.cover}}"></image>
<text>{{item.name}}</text>
</view>
</block>
<view class="reception-list-item col align-c" data-id="{{5}}" bindtap="onBuySupply">
<image src="{{banner[4]}}"></image>
<text>拾光花坊</text>
</view>
</swiper-item>
</swiper>
</view>
</view>
</view>
<!-- 商店 -->
<view class="shop">
<view class="shop-name">
<image src="{{resourcesBase + 'commodity/home/shop-title-2.png'}}"></image>
</view>
<view class="shop-title col">
<text>可以为家人、朋友</text>
<text>准备一份精心的礼物</text>
</view>
<swiper indicator-dots="true">
<!-- 海错图文创店 -->
<swiper-item>
<view class="shop-banner row con-c">
<image src="{{resourcesBase + 'commodity/home/shop-3.png'}}"></image>
<button class="row con-c align-c" data-id="{{1}}" bindtap="onBuyOriginality"></button>
</view>
<view class="shop-menu">
<block wx:for="{{shopRecommendC}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="shop-menu-item col con-c align-c" data-id="{{1}}" data-item="{{item}}" bindtap="onBuyRecommendOriginality">
<image src="{{item.cover}}"></image>
<text>{{item.name}}</text>
</view>
</block>
</view>
</swiper-item>
<!-- 儿童营地文创店 -->
<swiper-item>
<view class="shop-banner row con-c">
<image src="{{resourcesBase + 'commodity/home/shop-4.png'}}"></image>
<button class="row con-c align-c" data-id="{{3}}" bindtap="onBuyOriginality"></button>
</view>
<view class="shop-menu">
<block wx:for="{{shopRecommendD}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="shop-menu-item col con-c align-c" data-id="{{3}}" data-item="{{item}}" bindtap="onBuyRecommendOriginality">
<image src="{{item.cover}}"></image>
<text>{{item.name}}</text>
</view>
</block>
</view>
</swiper-item>
</swiper>
</view>
</block>
<view class="room-appointment">
<view class="shop-title col">
......
pages/commodity/menu-food/menu-food.js
......@@ -314,7 +314,7 @@ Page({
// 获取商品分类高度，用于判断滚动位置自动选择标签
const funcQuery = wx.createSelectorQuery()
funcQuery.selectAll('.right-content-title').boundingClientRect()
funcQuery.selectAll('.menu-list-title').boundingClientRect()
funcQuery.exec((response) => {
let funcElement = response[0]
let funcSideBarHeight = []
......@@ -326,6 +326,8 @@ Page({
this.setData({
sideBarHeight: funcSideBarHeight
})
console.log(funcSideBarHeight)
})
this.setCommodityDetail()
......
pages/commodity/menu-food/menu-food.wxml
......@@ -32,6 +32,7 @@
<!-- 商品列表 -->
<scroll-view class="menu-list" scroll-y style="{{'padding-top: ' + sideBarTopPadding + 'px;'}}" scroll-top="{{commoditScroll}}" bindscroll="onCommoditScroll">
<block wx:for="{{commodityList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<!-- 此处类名关联 js 逻辑标签高度判定，需要统一修改 -->
<view class="menu-list-title">{{item.tab}}</view>
<!-- 循环商品列表 -->
......
pages/home/guide/guide.js
......@@ -8,6 +8,7 @@ let logicData = {
Page({
data: {
appStatus: App.globalData.appStatus,
imageBase: App.globalData.appImageBase,
resourcesBase: App.globalData.appResourcesBase,
......@@ -225,6 +226,17 @@ Page({
},
onPointDetail: function () {
console.log(this.data.pointDetail)
// 临时屏蔽门店
if (!this.data.appStatus) {
if (this.data.pointDetail === 'guide/card/02.png') return
if (this.data.pointDetail === 'guide/card/03.png') return
if (this.data.pointDetail === 'guide/card/04.png') return
if (this.data.pointDetail === 'guide/card/06.png') return
if (this.data.pointDetail === 'guide/card/07.png') return
if (this.data.pointDetail === 'guide/card/08.png') return
if (this.data.pointDetail === 'guide/card/13.png') return
}
// 当从景点详情进入屏蔽该功能
if (logicData.option.id) return
......
pages/mine/card/card.js
......@@ -4,14 +4,25 @@ const App = getApp()
Page({
data: {
imageBase: App.globalData.appImageBase,
animation: {},
passListType: 1, // 0为单张卡 1为多张卡
privateStatus: true,
swiperCurrent: 0,
shopConfig: App.globalData.shopId,
imageResourcesBase: App.globalData.appResourcesBase,
passList: []
passList: [],
noticeDetail: '',
winNoticeDetail: false,
},
onLoad: function (options) {
this.animation = wx.createAnimation({
duration: 700,
timingFunction: 'ease'
})
this.getCardList()
},
// 跳转订单详情
......@@ -36,7 +47,7 @@ Page({
},
//获取卡数据
getCardList() {
getCardList: function () {
let that = this
wx.showLoading({
title: '加载中',
......@@ -44,7 +55,7 @@ Page({
App.wxRequest({
url: '/api/v1/volume/getVolumeList',
data: {
status: "", //0已过期1待使用2已使用(""全部)
status: '', //0已过期1待使用2已使用(""全部)
pageNo: 1,
pageSize: -1
},
......@@ -180,5 +191,53 @@ Page({
[passList]: !this.data.passList[index].privateStatus
})
}
},
// 使用须知
onNotice: function (event) {
// 初始底部弹出动画
let funcUnitProportion = wx.getStorageSync('unitProportion')
let funcMoveHeight = funcUnitProportion * 950
this.animation.translate(0, 0)
this.setData({
winNoticeDetail: true,
animation: this.animation.export()
})
let funcTimer = setTimeout(() => {
this.animation.translate(0, -funcMoveHeight).step()
this.setData({
animation: this.animation.export()
})
clearTimeout(funcTimer)
}, 100)
let funcItem = event.currentTarget.dataset.item
App.wxRequest({
url: '/api/v1/order/getOrderDetail',
data: {
'orderId': funcItem.orderId
},
success: (response) => {
this.setData({
noticeDetail: response.data.particulars,
winNoticeDetail: true
})
}
})
},
/**
* 关闭须知详情
* @function
* @param
* @returns
*/
onNoticeClose: function () {
this.setData({
winNoticeDetail: false
})
},
})
\ No newline at end of file
pages/mine/card/card.wxml
......@@ -4,13 +4,11 @@
<!-- 单张卡 -->
<view class="card-wrapper" wx:if="{{passList.length == 1}}">
<view class="card-header">
<image wx:if="{{passList[0].cardType==1}}" class="card-bg year-bg"
src="{{imageResourcesBase +'pay/order-input/card-1.png'}}"></image>
<image wx:elif="{{passList[0].cardType==2}}" class="card-bg year-bg"
src="{{imageResourcesBase +'pay/order-input/card-2.png'}}"></image>
<image wx:if="{{passList[0].cardType==1}}" class="card-bg year-bg" src="{{imageResourcesBase +'pay/order-input/card-1.png'}}"></image>
<image wx:elif="{{passList[0].cardType==2}}" class="card-bg year-bg" src="{{imageResourcesBase +'pay/order-input/card-2.png'}}"></image>
<image wx:else class="card-bg month-bg" src="{{imageResourcesBase +'pay/order-input/card-3.png'}}">
</image>
<view class="use-notice row align-c">
<view class="use-notice row align-c" data-item="{{passList[0]}}" bindtap="onNotice">
<text>使用须知</text>
<image src="{{imageBase + 'icon/arrow-r-2.png'}}"></image>
</view>
......@@ -77,21 +75,16 @@
</view>
<!-- 多张卡 -->
<swiper class="card-list" wx:else indicator-dots indicator-color="#fff" indicator-active-color="#E57C99"
next-margin="44rpx" bindchange="eventSwiperChange">
<swiper class="card-list" wx:else indicator-dots indicator-color="#fff" indicator-active-color="#E57C99" next-margin="44rpx" bindchange="eventSwiperChange">
<block wx:for="{{passList}}" wx:key="id">
<swiper-item>
<view
class="card-wrapper {{index === swiperCurrent ? 'item-right' : ''}} {{swiperCurrent === passList.length-1 ? 'item-center' : ''}}">
<view class="card-wrapper {{index === swiperCurrent ? 'item-right' : ''}} {{swiperCurrent === passList.length-1 ? 'item-center' : ''}}">
<view class="card-header">
<image wx:if="{{item.cardType==1}}" class="card-bg year-bg"
src="{{imageResourcesBase +'pay/order-input/card-1.png'}}"></image>
<image wx:elif="{{item.cardType==2}}" class="card-bg year-bg"
src="{{imageResourcesBase +'pay/order-input/card-2.png'}}"></image>
<image wx:else class="card-bg month-bg"
src="{{imageResourcesBase +'pay/order-input/card-3.png'}}">
<image wx:if="{{item.cardType==1}}" class="card-bg year-bg" src="{{imageResourcesBase +'pay/order-input/card-1.png'}}"></image>
<image wx:elif="{{item.cardType==2}}" class="card-bg year-bg" src="{{imageResourcesBase +'pay/order-input/card-2.png'}}"></image>
<image wx:else class="card-bg month-bg" src="{{imageResourcesBase +'pay/order-input/card-3.png'}}">
</image>
<view class="use-notice row align-c">
<view class="use-notice row align-c" data-item="{{item}}" bindtap="onNotice">
<text>使用须知</text>
<image src="{{imageBase + 'icon/arrow-r-2.png'}}"></image>
</view>
......@@ -162,4 +155,16 @@
</swiper-item>
</block>
</swiper>
</view>
<!-- 须知详情 -->
<view class="notice-detail" wx:if="{{winNoticeDetail}}" bindtap="onNoticeClose">
<view class="notice-item" animation="{{animation}}">
<view class="notice-title">
<text>使用须知</text>
</view>
<view class="notice-rich">
<rich-text nodes="{{noticeDetail}}"></rich-text>
</view>
</view>
</view>
\ No newline at end of file
pages/mine/card/card.wxss
.container {
height: 100vh;
padding-top: 232rpx;
background: linear-gradient(180deg, #FFFCFC 0%, #F6DADA 100%);
background: linear-gradient(180deg, #fffcfc 0%, #f6dada 100%);
}
.card-bg {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.card-list {
width: 750rpx;
height: 1062rpx;
}
.card-wrapper {
width: 626rpx;
height: 992rpx;
}
.item-right {
margin: 0 40rpx;
}
.item-center {
margin-left: 62rpx;
}
......@@ -33,34 +38,41 @@
border-radius: 4rpx;
z-index: 0;
}
.use-notice {
position: absolute;
top: 61rpx;
right: 34rpx;
font-size: 26rpx;
}
.use-notice image {
width: 32rpx;
height: 32rpx;
}
.card-header-title {
font-size: 42rpx;
font-weight: 600;
}
.card-header-info {
margin-top: 23rpx;
font-size: 26rpx;
}
.card-header-info-left {
width: 104rpx;
height: 52rpx;
line-height: 52rpx;
}
.card-header-info-right {
margin-left: 24rpx;
height: 52rpx;
line-height: 52rpx;
}
.card-info-visible {
width: 40rpx;
height: 40rpx;
......@@ -73,47 +85,99 @@
background-color: #fff;
border-radius: 0 0 4rpx 4rpx;
}
.code-num-wrapper {
margin-top: 57rpx;
}
.code-num-title {
color: #959DA9;
color: #959da9;
font-size: 26rpx;
line-height: 36rpx;
font-weight: 600;
}
.code-num {
color: #15191F;
color: #15191f;
font-size: 30rpx;
line-height: 42rpx;
}
.code-copy {
margin-left: 24rpx;
color: #86C5E1;
color: #86c5e1;
font-size: 26rpx;
font-weight: 600;
line-height: 36rpx;
}
.QRcode {
width: 296rpx;
height: 296rpx;
margin: 57rpx 0;
background-color: #ccc;
}
.code-use-time {
color: #959DA9;
color: #959da9;
font-size: 26rpx;
}
.look-order {
margin-top: 32rpx;
}
.look-order image{
.look-order image {
margin-left: 8rpx;
width: 32rpx;
height: 32rpx;
}
image {
width: 100%;
height: 100%;
}
/* 使用须知 */
.notice-detail {
z-index: 1700;
position: fixed;
left: 0;
bottom: 0;
width: 750rpx;
height: 100%;
padding-bottom: 48rpx;
background: rgba(0, 0, 0, .6);
}
.notice-item {
position: absolute;
left: 0;
bottom: -950rpx;
width: 750rpx;
height: 70%;
padding: 130rpx 40rpx 50rpx 40rpx;
border-radius: 24px 24px 0px 0px;
background: #FFFFFF;
}
.notice-title {
position: absolute;
top: 50rpx;
width: 670rpx;
height: 130rpx;
}
.notice-title text {
height: 58rpx;
font-size: 42rpx;
font-weight: 500;
line-height: 58rpx;
color: #15191F;
}
.notice-rich {
width: 670rpx;
height: 100%;
overflow-y: scroll;
}
\ No newline at end of file
pages/mine/home/home.js
......@@ -21,6 +21,8 @@ Page({
},
navigationScroll: 0,
appStatus: App.globalData.appStatus,
isCheckPermission: false,
imageBase: App.globalData.appImageBase,
imageResourcesBase: App.globalData.appResourcesBase,
......@@ -79,7 +81,15 @@ Page({
authInfo: null,
goodTypeCountData: {},
enrollSubscribeData: {},
isLoadingOrder: true
isLoadingOrder: true,
},
onLoad: function (options) {
},
onShow: function () {
this.setUserInfo()
},
// 去活动预约列表
......@@ -111,16 +121,6 @@ Page({
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
onShow: function () {
this.setUserInfo()
},
// 查看积分明细
goIntegralDetail(event) {
let integral = event.currentTarget.dataset.integral
......@@ -510,17 +510,28 @@ Page({
// 二期代码
onOrder: function () {
let funcUserInfo = wx.getStorageSync('userInfo')
if (!funcUserInfo.isSignIn) return
wx.navigateTo({
url: '/pages/mine/order/order'
})
if (funcUserInfo.isSignIn) {
wx.navigateTo({
url: '/pages/mine/order/order'
})
} else {
wx.navigateTo({
url: '/pages/login/login'
})
}
},
onAppointment: function () {
let funcUserInfo = wx.getStorageSync('userInfo')
if (!funcUserInfo.isSignIn) return
wx.navigateTo({
url: '/pages/mine/appointment/appointment'
})
if (funcUserInfo.isSignIn) {
wx.navigateTo({
url: '/pages/mine/appointment/appointment'
})
} else {
wx.navigateTo({
url: '/pages/login/login'
})
}
},
handleToCard: function () {
console.log('onOrder')
......
pages/mine/home/home.wxml
......@@ -84,138 +84,141 @@
</view>
<view class="menu">
<!-- 订单 -->
<view class="order-activity">
<view class="order-activity-title-wrapper row con-b align-c">
<view class="order-activity-title row align-c">
<text>我的订单</text>
</view>
<view class="order-activity-all row align-c" bindtap="onOrder">
<text>查看全部</text>
<image class="all-order-icon" src="{{imageBase + 'icon/arrow-r-2.png'}}"></image>
</view>
</view>
<!-- 订单分类icno -->
<view class="order-activity-icon-list row con-b">
<view class="order-activity-icon-wrapper col align-c" data-type="3" bindtap="goOrderByclass">
<view class="order-activity-icon row con-c align-c">
<image src="{{imageResourcesBase+'mine/home/or_ticket.png'}}"></image>
<view class="order-activity-badge {{ goodTypeCountData['3'] > 9 ? 'badge-widen' : ''}}"
wx:if="{{goodTypeCountData['3'] > 0}}">
{{goodTypeCountData['3'] > 99 ? '···' : goodTypeCountData['3']}}</view>
</view>
<text>门票</text>
</view>
<view class="order-activity-icon-wrapper col align-c" data-type="5" bindtap="goOrderByclass">
<view class="order-activity-icon row con-c align-c">
<image src="{{imageResourcesBase+'mine/home/or_food.png'}}"></image>
<view class="order-activity-badge {{ goodTypeCountData['5'] > 9 ? 'badge-widen' : ''}}"
wx:if="{{goodTypeCountData['5'] > 0}}">
{{goodTypeCountData['5'] > 99 ? '···' : goodTypeCountData['5']}}</view>
<block wx:if="{{appStatus}}">
<!-- 订单 -->
<view class="order-activity">
<view class="order-activity-title-wrapper row con-b align-c">
<view class="order-activity-title row align-c">
<text>我的订单</text>
</view>
<text>餐饮</text>
</view>
<view class="order-activity-icon-wrapper col align-c" data-type="-2" bindtap="goOrderByclass">
<view class="order-activity-icon row con-c align-c">
<image src="{{imageResourcesBase+'mine/home/or_movice.png'}}"></image>
<view class="order-activity-badge {{ goodTypeCountData['-2'] > 9 ? 'badge-widen' : ''}}"
wx:if="{{goodTypeCountData['-2'] > 0}}">
{{goodTypeCountData['-2'] > 99 ? '···' : goodTypeCountData['-2']}}</view>
<view class="order-activity-all row align-c" bindtap="onOrder">
<text>查看全部</text>
<image class="all-order-icon" src="{{imageBase + 'icon/arrow-r-2.png'}}"></image>
</view>
<text>影票</text>
</view>
<view class="order-activity-icon-wrapper col align-c" data-type="2" bindtap="goOrderByclass">
<view class="order-activity-icon row con-c align-c">
<image src="{{imageResourcesBase+'mine/home/or_spa.png'}}"></image>
<view class="order-activity-badge {{ goodTypeCountData['2'] > 9 ? 'badge-widen' : ''}}"
wx:if="{{goodTypeCountData['2'] > 0}}">
{{goodTypeCountData['2'] > 99 ? '···' : goodTypeCountData['2']}}</view>
</view>
<text>SPA</text>
</view>
<view class="order-activity-icon-wrapper col align-c" data-type="4" bindtap="goOrderByclass">
<view class="order-activity-icon row con-c align-c">
<image src="{{imageResourcesBase+'mine/home/or_art.png'}}"></image>
<view class="order-activity-badge {{ goodTypeCountData['4'] > 9 ? 'badge-widen' : ''}}"
wx:if="{{goodTypeCountData['4'] > 0}}">
{{goodTypeCountData['4'] > 99 ? '···' : goodTypeCountData['4']}}</view>
</view>
<text>文创</text>
</view>
</view>
<view class="more-wrapper" wx:if="{{myOrder}}}">
<!-- 订单卡片 -->
<!-- 年卡 -->
<view class="pass-wrapper" wx:if="{{myOrder.passOrder&&myOrder.passOrder.length>0}}"
bindtap="handleToCard">
<image wx:if="{{ myOrder.passOrder[0].cardType==1}}" class="card-bg year-bg"
src="{{imageResourcesBase +'pay/order-input/card-1.png'}}"></image>
<image wx:elif="{{myOrder.passOrder[0].cardType==2}}" class="card-bg month-bg"
src="{{imageResourcesBase +'pay/order-input/card-2.png'}}"></image>
<image wx:else class="card-bg month-bg" src="{{imageResourcesBase +'pay/order-input/card-3.png'}}">
</image>
<view class="pass-bg-one" wx:if="{{myOrder.passOrder.length > 1}}"></view>
<view class="pass-bg-two" wx:if="{{myOrder.passOrder.length > 1}}"></view>
<view class="pass-logo-wrapper row align-c">
<view class="logo-box">
<image mode="aspectFit" src="{{imageResourcesBase+ myOrder.passOrder[0].logo}}"></image>
<!-- 订单分类icno -->
<view class="order-activity-icon-list row con-b">
<view class="order-activity-icon-wrapper col align-c" data-type="3" bindtap="goOrderByclass">
<view class="order-activity-icon row con-c align-c">
<image src="{{imageResourcesBase+'mine/home/or_ticket.png'}}"></image>
<view class="order-activity-badge {{ goodTypeCountData['3'] > 9 ? 'badge-widen' : ''}}"
wx:if="{{goodTypeCountData['3'] > 0}}">
{{goodTypeCountData['3'] > 99 ? '···' : goodTypeCountData['3']}}</view>
</view>
<text>{{myOrder.passOrder[0].officeName}}</text>
<text>门票</text>
</view>
<view class="pass-title">
<text>{{myOrder.passOrder[0].name}}</text>
<view class="order-activity-icon-wrapper col align-c" data-type="5" bindtap="goOrderByclass">
<view class="order-activity-icon row con-c align-c">
<image src="{{imageResourcesBase+'mine/home/or_food.png'}}"></image>
<view class="order-activity-badge {{ goodTypeCountData['5'] > 9 ? 'badge-widen' : ''}}"
wx:if="{{goodTypeCountData['5'] > 0}}">
{{goodTypeCountData['5'] > 99 ? '···' : goodTypeCountData['5']}}</view>
</view>
<text>餐饮</text>
</view>
<view class="pass-time">
<text>有效期至{{myOrder.passOrder[0].expireTime}}</text>
<view class="order-activity-icon-wrapper col align-c" data-type="-2" bindtap="goOrderByclass">
<view class="order-activity-icon row con-c align-c">
<image src="{{imageResourcesBase+'mine/home/or_movice.png'}}"></image>
<view class="order-activity-badge {{ goodTypeCountData['-2'] > 9 ? 'badge-widen' : ''}}"
wx:if="{{goodTypeCountData['-2'] > 0}}">
{{goodTypeCountData['-2'] > 99 ? '···' : goodTypeCountData['-2']}}</view>
</view>
<text>影票</text>
</view>
<view class="pass-name">
<text>{{myOrder.passOrder[0].personName}}</text>
<view class="order-activity-icon-wrapper col align-c" data-type="2" bindtap="goOrderByclass">
<view class="order-activity-icon row con-c align-c">
<image src="{{imageResourcesBase+'mine/home/or_spa.png'}}"></image>
<view class="order-activity-badge {{ goodTypeCountData['2'] > 9 ? 'badge-widen' : ''}}"
wx:if="{{goodTypeCountData['2'] > 0}}">
{{goodTypeCountData['2'] > 99 ? '···' : goodTypeCountData['2']}}</view>
</view>
<text>SPA</text>
</view>
<view class="pass-idNum">
<text>{{myOrder.passOrder[0].identityCard}}</text>
<view class="order-activity-icon-wrapper col align-c" data-type="4" bindtap="goOrderByclass">
<view class="order-activity-icon row con-c align-c">
<image src="{{imageResourcesBase+'mine/home/or_art.png'}}"></image>
<view class="order-activity-badge {{ goodTypeCountData['4'] > 9 ? 'badge-widen' : ''}}"
wx:if="{{goodTypeCountData['4'] > 0}}">
{{goodTypeCountData['4'] > 99 ? '···' : goodTypeCountData['4']}}</view>
</view>
<text>文创</text>
</view>
</view>
<!-- 商品 -->
<block wx:if="myOrder.artOrder.orderList.length>0">
<view class="goods-wrapper" wx:for="{{myOrder.artOrder.orderList}}" wx:key="*this"
data-item="{{item}}" bindtap="onOrderDetail">
<view class="goods-logo-wrapper row align-c">
<view class="more-wrapper" wx:if="{{myOrder}}}">
<!-- 订单卡片 -->
<!-- 年卡 -->
<view class="pass-wrapper" wx:if="{{myOrder.passOrder&&myOrder.passOrder.length>0}}"
bindtap="handleToCard">
<image wx:if="{{ myOrder.passOrder[0].cardType==1}}" class="card-bg year-bg"
src="{{imageResourcesBase +'pay/order-input/card-1.png'}}"></image>
<image wx:elif="{{myOrder.passOrder[0].cardType==2}}" class="card-bg month-bg"
src="{{imageResourcesBase +'pay/order-input/card-2.png'}}"></image>
<image wx:else class="card-bg month-bg" src="{{imageResourcesBase +'pay/order-input/card-3.png'}}">
</image>
<view class="pass-bg-one" wx:if="{{myOrder.passOrder.length > 1}}"></view>
<view class="pass-bg-two" wx:if="{{myOrder.passOrder.length > 1}}"></view>
<view class="pass-logo-wrapper row align-c">
<view class="logo-box">
<image mode="aspectFit" src="{{imageResourcesBase+ item.logo}}"></image>
<image mode="aspectFit" src="{{imageResourcesBase+ myOrder.passOrder[0].logo}}"></image>
</view>
<text>{{item.officeName}}</text>
</view>
<view class="goods-content row align-c">
<block wx:if="{{item.smOrderDetails.length>3}}">
<image src="{{k.imgUrl}}" wx:for="{{item.smOrderDetailsSlice3}}" wx:for-item="k"
wx:key="*this">
</image>
</block>
<block wx:else>
<image src="{{k.imgUrl}}" wx:for="{{item.smOrderDetails}}" wx:for-item="k"
wx:key="*this">
</image>
</block>
<text wx:if="{{item.smOrderDetails.length == 1}}">{{item.smOrderDetails[0].name}}</text>
<text>{{myOrder.passOrder[0].officeName}}</text>
</view>
<view class="goods-footer row align-c con-b">
<text>有效期{{item.expireTimeEnd}}</text>
<text>共{{item.smOrderDetails.length}}件</text>
<view class="pass-title">
<text>{{myOrder.passOrder[0].name}}</text>
</view>
<view class="pass-time">
<text>有效期至{{myOrder.passOrder[0].expireTime}}</text>
</view>
<view class="pass-name">
<text>{{myOrder.passOrder[0].personName}}</text>
</view>
<view class="pass-idNum">
<text>{{myOrder.passOrder[0].identityCard}}</text>
</view>
</view>
<!-- more -->
<view class="more row align-c con-c" bindtap="onShowMoreOrder" wx:if="{{!isLoadingOrder&&orderListBackup.length>1}}">
<text wx:if="{{!showMoreOrder}}">展开更多</text>
<text wx:else>收起</text>
<image wx:if="{{!showMoreOrder}}" src="{{imageBase + 'icon/arrow-b-2.png'}}"></image>
<image wx:else src="{{imageBase + 'up.png'}}"></image>
</view>
</block>
<!-- 商品 -->
<block wx:if="myOrder.artOrder.orderList.length>0">
<view class="goods-wrapper" wx:for="{{myOrder.artOrder.orderList}}" wx:key="*this"
data-item="{{item}}" bindtap="onOrderDetail">
<view class="goods-logo-wrapper row align-c">
<view class="logo-box">
<image mode="aspectFit" src="{{imageResourcesBase+ item.logo}}"></image>
</view>
<text>{{item.officeName}}</text>
</view>
<view class="goods-content row align-c">
<block wx:if="{{item.smOrderDetails.length>3}}">
<image src="{{k.imgUrl}}" wx:for="{{item.smOrderDetailsSlice3}}" wx:for-item="k"
wx:key="*this">
</image>
</block>
<block wx:else>
<image src="{{k.imgUrl}}" wx:for="{{item.smOrderDetails}}" wx:for-item="k"
wx:key="*this">
</image>
</block>
<text wx:if="{{item.smOrderDetails.length == 1}}">{{item.smOrderDetails[0].name}}</text>
</view>
<view class="goods-footer row align-c con-b">
<text>有效期{{item.expireTimeEnd}}</text>
<text>共{{item.smOrderDetails.length}}件</text>
</view>
</view>
<!-- more -->
<view class="more row align-c con-c" bindtap="onShowMoreOrder" wx:if="{{!isLoadingOrder&&orderListBackup.length>1}}">
<text wx:if="{{!showMoreOrder}}">展开更多</text>
<text wx:else>收起</text>
<image wx:if="{{!showMoreOrder}}" src="{{imageBase + 'icon/arrow-b-2.png'}}"></image>
<image wx:else src="{{imageBase + 'up.png'}}"></image>
</view>
</block>
</view>
</view>
</view>
</block>
<!-- 预约 -->
<view class="order-activity">
<view class="order-activity-title-wrapper row con-b align-c">
......
pages/mine/order/order.js
......@@ -550,15 +550,53 @@ Page({
* @returns
*/
onOrderAgain: function (event) {
let item = event.currentTarget.dataset.item
let funcItem = event.currentTarget.dataset.item
console.log(funcItem)
let funcUrl = ''
App.setShopInfo(funcItem.shopAppId, funcItem.commodityType)
switch (funcItem.shopAppId) {
// 海错图
case 1:
if (funcItem.commodityType === 1) funcUrl = '/pages/commodity/project-detail/project-detail'
if (funcItem.commodityType === 3) funcUrl = '/pages/commodity/project-detail/project-detail'
break
// 星空影院
case 2:
break
// 儿童营地
case 3:
if (funcItem.commodityType === 1) funcUrl = '/pages/commodity/project-detail/project-detail'
if (funcItem.commodityType === 2) funcUrl = '/pages/commodity/menu-food/menu-food'
if (funcItem.commodityType === 3) funcUrl = '/pages/commodity/project-detail/project-detail'
break
// 原野MOJITO
case 4:
if (funcItem.commodityType === 5) funcUrl = '/pages/commodity/menu-food/menu-food'
break
// 拾光花坊
case 5:
if (funcItem.commodityType === 5) funcUrl = '/pages/commodity/menu-food/menu-food'
break
// 原味舒食
case 6:
if (funcItem.commodityType === 5) funcUrl = '/pages/commodity/menu-food/menu-food'
break
// 元养水韵SPA
case 7:
if (funcItem.commodityType === 2) funcUrl = '/pages/commodity/project-detail/project-detail'
break
}
console.log(item, '再次下单')
let commodityType = item.commodityType
let shopAppId = item.shopAppId// wx.getStorageSync('shopInfoBuffer') ? wx.getStorageSync('shopInfoBuffer').appId : ""
console.log(commodityType, 'commodityType------------------------');
console.log(shopAppId, 'shopAppId------------------------');
wx.navigateTo({
url: `/pages/commodity/menu-food/menu-food?formPage=order&shopAppId=${shopAppId}&commodityType=${commodityType}`,
url: funcUrl,
})
},
......
pages/mine/order/order.wxml
<!-- 订单分类选择 -->
<view class="navigation-order row con-b align-c">
<image src="{{imageBase + 'icon/arrow-l-1.png'}}" bindtap="onNavigationBack"></image>
<view class="order-type row con-c align-c" bindtap="onOrderType">
<text>{{orderTypeTitle}}</text>
<image src="{{imageBase + 'icon/arrow-b-2.png'}}"></image>
</view>
<image src=""></image>
<image src="{{imageBase + 'icon/arrow-l-1.png'}}" bindtap="onNavigationBack"></image>
<view class="order-type row con-c align-c" bindtap="onOrderType">
<text>{{orderTypeTitle}}</text>
<image src="{{imageBase + 'icon/arrow-b-2.png'}}"></image>
</view>
<image src=""></image>
</view>
<!-- 订单状态选择 -->
<view class="order-type-selection col" wx:if="{{winOrderType}}" bindtap="onOrderType">
<view>
<view class="order-type-row row con-b align-c">
<block wx:for="{{orderType}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view wx:if="{{index < 3}}"
class="order-type-item row con-c align-c {{orderTypeActive === index ? 'order-type-item-active' : ''}}"
data-item="{{item}}" data-index="{{index}}" bindtap="onOrderTypeSelection">
<text>{{item.name}}</text>
</view>
</block>
</view>
<view class="order-type-row row con-b align-c">
<block wx:for="{{orderType}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view wx:if="{{3 <= index && index < 6}}"
class="order-type-item row con-c align-c {{orderTypeActive === index ? 'order-type-item-active' : ''}}"
data-item="{{item}}" data-index="{{index}}" bindtap="onOrderTypeSelection">
<text>{{item.name}}</text>
</view>
</block>
</view>
<!-- <view class="order-type-row row con-b align-c">
<block wx:for="{{orderType}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view wx:if="{{6 <= index && index < 9}}"
class="order-type-item row con-c align-c {{orderTypeActive === index ? 'order-type-item-active' : ''}}"
data-item="{{item}}" data-index="{{index}}" bindtap="onOrderTypeSelection">
<text>{{item.name}}</text>
</view>
</block>
</view> -->
</view>
<view>
<view class="order-type-row row con-b align-c">
<block wx:for="{{orderType}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view wx:if="{{index < 3}}"
class="order-type-item row con-c align-c {{orderTypeActive === index ? 'order-type-item-active' : ''}}"
data-item="{{item}}" data-index="{{index}}" bindtap="onOrderTypeSelection">
<text>{{item.name}}</text>
</view>
</block>
</view>
<view class="order-type-row row con-b align-c">
<block wx:for="{{orderType}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view wx:if="{{3 <= index && index < 6}}"
class="order-type-item row con-c align-c {{orderTypeActive === index ? 'order-type-item-active' : ''}}"
data-item="{{item}}" data-index="{{index}}" bindtap="onOrderTypeSelection">
<text>{{item.name}}</text>
</view>
</block>
</view>
</view>
</view>
<!-- 订单列表 -->
<view class="container-order">
<view class="status row con-b align-c fixed-tab">
<block wx:for="{{statusList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="status-item row con-c align-c {{index === statusActive ? 'status-item-active' : ''}}"
data-type="{{index}}" bindtap="onSelectionStatus">
<text>{{item.name}}</text>
</view>
</block>
</view>
<block wx:if="{{orderList.length>0}}">
<view class="order-list col con-c align-c">
<block wx:for="{{orderList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="order-list-item col align-c" data-item="{{item}}" bindtap="onOrderDetail">
<view class="order-list-item-title row con-b align-c">
<view class="row align-c">
<view class="logo-box">
<image wx:if="{{item.shopLogo}}" src="{{resourcesBase + item.shopLogo}}" mode="aspectFit"></image>
</view>
<text>{{item.shopName}}</text>
</view>
<view>
<text class="warning" wx:if="{{item.status === 0}}">待付款</text>
<text class="warning" wx:if="{{item.status === 2}}">待使用</text>
<text class="warning" wx:if="{{item.status === 3}}">待评价</text>
<text class="message" wx:if="{{item.status === -1}}">已取消</text>
<text class="message" wx:if="{{item.status === 4}}">已过期</text>
<text class="message" wx:if="{{item.status === 6}}">已评价</text>
</view>
</view>
<view class="status row con-b align-c fixed-tab">
<block wx:for="{{statusList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="status-item row con-c align-c {{index === statusActive ? 'status-item-active' : ''}}"
data-type="{{index}}" bindtap="onSelectionStatus">
<text>{{item.name}}</text>
</view>
</block>
</view>
<block wx:if="{{orderList.length>0}}">
<view class="order-list col con-c align-c">
<block wx:for="{{orderList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="order-list-item col align-c" data-item="{{item}}" bindtap="onOrderDetail">
<view class="order-list-item-title row con-b align-c">
<view class="row align-c">
<view class="logo-box">
<image wx:if="{{item.shopLogo}}" src="{{resourcesBase + item.shopLogo}}" mode="aspectFit"></image>
</view>
<text>{{item.shopName}}</text>
</view>
<view>
<text class="warning" wx:if="{{item.status === 0}}">待付款</text>
<text class="warning" wx:if="{{item.status === 2}}">待使用</text>
<text class="warning" wx:if="{{item.status === 3}}">待评价</text>
<text class="message" wx:if="{{item.status === -1}}">已取消</text>
<text class="message" wx:if="{{item.status === 4}}">已过期</text>
<text class="message" wx:if="{{item.status === 6}}">已评价</text>
</view>
</view>
<!-- 商品数量样式一 -->
<view class="order-list-item-service row con-b align-c" wx:if="{{item.commodity.length === 1}}">
<image class="cover" src="{{item.commodity[0].cover}}"></image>
<text class="name">{{item.commodity[0].name}}</text>
<text class="total">{{'x ' + item.total}}</text>
</view>
<!-- 商品数量样式二 -->
<view class="order-list-item-service row con-b align-c" wx:if="{{item.commodity.length >= 2}}">
<block wx:if="{{item.commodity.length>3}}">
<block wx:for="{{item.commoditySlice3}}" wx:for-index="commodityIndex" wx:for-item="commodityItem"
wx:key="commodityIndex">
<image class="cover" src="{{commodityItem.cover}}"></image>
</block>
</block>
<block wx:else>
<block wx:for="{{item.commodity}}" wx:for-index="commodityIndex" wx:for-item="commodityItem"
wx:key="commodityIndex">
<image class="cover" src="{{commodityItem.cover}}"></image>
</block>
</block>
<!-- 商品数量样式一 -->
<view class="order-list-item-service row con-b align-c" wx:if="{{item.commodity.length === 1}}">
<image class="cover" src="{{item.commodity[0].cover}}"></image>
<text class="name">{{item.commodity[0].name}}</text>
<text class="total">{{'x ' + item.total}}</text>
</view>
<!-- 商品数量样式二 -->
<view class="order-list-item-service row con-b align-c" wx:if="{{item.commodity.length >= 2}}">
<block wx:if="{{item.commodity.length>3}}">
<block wx:for="{{item.commoditySlice3}}" wx:for-index="commodityIndex" wx:for-item="commodityItem"
wx:key="commodityIndex">
<image class="cover" src="{{commodityItem.cover}}"></image>
</block>
</block>
<block wx:else>
<block wx:for="{{item.commodity}}" wx:for-index="commodityIndex" wx:for-item="commodityItem"
wx:key="commodityIndex">
<image class="cover" src="{{commodityItem.cover}}"></image>
</block>
</block>
<text class="total">{{'共 ' + item.commodityBackup.length + ' 件'}}</text>
</view>
<view class="order-list-item-operation row con-b align-c">
<view class="row align-c">
<text class="amount">实付:</text>
<text class="amount">¥{{item.amount}}</text>
</view>
<view class="row align-c">
<button wx:if="{{item.status === 0}}" class="delete row con-c align-c" data-index="{{index}}"
data-item="{{item}}" catchtap="onOrderCancel" disabled="{{isDoing}}">取消订单</button>
<button disabled="{{isDoing}}" wx:if="{{item.status === -1 || item.status === 4}}"
class="delete row con-c align-c" data-item="{{item}}" catchtap="onOrderRemove">删除订单</button>
<button disabled="{{isDoing}}" wx:if="{{item.status === 0}}" class="again row con-c align-c"
data-item="{{item}}" catchtap="onOrderPay">去支付</button>
<button disabled="{{isDoing}}" wx:if="{{item.status === 2}}" class="again row con-c align-c"
data-item="{{item}}" catchtap="onOrderUse">去使用</button>
<button disabled="{{isDoing}}" wx:if="{{item.status === 3}}" class="again row con-c align-c"
data-item="{{item}}" catchtap="onOrderEvaluate">去评价</button>
<button disabled="{{isDoing}}" wx:if="{{item.status === -1}}" class="again row con-c align-c"
data-item="{{item}}" catchtap="onOrderAgain">再次下单</button>
</view>
</view>
</view>
</block>
</view>
</block>
<block wx:else>
<view class="empty col con-c align-c" wx:if="{{!isLoading}}">
<image class="empty-cart" src=""></image>
<view class="empty-title">
<text>{{ statusActive!=0? '暂无相关订单':'暂无订单'}}</text>
</view>
<view class="empty-btn" bindtap="onToBuy" wx:if="{{statusActive===0}}">
<text>去逛逛</text>
</view>
</view>
</block>
<text class="total">{{'共 ' + item.commodityBackup.length + ' 件'}}</text>
</view>
<view class="order-list-item-operation row con-b align-c">
<view class="row align-c">
<text class="amount">实付:</text>
<text class="amount">¥{{item.amount}}</text>
</view>
<view class="row align-c">
<button wx:if="{{item.status === 0}}" class="delete row con-c align-c" data-index="{{index}}" data-item="{{item}}" catchtap="onOrderCancel" disabled="{{isDoing}}">取消订单</button>
<button disabled="{{isDoing}}" wx:if="{{item.status === -1 || item.status === 4}}" class="delete row con-c align-c" data-item="{{item}}" catchtap="onOrderRemove">删除订单</button>
<button disabled="{{isDoing}}" wx:if="{{item.status === 0}}" class="again row con-c align-c" data-item="{{item}}" catchtap="onOrderPay">去支付</button>
<button disabled="{{isDoing}}" wx:if="{{item.status === 2}}" class="again row con-c align-c" data-item="{{item}}" catchtap="onOrderUse">去使用</button>
<button disabled="{{isDoing}}" wx:if="{{item.status === 3}}" class="again row con-c align-c" data-item="{{item}}" catchtap="onOrderEvaluate">去评价</button>
<button disabled="{{isDoing}}" wx:if="{{item.status === -1}}" class="again row con-c align-c" data-item="{{item}}" catchtap="onOrderAgain">再次下单</button>
</view>
</view>
</view>
</block>
</view>
</block>
<block wx:else>
<view class="empty col con-c align-c" wx:if="{{!isLoading}}">
<image class="empty-cart" src=""></image>
<view class="empty-title">
<text>{{ statusActive!=0? '暂无相关订单':'暂无订单'}}</text>
</view>
<view class="empty-btn" bindtap="onToBuy" wx:if="{{statusActive===0}}">
<text>去逛逛</text>
</view>
</view>
</block>
</view>
<!-- 二维码弹窗 -->
<view class="code-mask row con-c align-c" wx:if="{{winCode}}">
<view class="code col con-c align-c">
<view class="code-tip col con-c align-c">
<text>{{'请将券码出示给门店核销人员'}}</text>
<text>{{'请将券码出示给门店核销人员'}}</text>
</view>
<view class="code-info col con-c align-c">
<view class="code-info-title">
<text>{{'《 阿凡达 》电影票'}}</text>
</view>
<view class="code-info-qrcode">
<image src="{{'data:image/png;base64,' + code.codeBase64}}"></image>
</view>
<view class="code-info-copy row con-b align-c">
<text>券码</text>
<text>{{'2719 7092 0925'}}</text>
<text>复制</text>
</view>
</view>
<view class="code-close row con-c align-c" bindtap="onCodeClose">
<image src="{{imageBase + 'icon/close-1.png'}}"></image>
</view>
</view>
<view class="code col con-c align-c">
<view class="code-tip col con-c align-c">
<text>{{'请将券码出示给门店核销人员'}}</text>
<text>{{'请将券码出示给门店核销人员'}}</text>
</view>
<view class="code-info col con-c align-c">
<view class="code-info-title">
<text>{{'《 阿凡达 》电影票'}}</text>
</view>
<view class="code-info-qrcode">
<image src="{{'data:image/png;base64,' + code.codeBase64}}"></image>
</view>
<view class="code-info-copy row con-b align-c">
<text>券码</text>
<text>{{'2719 7092 0925'}}</text>
<text>复制</text>
</view>
</view>
<view class="code-close row con-c align-c" bindtap="onCodeClose">
<image src="{{imageBase + 'icon/close-1.png'}}"></image>
</view>
</view>
</view>
<!-- 确认框 -->
<l-dialog />
\ No newline at end of file
pages/mine/order/order.wxss
page {
min-height: 100vh;
background: #F3F4F6;
background: #f3f4f6;
}
.fixed-tab {
......@@ -8,7 +8,6 @@ page {
background: #fff;
top: 176rpx;
z-index: 99;
}
.navigation-order {
......@@ -18,7 +17,7 @@ page {
left: 0;
width: 750rpx;
height: 176rpx;
background: #FFFFFF;
background: #fff;
}
.navigation-order image {
......@@ -30,7 +29,7 @@ page {
width: 200rpx;
height: 64rpx;
border-radius: 32rpx;
border: 1px solid #E2E7EF;
border: 1px solid #e2e7ef;
}
.order-type text {
......@@ -44,6 +43,7 @@ page {
}
/* 订单类型选择 */
.order-type-selection {
z-index: 1700;
position: fixed;
......@@ -51,20 +51,19 @@ page {
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .65);
background: rgba(0, 0, 0, 0.65);
}
.order-type-selection>view {
.order-type-selection > view {
width: 750rpx;
min-height: 240rpx;
padding-top: 10rpx;
border-radius: 0px 0px 24rpx 24rpx;
background: #FFFFFF;
background: #fff;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #959DA9;
color: #959da9;
}
.order-type-row {
......@@ -77,18 +76,17 @@ page {
width: 192rpx;
height: 64rpx;
border-radius: 32rpx;
background: #F2F3F5;
background: #f2f3f5;
}
.order-type-item-active {
background: #86C5E1;
color: #FFFFFF;
background: #86c5e1;
color: #fff;
}
.container-order {
/* margin-top: 170rpx; */
padding-top: 288rpx;
}
.container {
......@@ -96,11 +94,12 @@ page {
}
/* 状态筛选菜单 */
.status {
width: 750rpx;
height: 112rpx;
padding: 0 34rpx 1rpx 64rpx;
border-bottom: 1px #E2E7EF solid;
border-bottom: 1px #e2e7ef solid;
}
.status-item {
......@@ -108,17 +107,18 @@ page {
font-size: 26rpx;
font-weight: 400;
line-height: 36rpx;
border-bottom: 4px #FFFFFF solid;
color: #959DA9;
border-bottom: 4px #fff solid;
color: #959da9;
}
.status-item-active {
height: 112rpx;
border-bottom: 4px #000000 solid;
color: #000000;
border-bottom: 4px #000 solid;
color: #000;
}
/* 订单列表 */
.order-list {
width: 750rpx;
height: 100%;
......@@ -131,7 +131,7 @@ page {
margin-top: 48rpx;
padding: 20rpx 0 40rpx 0;
border-radius: 4rpx;
background: #FFFFFF;
background: #fff;
}
.order-list-item>view {
......@@ -140,12 +140,12 @@ page {
.order-list-item-title .warning {
font-weight: 800;
color: #E66060;
color: #e66060;
}
.order-list-item-title .message {
font-weight: 800;
color: #C2C7CF;
color: #c2c7cf;
}
.order-list-item-title image {
......@@ -165,7 +165,7 @@ page {
height: 140rpx;
margin-right: 20rpx;
border-radius: 4rpx;
background: #999999;
background: #999;
}
.order-list-item-service .name {
......@@ -181,7 +181,7 @@ page {
font-size: 26rpx;
font-weight: 400;
line-height: 36rpx;
color: #959DA9;
color: #959da9;
}
.order-list-item-operation .amount {
......@@ -189,19 +189,18 @@ page {
font-size: 26rpx;
font-weight: 400;
line-height: 36rpx;
color: #15191F;
color: #15191f;
}
.order-list-item-operation .delete {
width: 120rpx;
height: 56rpx;
border-radius: 4rpx;
border: 1px solid #C2C7CF;
border: 1px solid #c2c7cf;
font-size: 22rpx;
font-weight: 500;
line-height: 32rpx;
color: #656E7B;
color: #656e7b;
}
.order-list-item-operation .again {
......@@ -209,22 +208,22 @@ page {
height: 56rpx;
margin-left: 20rpx;
border-radius: 4rpx;
background: #86C5E1;
background: #86c5e1;
font-size: 22rpx;
font-weight: 500;
line-height: 32rpx;
color: #FFFFFF;
color: #fff;
}
/* 券码 */
.code-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
background: rgba(0, 0, 0, 0.6);
}
.code {
......@@ -236,7 +235,7 @@ page {
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #FFFFFF;
color: #fff;
}
.code-tip text:nth-child(2) {
......@@ -245,7 +244,7 @@ page {
font-size: 30rpx;
font-weight: 400;
line-height: 42rpx;
color: #FFFFFF;
color: #fff;
}
.code-info-qrcode {
......@@ -263,7 +262,7 @@ page {
height: 666rpx;
margin-top: 56rpx;
border-radius: 4rpx;
background: #FFFFFF;
background: #fff;
}
.code-info-copy {
......@@ -272,7 +271,7 @@ page {
margin-top: 56rpx;
padding: 0 24rpx;
border-radius: 4rpx;
background: #F2F3F5;
background: #f2f3f5;
}
.code-info-copy text:nth-child(1) {
......@@ -280,7 +279,7 @@ page {
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #959DA9;
color: #959da9;
}
.code-info-copy text:nth-child(2) {
......@@ -288,7 +287,7 @@ page {
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #15191F;
color: #15191f;
}
.code-info-copy text:nth-child(3) {
......@@ -296,7 +295,7 @@ page {
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #5DB5DD;
color: #5db5dd;
}
.code-close {
......@@ -304,7 +303,7 @@ page {
height: 80rpx;
margin-top: 48rpx;
border-radius: 50%;
background: #A9A8A7;
background: #a9a8a7;
}
.code-close>image {
......@@ -312,8 +311,6 @@ page {
height: 48rpx;
}
.empty-cart {
width: 176rpx;
height: 176rpx;
......@@ -322,7 +319,7 @@ page {
.empty-title {
margin-top: 64rpx;
color: #959DA9;
color: #959da9;
font-size: 38rpx;
line-height: 52rpx;
}
......@@ -335,7 +332,7 @@ page {
font-size: 30rpx;
line-height: 96rpx;
text-align: center;
background: #86C5E1;
background: #86c5e1;
border-radius: 4rpx;
}
......@@ -348,6 +345,6 @@ page {
}
.logo-box image {
max-width: 100%!important;
max-height: 100%!important;
}
\ No newline at end of file
max-width: 100% !important;
max-height: 100% !important;
}
pages/pay/order-detail/order-detail.wxss
/* 订单状态 */
.state {
width: 750rpx;
width: 750rpx;
}
.container {
margin-top: 160rpx;
margin-top: 160rpx;
}
.state-content {
width: 670rpx;
height: 240rpx;
padding: 0 32rpx;
border-radius: 4rpx;
background: #F3E1E1;
width: 670rpx;
height: 240rpx;
padding: 0 32rpx;
border-radius: 4rpx;
background: #f3e1e1;
}
.state-content-invalid {
background: #ECF4F8;
background: #ecf4f8;
}
.state-content-title text {
height: 76rpx;
font-size: 54rpx;
font-weight: 500;
line-height: 76rpx;
color: #15191F;
height: 76rpx;
font-size: 54rpx;
font-weight: 500;
line-height: 76rpx;
color: #15191f;
}
.state-content-tip {
margin-top: 24rpx;
margin-top: 24rpx;
}
.state-content-tip text {
height: 36rpx;
font-size: 26rpx;
font-weight: 400;
line-height: 36rpx;
color: #15191F;
height: 36rpx;
font-size: 26rpx;
font-weight: 400;
line-height: 36rpx;
color: #15191f;
}
/* 订单信息 */
.info {
margin-top: 50rpx;
margin-top: 50rpx;
}
.info-content {
position: relative;
width: 670rpx;
min-height: 206rpx;
padding: 48rpx 32rpx;
background: #F3F4F6;
border-radius: 4rpx;
overflow: hidden;
position: relative;
width: 670rpx;
min-height: 206rpx;
padding: 48rpx 32rpx;
background: #f3f4f6;
border-radius: 4rpx;
overflow: hidden;
}
.info-content-item {
position: relative;
margin-top: 16rpx;
position: relative;
margin-top: 16rpx;
}
.info-content-item-label {
width: 104rpx;
height: 36rpx;
margin-right: 48rpx;
font-size: 26rpx;
font-weight: 400;
line-height: 36rpx;
color: #959DA9;
width: 104rpx;
height: 36rpx;
margin-right: 48rpx;
font-size: 26rpx;
font-weight: 400;
line-height: 36rpx;
color: #959da9;
}
.info-content-item-title {
position: relative;
top: -8rpx;
width: 454rpx;
min-height: 52rpx;
word-wrap: break-word;
font-size: 38rpx;
font-weight: 500;
line-height: 52rpx;
color: #15191F;
position: relative;
top: -8rpx;
width: 454rpx;
min-height: 52rpx;
word-wrap: break-word;
font-size: 38rpx;
font-weight: 500;
line-height: 52rpx;
color: #15191f;
}
.info-content-item-describe {
height: 42rpx;
font-size: 30rpx;
font-weight: 500;
line-height: 42rpx;
color: #15191F;
height: 42rpx;
font-size: 30rpx;
font-weight: 500;
line-height: 42rpx;
color: #15191f;
}
.info-content-item-tip {
height: 36rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #15191F;
height: 36rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #15191f;
}
.info-line {
position: relative;
background: #F3F4F6;
position: relative;
background: #f3f4f6;
}
.info-line-line {
width: 670rpx;
height: 1px;
border: 1px #E2E7EF dashed;
width: 670rpx;
height: 1px;
border: 1px #e2e7ef dashed;
}
.info-line-point-left {
position: absolute;
left: -18rpx;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
background: #FFFFFF;
position: absolute;
left: -18rpx;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
background: #fff;
}
.info-line-point-right {
position: absolute;
right: -18rpx;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
background: #FFFFFF;
position: absolute;
right: -18rpx;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
background: #fff;
}
.info-code {
width: 670rpx;
min-height: 330rpx;
background: #F3F4F6;
width: 670rpx;
min-height: 330rpx;
background: #f3f4f6;
}
.info-code text:nth-child(1) {
height: 48rpx;
font-size: 34rpx;
font-weight: 500;
line-height: 48rpx;
color: #15191F;
height: 48rpx;
font-size: 34rpx;
font-weight: 500;
line-height: 48rpx;
color: #15191f;
}
.info-code button {
width: 606rpx;
height: 96rpx;
margin-top: 40rpx;
border-radius: 4rpx;
background: #86C5E1;
font-size: 30rpx;
font-weight: 500;
line-height: 42rpx;
color: #FFFFFF;
width: 606rpx;
height: 96rpx;
margin-top: 40rpx;
border-radius: 4rpx;
background: #86c5e1;
font-size: 30rpx;
font-weight: 500;
line-height: 42rpx;
color: #fff;
}
.info-code text:nth-child(3) {
height: 36rpx;
margin-top: 40rpx;
font-size: 26rpx;
font-weight: 400;
line-height: 36rpx;
color: #959DAA;
height: 36rpx;
margin-top: 40rpx;
font-size: 26rpx;
font-weight: 400;
line-height: 36rpx;
color: #959daa;
}
/* 商品信息 */
.commodity {
margin: 64rpx 40rpx 0 40rpx;
margin: 64rpx 40rpx 0 40rpx;
}
.commodity-title {
height: 48rpx;
font-size: 34rpx;
font-weight: 500;
line-height: 48rpx;
color: #15191F;
height: 48rpx;
font-size: 34rpx;
font-weight: 500;
line-height: 48rpx;
color: #15191f;
}
.commodity-list {
width: 670rpx;
margin-top: 40rpx;
padding: 40rpx 32rpx 0 32rpx;
border-radius: 4rpx;
background: #F3F4F6;
width: 670rpx;
margin-top: 40rpx;
padding: 40rpx 32rpx 0 32rpx;
border-radius: 4rpx;
background: #f3f4f6;
}
.commodity-shop-info>image {
max-width: 62rpx;
max-height: 62rpx;
margin-right: 16rpx;
max-width: 62rpx;
max-height: 62rpx;
margin-right: 16rpx;
}
.commodity-item {
width: 606rpx;
height: 184rpx;
border-bottom: 1px #E2E7EF solid;
width: 606rpx;
height: 184rpx;
border-bottom: 1px #e2e7ef solid;
}
.commodity-item>image {
width: 140rpx;
height: 136rpx;
margin-right: 24rpx;
width: 140rpx;
height: 136rpx;
margin-right: 24rpx;
}
.commodity-item-info {
width: 290rpx;
margin-right: 32rpx;
width: 290rpx;
margin-right: 32rpx;
}
.commodity-item-operation>button {
width: 120rpx;
height: 56rpx;
border-radius: 4rpx;
background: #86C5E1;
font-size: 22rpx;
font-weight: 500;
line-height: 32rpx;
color: #FFFFFF;
width: 120rpx;
height: 56rpx;
border-radius: 4rpx;
background: #86c5e1;
font-size: 22rpx;
font-weight: 500;
line-height: 32rpx;
color: #fff;
}
.commodity-item-operation>button.btn-disabled {
background: #C8E1EC;
color: #FFFFFF;
background: #c8e1ec;
color: #fff;
}
.commodity-list .commodity-item:last-child {
border: none;
border: none;
}
/* 订单提示 */
.tip {
margin: 74rpx 40rpx 70rpx 40rpx;
margin: 74rpx 40rpx 70rpx 40rpx;
}
.tip-pay {
width: 670rpx;
width: 670rpx;
}
.tip-pay-title text {
height: 48rpx;
font-size: 34rpx;
font-weight: 800;
line-height: 48rpx;
color: #15191F;
height: 48rpx;
font-size: 34rpx;
font-weight: 800;
line-height: 48rpx;
color: #15191f;
}
.tip-pay-amount text:nth-child(1) {
height: 58rpx;
font-size: 34rpx;
font-weight: 500;
line-height: 48rpx;
color: #5DB5DD;
height: 58rpx;
font-size: 34rpx;
font-weight: 500;
line-height: 48rpx;
color: #5db5dd;
}
.tip-pay-amount text:nth-child(2) {
height: 58rpx;
font-size: 42rpx;
font-weight: 500;
line-height: 48rpx;
color: #5DB5DD;
height: 58rpx;
font-size: 42rpx;
font-weight: 500;
line-height: 48rpx;
color: #5db5dd;
}
.tip-describe {
width: 670rpx;
height: 168rpx;
margin-top: 32rpx;
font-size: 22rpx;
font-weight: 400;
line-height: 42rpx;
color: #959DA9;
width: 670rpx;
height: 168rpx;
margin-top: 32rpx;
font-size: 22rpx;
font-weight: 400;
line-height: 42rpx;
color: #959da9;
}
/* 券码 */
.code-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.code {
padding: 56rpx 40rpx 64rpx 40rpx;
padding: 56rpx 40rpx 64rpx 40rpx;
}
.code-tip text:nth-child(1) {
height: 36rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #FFFFFF;
height: 36rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #fff;
}
.code-tip text:nth-child(2) {
height: 42rpx;
margin-top: 28rpx;
font-size: 30rpx;
font-weight: 400;
line-height: 42rpx;
color: #FFFFFF;
height: 42rpx;
margin-top: 28rpx;
font-size: 30rpx;
font-weight: 400;
line-height: 42rpx;
color: #fff;
}
.code-info-qrcode {
margin-top: 56rpx;
margin-top: 56rpx;
}
.code-info-qrcode>image {
display: block;
width: 296rpx;
height: 296rpx;
display: block;
width: 296rpx;
height: 296rpx;
}
.code-info {
width: 526rpx;
height: 666rpx;
margin-top: 56rpx;
border-radius: 4rpx;
background: #FFFFFF;
width: 526rpx;
height: 666rpx;
margin-top: 56rpx;
border-radius: 4rpx;
background: #fff;
}
.code-info-copy {
width: 446rpx;
height: 96rpx;
margin-top: 56rpx;
padding: 0 24rpx;
border-radius: 4rpx;
background: #F2F3F5;
width: 446rpx;
height: 96rpx;
margin-top: 56rpx;
padding: 0 24rpx;
border-radius: 4rpx;
background: #f2f3f5;
}
.code-info-copy text:nth-child(1) {
height: 36rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #959DA9;
height: 36rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #959da9;
}
.code-info-copy text:nth-child(2) {
height: 36rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #15191F;
height: 36rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #15191f;
}
.code-info-copy text:nth-child(3) {
height: 36rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #5DB5DD;
height: 36rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
color: #5db5dd;
}
.code-close {
width: 80rpx;
height: 80rpx;
margin-top: 48rpx;
border-radius: 50%;
background: #A9A8A7;
width: 80rpx;
height: 80rpx;
margin-top: 48rpx;
border-radius: 50%;
background: #a9a8a7;
}
.code-close>image {
width: 48rpx;
height: 48rpx;
width: 48rpx;
height: 48rpx;
}
/* 印章图 */
.seal-shot {
width: 166rpx;
height: 166rpx;
position: absolute;
right: -30rpx;
bottom: -30rpx;
width: 166rpx;
height: 166rpx;
position: absolute;
right: -30rpx;
bottom: -30rpx;
}
.seal-long {
width: 166rpx;
height: 200rpx;
position: absolute;
right: 0;
bottom: -30rpx;
width: 166rpx;
height: 200rpx;
position: absolute;
right: 0;
bottom: -30rpx;
}
.p-relative {
position: relative;
position: relative;
}
/* 扫码弹窗 */
.order-status {
width: 670rpx;
height: 240rpx;
margin: 64rpx auto 0;
padding-left: 32rpx;
color: #15191F;
background-color: #ECF4F8;
width: 670rpx;
height: 240rpx;
margin: 64rpx auto 0;
padding-left: 32rpx;
color: #15191f;
background-color: #ecf4f8;
}
.status-text {
font-size: 54rpx;
font-weight: 600;
font-size: 54rpx;
font-weight: 600;
}
.status-tips {
margin-top: 24rpx;
margin-top: 24rpx;
}
.bgPink {
background-color: #F3E1E1;
background-color: #f3e1e1;
}
.ticket-wrapper {
width: 670rpx;
margin: 64rpx auto 0;
width: 670rpx;
margin: 64rpx auto 0;
}
.ticket-main {
position: relative;
width: 100%;
padding: 48rpx 32rpx 46rpx;
background-color: #F3F4F6;
border-bottom: 1px dashed #E2E7EF;
position: relative;
width: 100%;
padding: 48rpx 32rpx 46rpx;
background-color: #f3f4f6;
border-bottom: 1px dashed #e2e7ef;
}
.ticket-left {
width: 152rpx;
display: table-cell;
vertical-align: bottom;
font-size: 26rpx;
color: #959DA9;
width: 152rpx;
display: table-cell;
vertical-align: bottom;
font-size: 26rpx;
color: #959da9;
}
.ticket-right {
flex: 1;
font-size: 26rpx;
flex: 1;
font-size: 26rpx;
}
.ticket-store {
font-size: 38rpx;
color: #15191F;
font-weight: 600;
font-size: 38rpx;
color: #15191f;
font-weight: 600;
}
.ticket-row-time,
.ticket-row-phone {
margin-top: 16rpx;
.ticket-row-time, .ticket-row-phone {
margin-top: 16rpx;
}
.ticket-time,
.ticket-address,
.ticket-date {
font-size: 30rpx;
line-height: 42rpx;
.ticket-time, .ticket-address, .ticket-date {
font-size: 30rpx;
line-height: 42rpx;
}
.ticket-info {
margin-top: 48rpx;
margin-top: 48rpx;
}
.seal-wrapper {
position: absolute;
right: 0;
bottom: -32rpx;
width: 166rpx;
height: 200rpx;
position: absolute;
right: 0;
bottom: -32rpx;
width: 166rpx;
height: 200rpx;
}
.seal {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.circle {
position: absolute;
left: -18rpx;
bottom: -18rpx;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
background-color: #fff;
position: absolute;
left: -18rpx;
bottom: -18rpx;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
background-color: #fff;
}
.ticket-footer {
padding: 50rpx 32rpx 24rpx;
background-color: #F3F4F6;
padding: 50rpx 32rpx 24rpx;
background-color: #f3f4f6;
}
.ticket-footer-top {
font-size: 34rpx;
color: #15191F;
font-size: 34rpx;
color: #15191f;
}
.ticket-footer-middle {
width: 606rpx;
height: 96rpx;
line-height: 96rpx;
margin: 40rpx 0;
color: #fff;
text-align: center;
background-color: #86C5E1;
border-radius: 4rpx;
width: 606rpx;
height: 96rpx;
line-height: 96rpx;
margin: 40rpx 0;
color: #fff;
text-align: center;
background-color: #86c5e1;
border-radius: 4rpx;
}
.ticket-footer-bottom {
font-size: 26rpx;
color: #959DAA;
font-size: 26rpx;
color: #959daa;
}
.code-header {
height: 70rpx;
color: #fff;
font-size: 30rpx;
text-align: center;
height: 70rpx;
color: #fff;
font-size: 30rpx;
text-align: center;
}
.code-tips {
height: 92rpx;
color: #fff;
font-size: 26rpx;
text-align: center;
height: 92rpx;
color: #fff;
font-size: 26rpx;
text-align: center;
}
.code-main {
width: 750rpx;
height: 666rpx;
width: 750rpx;
height: 666rpx;
}
.code-item {
position: relative;
width: 526rpx;
height: 666rpx;
background-color: #fff;
border-radius: 4rpx;
position: relative;
width: 526rpx;
height: 666rpx;
background-color: #fff;
border-radius: 4rpx;
}
.item-center {
margin-left: 112rpx;
margin-left: 112rpx;
}
.notice-popup-content {
max-height: 896rpx;
max-height: 896rpx;
}
.code-item-title {
color: #15191F;
font-size: 30rpx;
font-weight: 600;
color: #15191f;
font-size: 30rpx;
font-weight: 600;
}
.cord-title {
padding: 0 20rpx;
padding: 0 20rpx;
}
.code-img {
width: 296rpx;
height: 296rpx;
margin: 56rpx 0;
width: 296rpx;
height: 296rpx;
margin: 56rpx 0;
}
.code-num-wrapper {
width: 446rpx;
height: 96rpx;
padding: 0 24rpx;
background-color: #F2F3F5;
border-radius: 4rpx;
line-height: 96rpx;
width: 446rpx;
height: 96rpx;
padding: 0 24rpx;
background-color: #f2f3f5;
border-radius: 4rpx;
line-height: 96rpx;
}
.code-num-title {
color: #959DA9;
text-decoration: none !important;
font-size: 26rpx;
color: #959da9;
text-decoration: none !important;
font-size: 26rpx;
}
.code-num {
color: #15191F;
font-size: 30rpx;
color: #15191f;
font-size: 30rpx;
}
.code-used {
color: #C2C7CF;
text-decoration: line-through;
color: #c2c7cf;
text-decoration: line-through;
}
.num-copy {
color: #5DB5DD;
font-size: 26rpx;
color: #5db5dd;
font-size: 26rpx;
}
.code-used-seal {
position: absolute;
right: -68rpx;
transform: translateY(56rpx);
width: 254rpx;
height: 254rpx;
position: absolute;
right: -68rpx;
transform: translateY(56rpx);
width: 254rpx;
height: 254rpx;
}
.img-num {
margin-top: 54rpx;
margin-top: 54rpx;
}
.current-img-num {
color: #fff;
font-size: 34rpx;
color: #fff;
font-size: 34rpx;
}
.symbol-img-num,
.total-img-num {
color: #979797;
font-size: 26rpx;
.symbol-img-num, .total-img-num {
color: #979797;
font-size: 26rpx;
}
.code-close-btn {
width: 80rpx;
height: 80rpx;
margin-top: 35rpx;
background: rgba(254, 252, 249, 0.5);
border-radius: 50%;
width: 80rpx;
height: 80rpx;
margin-top: 35rpx;
background: rgba(254, 252, 249, 0.5);
border-radius: 50%;
}
.code-close-btn image {
width: 60%;
width: 60%;
}
.l-popup-bg {
background: rgba(0, 0, 0, .4);
background: rgba(0, 0, 0, 0.4);
}
.tips-wrapper {
margin: 40rpx 40rpx 0;
margin: 40rpx 40rpx 0;
}
.notice-wrapper {
width: 100%;
height: 100rpx;
padding: 0 40rpx;
line-height: 100rpx;
width: 100%;
height: 100rpx;
padding: 0 40rpx;
line-height: 100rpx;
}
.notice {
margin-right: 8rpx;
color: #15191F;
font-size: 26rpx;
margin-right: 8rpx;
color: #15191f;
font-size: 26rpx;
}
.notice-popup-wrapper {
padding: 56rpx 40rpx 68rpx;
background-color: #fff;
border-radius: 24rpx 24rpx 0 0;
padding: 56rpx 40rpx 68rpx;
background-color: #fff;
border-radius: 24rpx 24rpx 0 0;
}
.notice-popup-title {
width: 100%;
height: 90rpx;
width: 100%;
height: 90rpx;
}
.notice-content {
max-height: 896rpx;
max-height: 896rpx;
}
.goods-wrapper {
padding: 32rpx 40rpx 0;
padding: 32rpx 40rpx 0;
}
.goods-title {
color: #15191F;
font-size: 34rpx;
font-weight: 600;
color: #15191f;
font-size: 34rpx;
font-weight: 600;
}
.goods-list {
margin-top: 40rpx;
padding: 0 32rpx 14rpx;
background-color: #F5F6F8;
margin-top: 40rpx;
padding: 0 32rpx 14rpx;
background-color: #f5f6f8;
}
.goods-list-title-wrapper {
width: 100%;
height: 132rpx;
width: 100%;
height: 132rpx;
}
.goods-list-title-img {
min-width: 40rpx;
min-height: 54rpx;
max-width: 74rpx;
max-height: 74rpx;
min-width: 40rpx;
min-height: 54rpx;
max-width: 74rpx;
max-height: 74rpx;
}
.goods-list-title {
margin-left: 16rpx;
color: #15191F;
font-size: 26rpx;
font-weight: 600;
margin-left: 16rpx;
color: #15191f;
font-size: 26rpx;
font-weight: 600;
}
.goods-item {
margin-bottom: 22rpx;
padding-bottom: 22rpx;
border-bottom: 1px solid #E2E7EF;
margin-bottom: 22rpx;
padding-bottom: 22rpx;
border-bottom: 1px solid #e2e7ef;
}
.goods-item:last-child {
margin-bottom: 0rpx;
border-bottom: none;
margin-bottom: 0rpx;
border-bottom: none;
}
.goods-item-img {
width: 140rpx;
height: 136rpx;
width: 140rpx;
height: 136rpx;
}
.goods-item-info {
flex: 1;
padding-left: 24rpx;
flex: 1;
padding-left: 24rpx;
}
.goods-item-info-text {
color: #15191F;
font-size: 26rpx;
font-weight: 600;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #15191f;
font-size: 26rpx;
font-weight: 600;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.goods-item-info-price {
color: #15191F;
font-weight: 600;
color: #15191f;
font-weight: 600;
}
.price-symbol {
font-size: 22rpx;
font-size: 22rpx;
}
.price {
font-size: 26rpx;
font-size: 26rpx;
}
.goods-item-btn {
width: 120rpx;
height: 56rpx;
margin-top: 40rpx;
margin-left: 32rpx;
color: #fff;
font-size: 22rpx;
text-align: center;
line-height: 56rpx;
background-color: #86C5E1;
border-radius: 4rpx;
width: 120rpx;
height: 56rpx;
margin-top: 40rpx;
margin-left: 32rpx;
color: #fff;
font-size: 22rpx;
text-align: center;
line-height: 56rpx;
background-color: #86c5e1;
border-radius: 4rpx;
}
.disabled {
background-color: #C8E1EC;
background-color: #c8e1ec;
}
.order-info-wrapper {
position: relative;
width: 670rpx;
margin: 64rpx 40rpx 64rpx;
position: relative;
width: 670rpx;
margin: 64rpx 40rpx 64rpx;
}
.order-price {
position: absolute;
top: 0;
right: 0;
width: 134rpx;
height: 58rpx;
color: #5DB5DD;
font-size: 34rpx;
font-weight: 600;
position: absolute;
top: 0;
right: 0;
width: 134rpx;
height: 58rpx;
color: #5db5dd;
font-size: 34rpx;
font-weight: 600;
}
.order-price-symbol {
font-size: 30rpx;
font-size: 30rpx;
}
.order-title {
width: 100%;
line-height: 68rpx;
font-size: 34rpx;
font-weight: 600;
width: 100%;
line-height: 68rpx;
font-size: 34rpx;
font-weight: 600;
}
.order-info {
margin-top: 22rpx;
margin-top: 22rpx;
}
.order-item {
width: 100%;
color: #959DA9;
font-size: 22rpx;
line-height: 42rpx;
width: 100%;
color: #959da9;
font-size: 22rpx;
line-height: 42rpx;
}
.padding-bottom-166 {
padding-bottom: 166rpx;
padding-bottom: 166rpx;
}
.footer-btn {
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
padding: 32rpx 20rpx;
border-top: 1px solid #E2E7EF;
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
padding: 32rpx 20rpx;
border-top: 1px solid #e2e7ef;
}
.delete-btn,
.order-btn {
width: 200rpx;
line-height: 96rpx;
margin-right: 24rpx;
border-radius: 4rpx;
font-size: 30rpx;
font-weight: 600;
text-align: center;
.delete-btn, .order-btn {
width: 200rpx;
line-height: 96rpx;
margin-right: 24rpx;
border-radius: 4rpx;
font-size: 30rpx;
font-weight: 600;
text-align: center;
}
.delete-btn {
color: #656E7B;
background-color: #fff;
border: 1px solid #C2C7CF;
color: #656e7b;
background-color: #fff;
border: 1px solid #c2c7cf;
}
.order-btn {
color: #fff;
background-color: #86C5E1;
color: #fff;
background-color: #86c5e1;
}
image {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.logo-box {
width: 100rpx;
height: 80rpx;
line-height: 80rpx;
text-align: center;
margin-right: 20rpx;
width: 100rpx;
height: 80rpx;
line-height: 80rpx;
text-align: center;
margin-right: 20rpx;
}
.logo-box image {
max-width: 100%;
max-height: 100%;
}
\ No newline at end of file
max-width: 100%;
max-height: 100%;
}
pages/pay/order-input/order-input.js
......@@ -857,6 +857,15 @@ Page({
* @returns
*/
onPaySubmit: function () {
// 优先检查用户是否已经注册，如果没有则跳转登录
let funcUserInfo = wx.getStorageSync('userInfo')
if (!funcUserInfo.isSignIn) {
wx.navigateTo({
url: '/pages/login/login'
})
return
}
// 数据校验不通过
if (!this.inspectData()) return
// 支付正在进行
......
pages/play/home/home.js
......@@ -5,6 +5,7 @@ Page({
option: {},
data: {
appStatus: App.globalData.appStatus,
imageBase: App.globalData.appImageBase,
resourcesBase: App.globalData.appResourcesBase,
......@@ -246,7 +247,8 @@ Page({
url: '/api/v1/strategy/getList',
data: {
'pageSize': this.data.pageSize + '',
'pageNo': this.data.pageNo + '' },
'pageNo': this.data.pageNo + ''
},
success: (response) => {
let funcResponse = response.data
let funcList = []
......@@ -269,6 +271,8 @@ Page({
this.setData({
touristRouteList: this.data.touristRouteList.concat(funcList)
})
console.log(this.data.touristRouteList)
},
fail: (err) => {
......
pages/play/home/home.wxml
......@@ -7,14 +7,20 @@
</view>
<!-- 畅玩分类 -->
<view class="banner">
<image src="{{resourcesBase + 'play/home/type.png'}}"></image>
<button class="art-button" bindtap="onToArt"></button>
<button class="health-button" bindtap="onToHealth"></button>
<button class="food-button" bindtap="onToFood"></button>
<button class="leisure-button" bindtap="onToLeisure"></button>
<button class="hotel-button" bindtap="onToHotel"></button>
</view>
<block wx:if="{{appStatus}}">
<view class="banner">
<image src="{{resourcesBase + 'play/home/type.png'}}"></image>
<button class="art-button" bindtap="onToArt"></button>
<button class="health-button" bindtap="onToHealth"></button>
<button class="food-button" bindtap="onToFood"></button>
<button class="leisure-button" bindtap="onToLeisure"></button>
<button class="hotel-button" bindtap="onToHotel"></button>
</view>
</block>
<block wx:if="{{!appStatus}}">
<view class="banner-occupy"></view>
</block>
<!-- 近期活动 -->
<view class="title row con-b align-c">
......
pages/play/home/home.wxss
......@@ -34,6 +34,11 @@
}
/* 畅玩分类 */
.banner-occupy {
position: relative;
margin-top: 200rpx;
}
.banner {
position: relative;
margin-top: 200rpx;
......
pages/play/service-detail/service-detail.js
......@@ -8,6 +8,7 @@ let logicData = {
Page({
data: {
appStatus: App.globalData.appStatus,
imageBase: App.globalData.appImageBase,
resourcesBase: App.globalData.appResourcesBase,
......@@ -85,6 +86,8 @@ Page({
winCommodity: false, // 商品列表
winCommodityMenu: false,
winEvaluateAlbum: false,
winHidden: false, // 海错图临时隐藏内容控制
},
onLoad: function (options) {
......@@ -101,6 +104,7 @@ Page({
this.queryActivity()
this.setData({
commodityTitle: '文创商品',
winHidden: true
})
break
......
pages/play/service-detail/service-detail.wxml
......@@ -37,23 +37,9 @@
</view>
</view>
<!-- 下载图片反馈 -->
<l-toast
l-class="toast"
l-image-class="toast-icon"
show="{{winToastSuccess}}"
image="../../../image/icon/success-3.png"
title="图片已保存"
duration="3000"
></l-toast>
<l-toast l-class="toast" l-image-class="toast-icon" show="{{winToastSuccess}}" image="../../../image/icon/success-3.png" title="图片已保存" duration="3000"></l-toast>
<!-- 下载图片反馈 -->
<l-toast
l-class="toast"
l-image-class="toast-icon"
show="{{winToastFail}}"
image="../../../image/icon/war-3.png"
title="图片保存失败"
duration="3000"
></l-toast>
<l-toast l-class="toast" l-image-class="toast-icon" show="{{winToastFail}}" image="../../../image/icon/war-3.png" title="图片保存失败" duration="3000"></l-toast>
<!-- 开放时间信息 -->
<view class="commodity-other {{option.id === '6' || option.id === '4' ? 'food-border' : ''}} row align-c">
<image src="./image/time.png"></image>
......@@ -120,8 +106,13 @@
<view class="commodity-card" wx:if="{{winCommodity}}">
<view class="commodity-card-title row con-b align-e">
<text>{{commodityTitle}}</text>
<text bindtap="onCommodityAll">查看全部</text>
<text wx:if="{{!winHidden}}" bindtap="onCommodityAll">查看全部</text>
<view wx:if="{{winHidden}}" class="row align-c">
<image src="{{imageBase + 'icon/warning-2.png'}}"></image>
<text>请到线下门店购买</text>
</view>
</view>
<view class="commodity-card-list row">
<block wx:for="{{detailCommodity}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="commodity-card-item col">
......@@ -134,32 +125,35 @@
<view class="commodity-card-item-date row align-c">
<text>{{item.describe}}</text>
</view>
<view class="commodity-card-item-operation row con-b align-c">
<!-- 活动价样式 -->
<view class="row align-c" wx:if="{{item.priceType === 1}}">
<text class="detail-price-discount">活动价</text>
<text class="price-symbol">￥</text>
<text>{{item.priceDiscountText == '0' ? '免费' : item.priceDiscountText}}</text>
<text>{{'￥' + item.priceText}}</text>
</view>
<!-- 业主价样式 -->
<view class="row align-c" wx:if="{{item.priceType === 2}}">
<text class="detail-price-special">业主价</text>
<text class="price-symbol">￥</text>
<text>{{item.priceSpecialText == '0' ? '免费' : item.priceSpecialText}}</text>
<text>{{'￥' + item.priceText}}</text>
</view>
<!-- 普通价样式 -->
<view class="row align-c" wx:if="{{item.priceType === 3}}">
<text class="">业主价</text>
<text class="price-symbol">￥</text>
<text>{{item.priceText == '0' ? '免费' : item.priceText}}</text>
</view>
<view>
<button class="row con-c align-c" data-id="{{item.id}}" data-classid="{{item.classifyId}}" bindtap="onBuyCommodity">购买</button>
<block wx:if="{{!winHidden}}">
<view class="commodity-card-item-operation row con-b align-c">
<!-- 活动价样式 -->
<view class="row align-c" wx:if="{{item.priceType === 1}}">
<text class="detail-price-discount">活动价</text>
<text class="price-symbol">￥</text>
<text>{{item.priceDiscountText == '0' ? '免费' : item.priceDiscountText}}</text>
<text>{{'￥' + item.priceText}}</text>
</view>
<!-- 业主价样式 -->
<view class="row align-c" wx:if="{{item.priceType === 2}}">
<text class="detail-price-special">业主价</text>
<text class="price-symbol">￥</text>
<text>{{item.priceSpecialText == '0' ? '免费' : item.priceSpecialText}}</text>
<text>{{'￥' + item.priceText}}</text>
</view>
<!-- 普通价样式 -->
<view class="row align-c" wx:if="{{item.priceType === 3}}">
<text class="">业主价</text>
<text class="price-symbol">￥</text>
<text>{{item.priceText == '0' ? '免费' : item.priceText}}</text>
</view>
<view>
<button class="row con-c align-c" data-id="{{item.id}}" data-classid="{{item.classifyId}}" bindtap="onBuyCommodity">购买</button>
</view>
</view>
</view>
</block>
</view>
</block>
<view class="commodity-card-item col"></view>
......@@ -319,23 +313,9 @@
</view>
</view>
<!-- 下载图片反馈 -->
<l-toast
l-class="toast"
l-image-class="toast-icon"
show="{{winToastSuccess}}"
image="../../../image/icon/success-3.png"
title="图片已保存"
duration="3000"
></l-toast>
<l-toast l-class="toast" l-image-class="toast-icon" show="{{winToastSuccess}}" image="../../../image/icon/success-3.png" title="图片已保存" duration="3000"></l-toast>
<!-- 下载图片反馈 -->
<l-toast
l-class="toast"
l-image-class="toast-icon"
show="{{winToastFail}}"
image="../../../image/icon/war-3.png"
title="图片保存失败"
duration="3000"
></l-toast>
<l-toast l-class="toast" l-image-class="toast-icon" show="{{winToastFail}}" image="../../../image/icon/war-3.png" title="图片保存失败" duration="3000"></l-toast>
<!-- 开放时间信息 -->
<view class="commodity-other movie-border row align-c">
<image src="./image/time.png"></image>
......@@ -395,7 +375,7 @@
<view class="movie-footer">
<image src="/image/movie-bottom.png"></image>
</view>
<!-- 简介，评价 -->
<view class="selection-content movie-border row">
<view class="row align-c {{contentType === 'detail' ? 'selection-content-item-active-movie' : 'selection-content-item'}}" data-type="detail" bindtap="onSelectionContent">
......@@ -489,7 +469,7 @@
</view>
<!-- 查看相册 -->
<view class="full-screen-album" wx:if="{{winEvaluateAlbum}}" bindtap="onHiddenEvaluateAlbum" >
<view class="full-screen-album" wx:if="{{winEvaluateAlbum}}" bindtap="onHiddenEvaluateAlbum">
<swiper circular current="{{evaluateAlbumActive}}" class="full-screen-album-swiper" duration="500">
<block wx:for="{{evaluateAlbum}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<swiper-item class="album-item row con-c align-c">
......
pages/play/service-detail/service-detail.wxss
......@@ -17,7 +17,7 @@
.movie {
color: #fff;
background-color: #1C1C25;
background-color: #1c1c25;
}
.banner {
......@@ -25,12 +25,10 @@
position: relative;
width: 750rpx;
height: 800rpx;
background: #ffffff;
background: #fff;
}
.banner-swiper,
.banner-swiper-item,
.banner-swiper-image {
.banner-swiper, .banner-swiper-item, .banner-swiper-image {
position: absolute;
top: 0 !important;
left: 0 !important;
......@@ -60,7 +58,7 @@
}
.title-black {
color: #FFFFFF;
color: #fff;
}
.other-black {
......@@ -68,7 +66,7 @@
}
.other-black view text:nth-child(3) {
color: #FFFFFF;
color: #fff;
}
.commodity-describe {
......@@ -82,11 +80,12 @@
}
.black {
color: #FFFFFF !important;
background: #1C1C25;
color: #fff !important;
background: #1c1c25;
}
/* 立即报名 */
.operation {
position: fixed;
left: 0;
......@@ -94,8 +93,8 @@
width: 750rpx;
height: 160rpx;
padding: 32rpx 40rpx;
border-top: 1rpx #E2E7EF solid;
background: #ffffff;
border-top: 1rpx #e2e7ef solid;
background: #fff;
}
.operation-black {
......@@ -107,16 +106,16 @@
width: 670rpx;
height: 96rpx;
margin-bottom: 40rpx;
background: #86C5E1;
background: #86c5e1;
border-radius: 2px;
font-size: 30rpx;
font-weight: 500;
color: #ffffff;
color: #fff;
line-height: 42rpx;
}
/* 侧边返回顶部 */
.appointment-side {
z-index: 1900;
position: fixed;
......@@ -130,7 +129,7 @@
width: 80rpx;
height: 80rpx;
border-radius: 50%;
background: #ffffff;
background: #fff;
box-shadow: 0rpx 16rpx 48rpx 0rpx rgba(0, 0, 0, 0.1);
}
......@@ -140,12 +139,8 @@
margin: 16rpx;
}
/* 二期整理样式 */
.commodity-movie {
position: relative;
height: 1380rpx;
......@@ -157,18 +152,19 @@
margin: 60rpx 40rpx 0 40rpx;
font-size: 54rpx;
font-weight: bold;
color: #15191F;
color: #15191f;
line-height: 76rpx;
}
.movie-title {
color: #fff;
}
.commodity-title text {
flex: 1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.commodity-title image {
......@@ -180,14 +176,14 @@
.commodity-other {
margin: 0 40rpx;
padding: 50rpx 0;
border-bottom: 1rpx #E2E7EF solid;
border-bottom: 1rpx #e2e7ef solid;
font-size: 30rpx;
font-weight: 400;
line-height: 44rpx;
}
.movie-border {
border-bottom: 1rpx #3A3A40 solid !important;
border-bottom: 1rpx #3a3a40 solid !important;
}
.commodity-other image {
......@@ -198,10 +194,11 @@
.commodity-other text:nth-child(2) {
margin-right: 16rpx;
color: #959DA9;
color: #959da9;
}
/* 近期活动，文创商品 */
.commodity-movie-card {
position: absolute;
top: 420rpx;
......@@ -211,33 +208,41 @@
margin-top: 80rpx;
padding: 0 40rpx;
}
.movie-bg image{
.commodity-card-title image {
width: 34rpx;
height: 34rpx;
margin-right: 8rpx;
}
.commodity-card-title text:nth-child(1) {
font-size: 40rpx;
font-weight: 800;
}
.commodity-card-title text:nth-child(2) {
font-size: 26rpx;
color: #959da9;
}
.movie-bg image {
width: 750rpx;
height: 620rpx;
}
.movie-card-title {
margin-top:160rpx;
margin-top: 160rpx;
padding: 0 40rpx;
}
.commodity-card-title text:nth-child(1) {
font-size: 40rpx;
font-weight: 800;
}
.movie-card-title text:nth-child(1) {
font-size: 40rpx;
font-weight: 800;
}
.commodity-card-title text:nth-child(2) {
font-size: 26rpx;
color: #959DA9;
}
.movie-card-title text:nth-child(2) {
font-size: 26rpx;
color: #959DA9;
color: #959da9;
}
.commodity-card-list {
......@@ -254,6 +259,7 @@
width: 1rpx !important;
min-width: 1rpx !important;
}
.movie-card-item:last-child {
width: 1rpx !important;
min-width: 1rpx !important;
......@@ -272,7 +278,7 @@
.commodity-card-item-nothing text {
margin-top: 42rpx;
font-size: 30rpx;
color: #959DA9;
color: #959da9;
line-height: 42rpx;
font-weight: 600;
}
......@@ -290,7 +296,7 @@
font-size: 30rpx;
font-weight: 500;
line-height: 42rpx;
color: #959DA9;
color: #959da9;
}
.commodity-card-item {
......@@ -299,12 +305,13 @@
padding-bottom: 32rpx;
border-radius: 4rpx;
}
.movie-card-item {
width: 300rpx;
margin-right: 24rpx;
padding-bottom: 32rpx;
border-radius: 4rpx;
background:#303041;
background: #303041;
}
.commodity-card-item > image {
......@@ -321,6 +328,7 @@
max-width: 562rpx;
height: 316rpx;
}
.movie-card-item > image {
width: 300rpx;
height: 369rpx;
......@@ -331,6 +339,7 @@
margin-top: 32rpx;
padding: 0 32rpx;
}
.movie-card-item-title {
height: 37rpx;
margin-top: 21rpx;
......@@ -341,11 +350,12 @@
font-size: 30rpx;
font-weight: 400;
line-height: 44rpx;
color: #15191F;
color: #15191f;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.movie-card-item-title text:nth-child(1) {
font-size: 26rpx;
font-weight: 400;
......@@ -360,14 +370,13 @@
width: 96rpx;
height: 32rpx;
border-radius: 4rpx;
border: 1px solid #86C5E1;
background: #EAF0F5;
border: 1px solid #86c5e1;
background: #eaf0f5;
text-align: center;
font-size: 18rpx;
font-weight: 500;
line-height: 32rpx;
color: #86C5E1;
color: #86c5e1;
}
.commodity-card-item-date {
......@@ -388,13 +397,14 @@
font-size: 26rpx;
font-weight: 400;
line-height: 40rpx;
color: #656E7B;
color: #656e7b;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 能量补给跳转 */
.commodity-menu {
width: 750rpx;
padding: 0 40rpx;
......@@ -407,13 +417,12 @@
font-weight: 800;
}
.commodity-menu image{
.commodity-menu image {
width: 670rpx;
height: 256rpx;
margin-top: 48rpx;
}
.movie-card-item-info {
height: 33rpx;
margin-top: 10rpx;
......@@ -425,17 +434,17 @@
height: 33rpx;
font-size: 22rpx;
font-weight: 400;
color: #959DA9;
color: #959da9;
line-height: 32rpx;
}
.movie-card-item-info-right {
flex: 1;
height: 33rpx;
margin-left: 8rpx;
font-size: 22rpx;
font-weight: 400;
color: #C2C7CF;
color: #c2c7cf;
line-height: 32rpx;
overflow: hidden;
text-overflow: ellipsis;
......@@ -446,6 +455,7 @@
margin-top: 16rpx;
padding: 0 32rpx;
}
.movie-card-item-operation {
margin-top: 16rpx;
padding: 0 20rpx;
......@@ -455,21 +465,20 @@
width: 78rpx;
height: 32rpx;
margin-right: 12rpx;
background: linear-gradient(180deg, #3F4357 0%, #252532 100%);
background: linear-gradient(180deg, #3f4357 0%, #252532 100%);
border-radius: 4rpx;
text-align: center;
font-size: 18rpx;
font-weight: 500;
line-height: 32rpx;
color: #E8D0AF;
color: #e8d0af;
}
.movie-card-item-operation text:nth-child(1) {
width: 52px;
font-size: 26rpx;
font-weight: 500;
color: #FFFFFF;
color: #fff;
line-height: 40rpx;
}
......@@ -477,24 +486,22 @@
width: 78rpx;
height: 32rpx;
margin-right: 12rpx;
background: linear-gradient(180deg, #3F4357 0%, #252532 100%);
background: linear-gradient(180deg, #3f4357 0%, #252532 100%);
border-radius: 4rpx;
text-align: center;
font-size: 18rpx;
font-weight: 500;
line-height: 32rpx;
color: #E8D0AF;
color: #e8d0af;
}
.commodity-card-item-operation text:nth-child(3) {
margin-right: 16rpx;
text-align: center;
font-size: 30rpx;
font-weight: 800;
line-height: 40rpx;
color: #15191F;
color: #15191f;
}
.commodity-card-item-operation text:nth-child(4) {
......@@ -502,13 +509,13 @@
font-size: 22rpx;
font-weight: 400;
line-height: 32rpx;
color: #C2C7CF;
color: #c2c7cf;
text-decoration: line-through;
}
.price-symbol {
margin-top: 8rpx;
color: #15191F;
color: #15191f;
font-size: 18rpx;
font-weight: 600;
}
......@@ -518,8 +525,8 @@
width: 132rpx;
height: 56rpx;
border-radius: 4rpx;
background: #86C5E1;
color: #FFFFFF;
background: #86c5e1;
color: #fff;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
......@@ -530,12 +537,13 @@
width: 152rpx;
height: 57rpx;
border-radius: 4rpx;
background:#595967;
color: #FFFFFF;
background: #595967;
color: #fff;
font-size: 26rpx;
font-weight: 500;
line-height: 36rpx;
}
.movie-footer image {
width: 750rpx;
height: 150rpx;
......@@ -543,6 +551,7 @@
}
/* 分享弹窗 */
.container-share {
z-index: 1700;
position: fixed;
......@@ -567,34 +576,32 @@
width: 288rpx;
height: 96rpx;
border-radius: 4rpx;
background: #FFFFFF;
background: #fff;
text-align: center;
font-size: 30rpx;
font-weight: 500;
line-height: 96rpx;
color: #15191F;
color: #15191f;
}
.share-operation button:nth-child(2) {
width: 288rpx;
height: 96rpx;
border-radius: 4rpx;
background: #15191F;
background: #15191f;
text-align: center;
font-size: 30rpx;
font-weight: 500;
line-height: 96rpx;
color: #FFFFFF;
color: #fff;
}
.toast {
width: 262rpx;
height: 262rpx;
border-radius: 4px;
box-shadow: 0px 0px 68px 0px rgba(0,0,0,0.16);
background: #1F252E;
box-shadow: 0px 0px 68px 0px rgba(0, 0, 0, 0.16);
background: #1f252e;
}
.toast-icon {
......@@ -603,41 +610,40 @@
}
/* 简介，评论 */
.selection-content {
width: 750rpx;
height: 64rpx;
margin-top: 80rpx;
padding: 0 40rpx;
border-bottom: 1px #E2E7EF solid;
border-bottom: 1px #e2e7ef solid;
}
.selection-content-item {
width: 60rpx;
height: 64rpx;
margin-right: 64rpx;
border-bottom: 4rpx rgba(0, 0, 0, 0) solid;
font-size: 30rpx;
line-height: 44rpx;
color: #656E7B;
color: #656e7b;
}
.selection-content-item-active {
width: 60rpx;
height: 64rpx;
margin-right: 64rpx;
border-bottom: 4rpx #15191F solid;
border-bottom: 4rpx #15191f solid;
font-size: 30rpx;
font-weight: 800;
line-height: 44rpx;
color: #15191F;
color: #15191f;
}
.selection-content-item-active-movie {
width: 60rpx;
height: 64rpx;
margin-right: 64rpx;
border-bottom: 4rpx #fff solid;
font-size: 30rpx;
font-weight: 800;
......@@ -646,6 +652,7 @@
}
/* 详情 */
.detail {
margin-top: 62rpx;
padding-bottom: 160rpx;
......@@ -657,6 +664,7 @@
}
/* 评论 */
.evaluate {
padding-bottom: 160rpx;
}
......@@ -680,7 +688,7 @@
font-size: 22rpx;
font-weight: 400;
line-height: 32rpx;
color: #959DA9;
color: #959da9;
}
.evaluate-option-item text:nth-child(3) {
......@@ -688,7 +696,7 @@
font-size: 26rpx;
font-weight: 500;
line-height: 40rpx;
color: #15191F;
color: #15191f;
}
.evaluate-option-item text:nth-child(4) {
......@@ -696,17 +704,19 @@
font-size: 20rpx;
font-weight: 500;
line-height: 40rpx;
color: #15191F;
color: #15191f;
}
/* 评论详情 */
.evaluate-item {
position: relative;
width: 670rpx;
min-height: 292rpx;
margin: 48rpx 40rpx 0 40rpx;
border-bottom: 1rpx solid #E2E7EF;
border-bottom: 1rpx solid #e2e7ef;
}
.evaluate-item:last-child {
border-bottom: none;
}
......@@ -716,7 +726,7 @@
height: 80rpx;
margin-right: 16rpx;
border-radius: 50%;
background: #999999;
background: #999;
}
.evaluate-item-info-text {
......@@ -729,20 +739,19 @@
font-size: 30rpx;
font-weight: 400;
line-height: 44rpx;
color: #15191F;
color: #15191f;
}
.evaluate-item-info-text text:nth-child(2) {
width: 60rpx;
height: 32rpx;
border-radius: 4rpx;
background: linear-gradient(180deg, #3F4357 0%, #252532 100%);
background: linear-gradient(180deg, #3f4357 0%, #252532 100%);
text-align: center;
font-size: 18rpx;
font-weight: 500;
line-height: 32rpx;
color: #E8D0AF;
color: #e8d0af;
}
.evaluate-item-info-text text:nth-child(3) {
......@@ -752,7 +761,7 @@
font-size: 22rpx;
font-weight: 400;
line-height: 32rpx;
color: #959DA9;
color: #959da9;
}
.evaluate-item-info-star {
......@@ -775,7 +784,7 @@
font-size: 26rpx;
font-weight: 400;
line-height: 44rpx;
color: #15191F;
color: #15191f;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
......@@ -786,11 +795,10 @@
width: 670rpx;
min-height: 132rpx;
margin-top: 32rpx;
font-size: 26rpx;
font-weight: 400;
line-height: 44rpx;
color: #15191F;
color: #15191f;
}
.evaluate-item-content-more {
......@@ -799,21 +807,20 @@
right: 18rpx;
width: 106rpx;
height: 44rpx;
background: #FFFFFF;
background: #fff;
text-align: right;
font-size: 26rpx;
font-weight: 400;
line-height: 44rpx;
}
.evaluate-item-content-more-movie {
position: absolute;
bottom: 0;
right: 18rpx;
width: 106rpx;
height: 44rpx;
background: #1C1C25;
background: #1c1c25;
text-align: right;
font-size: 26rpx;
font-weight: 400;
......@@ -821,15 +828,15 @@
}
.evaluate-item-content-more text:nth-child(1) {
color: #15191F;
color: #15191f;
}
.evaluate-item-content-more text:nth-child(2) {
color: #86C5E1;
color: #86c5e1;
}
.evaluate-item-content-more-movie text:nth-child(2) {
color: #86C5E1;
color: #86c5e1;
}
.evaluate-item-album {
......@@ -839,7 +846,7 @@
flex-direction: row;
justify-content: flex-start;
padding: 32rpx 0 48rpx 0;
border-bottom: 1px #E2E7EF solid;
border-bottom: 1px #e2e7ef solid;
}
.evaluate-item-album:last-child {
......@@ -851,7 +858,7 @@
height: 160rpx;
margin: 0 10rpx 10rpx 0;
border-radius: 4rpx;
background: #999999;
background: #999;
}
.evaluate-item-album image:nth-child(4n) {
......@@ -865,7 +872,7 @@
height: 160rpx;
margin: 0 0 10rpx 0;
border-radius: 4rpx;
background: rgba(0, 0, 0, .4);
background: rgba(0, 0, 0, 0.4);
}
.evaluate-item-album-more text {
......@@ -873,10 +880,11 @@
font-size: 38rpx;
font-weight: 400;
line-height: 52rpx;
color: #FFFFFF;
color: #fff;
}
/* 评论相册样式 */
.full-screen-album {
z-index: 2000;
position: fixed;
......@@ -884,11 +892,10 @@
left: 0;
width: 100%;
height: 100%;
background: #000000;
background: #000;
}
.full-screen-album-swiper,
.album-item {
.full-screen-album-swiper, .album-item {
width: 750rpx;
height: 100%;
}
......@@ -899,18 +906,18 @@
}
/* 价格样式 */
.detail-price-discount {
width: 90rpx;
height: 36rpx;
margin-right: 16rpx;
border-radius: 4rpx;
background: #FAEDEA;
background: #faedea;
text-align: center;
font-size: 18rpx;
font-weight: 500;
line-height: 32rpx;
color: #EF4E4E;
color: #ef4e4e;
}
.detail-price-special {
......@@ -918,15 +925,14 @@
height: 36rpx;
margin-right: 16rpx;
border-radius: 4rpx;
background: linear-gradient(180deg, #3F4357 0%, #252532 100%);
background: linear-gradient(180deg, #3f4357 0%, #252532 100%);
text-align: center;
font-size: 18rpx;
font-weight: 500;
line-height: 32rpx;
color: #E8D0AF;
color: #e8d0af;
}
.color-white {
color: #fff !important;
}
\ No newline at end of file
}
pages/play/strategy-detail/strategy-detail.js
......@@ -24,7 +24,7 @@ Page({
navigationScroll: 0,
isNavigationWhite: false,
appStatus: App.globalData.appStatus,
banner: [],
......
pages/play/strategy-detail/strategy-detail.wxml
......@@ -24,22 +24,25 @@
<text>{{date}}</text>
</view>
</view>
<view class="relation" wx:if="{{relation.length>0}}">
<view class="relation-title">
<text>文中提及</text>
</view>
<block wx:for="{{relation}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="relation-item row con-b align-c" data-id="{{item.id}}" bindtap="onRelation">
<image mode="widthFix" src="{{item.cover}}"></image>
<view class="relation-item-info col">
<text>{{item.title}}</text>
<text>{{item.time}}</text>
<text>{{item.price}}</text>
</view>
<view class="relation-item-more row align-c">
<image src="/image/more-g.png"></image>
</view>
<block wx:if="{{appStatus}}">
<view class="relation" wx:if="{{relation.length > 0}}">
<view class="relation-title">
<text>文中提及</text>
</view>
</block>
</view>
<block wx:for="{{relation}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="relation-item row con-b align-c" data-id="{{item.id}}" bindtap="onRelation">
<image mode="widthFix" src="{{item.cover}}"></image>
<view class="relation-item-info col">
<text>{{item.title}}</text>
<text>{{item.time}}</text>
<text>{{item.price}}</text>
</view>
<view class="relation-item-more row align-c">
<image src="/image/more-g.png"></image>
</view>
</view>
</block>
</view>
</block>
</view>
read.js 0 → 100644
/**
* 代码编写规范 - js - 变量命名
* is，状态类变量，通常数值为布尔类型。例如用户登录状态，isSignIn。
* win，窗口显隐控制，通常数值为布尔类型。例如 winToast，winDialog。
* func，函数内部变量前缀。
*
* 代码编写规范 - js - 常用变量命名
* option，页面参数对象
* userInfo，用户信息对象
*
*/
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment