Skip to content

严立 / mini-shimao

Go to a project
Commit c596ff4a by wjw
Options

Merge branch 'master' of http://120.77.182.185/yanl/mini-shimao.git into master

parents 90b47806 f048acfc
Expand all
Inline Side-by-side
Showing with 944 additions and 85 deletions
pages/commodity/menu-art/menu-art.wxml
<!--pages/home/home/home.wxml--> <l-toast
<text>pages/home/home/home.wxml</text> l-image-class="toast-image"
l-class="toast-bg"
show="{{winToast}}"
mask="{{true}}"
image="/image/success.png"
title="添加购物车成功"
></l-toast>
<l-toast
show="{{winLoading}}"
icon="loading"
title="加载中"
duration="20000"
mask="{{true}}"
></l-toast>
<navigation class="navigation" titleText="{{shopInfo.name}}" background="#FFFFFF;" backIcon="/image/back.png"></navigation>
<view class="row">
<!-- 侧边菜单 -->
<view class="side-bar">
<block wx:for="{{sideBar}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="menu-item {{currentIndex === index ? 'active' : ''}}" data-index="{{index}}" bindtap="onSelectionSideBar">
<text>{{item.tab}}</text>
</view>
</block>
</view>
<!-- 商品列表 -->
<view class="menu-list">
<view class="right-content-title">{{menuTitle}}</view>
<block wx:for="{{commodityList}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<view class="commodity-item row">
<view class="item-img" data-item="{{item}}" bindtap="onCommodityDetail">
<image src="{{item.cover}}" mode="widthFix"></image>
</view>
<view class="item-info">
<view class="item-info-title">{{item.name}}</view>
<view class="item-info-text-wrap">
<view wx:if="{{item.describe}}">{{item.describe}}</view>
<view wx:else class="item-info-content"></view>
</view>
<view class="item-other row con-b">
<!-- 活动价样式 -->
<view wx:if="{{item.priceType === 1}}">
<view class="item-price row align-c">
<text>￥</text>
<text>{{item.priceDiscountText}}</text>
<text class="item-price-discount">活动价</text>
</view>
<view class="item-info-old-price row align-c">
<text>￥</text>
<text>{{item.priceText}}</text>
</view>
</view>
<!-- 业主价样式 -->
<view wx:if="{{item.priceType === 2}}">
<view class="item-price row align-c">
<text>￥</text>
<text>{{item.priceSpecialText}}</text>
<text class="item-price-special">业主价</text>
</view>
<view class="item-info-old-price row align-c">
<text>￥</text>
<text>{{item.priceText}}</text>
</view>
</view>
<!-- 普通价样式 -->
<view wx:if="{{item.priceType === 3}}">
<view class="item-price row align-c">
<text>￥</text>
<text>{{item.priceText}}</text>
<text></text>
</view>
</view>
<view class="item-operation-add">
<button class="row con-c align-c" data-item="{{item}}" bindtap="onCommodityAdd">
<image mode="widthFix" src="{{imageBase + 'icon/cart-3.png'}}"></image>
</button>
</view>
</view>
</view>
</view>
</block>
<!-- 购物车按钮 -->
<view class="cart-btn row con-c align-c" bindtap="onShoppingCart">
<!-- 添加动画圆点 -->
<view class="cart-animation" wx:if="{{winAnimationPoint}}" animation="{{animationData}}"></view>
<view class="cart-num row con-c align-c">{{shoppingCartTotal}}</view>
<view class="cart-img-wrap">
<image src="../../../image/cart.png" mode="widthFix"></image>
</view>
</view>
</view>
</view>
<!-- 商品详情弹窗 -->
<l-popup show="{{winCommodityDetail}}" content-align="center" locked="{{true}}">
<view class="popup-wrap">
<view id="banner" class="banner">
<swiper autoplay circular class="banner-swiper" interval="5000" duration="500">
<block wx:for="{{commodityDetail.banner}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<swiper-item class="banner-swiper-item">
<image class="banner-swiper-image" src="{{item}}"></image>
</swiper-item>
</block>
</swiper>
<view class="banner-wave">
<image src="/image/ornament-1.png" mode="widthFix"></image>
</view>
</view>
<view class="popup-info-wrapper">
<view class="popuo-info-title">{{commodityDetail.name}}</view>
<view class="popup-info-text">{{commodityDetail.describeDetail}}</view>
</view>
<view class="popup-footer-wrapper">
<!-- 活动价样式 -->
<view class="popup-price-row row align-c" wx:if="{{commodityDetail.priceType === 1}}">
<view class="detail-price-discount row con-c align-c">
<text>活动价</text>
</view>
<view class="detail-price">
<text>￥</text>
<text>{{commodityDetail.priceDiscountText}}</text>
</view>
<view class="popup-price-old">
<text>￥</text>
<text>{{commodityDetail.priceText}}</text>
</view>
</view>
<!-- 业主价样式 -->
<view class="popup-price-row row align-c" wx:if="{{commodityDetail.priceType === 2}}">
<view class="detail-price-special row con-c align-c">
<text>业主价</text>
</view>
<view class="detail-price">
<text>￥</text>
<text>{{commodityDetail.priceSpecialText}}</text>
</view>
<view class="popup-price-old">
<text>￥</text>
<text>{{commodityDetail.priceText}}</text>
</view>
</view>
<!-- 普通价样式 -->
<view class="popup-price-row row align-c" wx:if="{{commodityDetail.priceType === 3}}">
<view class="popup-price-special row con-c align-c">
<text></text>
</view>
<view class="detail-price">
<text>￥</text>
<text>{{commodityDetail.priceText}}</text>
</view>
</view>
<view class="popup-footer-btn row con-c align-c" bindtap="onCommodityAdd">加入购物车</view>
</view>
</view>
<view class="popup-close-btn row con-c align-c" bindtap="onCommodityClose">
<view class="popup-close">
<image mode="widthFix" src="../../../image/icon_close.png"></image>
</view>
</view>
</l-popup>
\ No newline at end of file
pages/commodity/menu-art/menu-art.wxss
/* pages/home/home/home.wxss */ page {
\ No newline at end of file overflow: hidden;
}
.navigation {
z-index: 1100;
position: fixed;
top: 0;
left: 0;
width: 750rpx;
}
.side-bar {
width: 160rpx;
height: 100vh;
margin-top: 140rpx;
overflow-y: scroll;
background: #f2f3f5;
}
.side-bar::-webkit-scrollbar {
width: 0;
}
.menu-item {
height: 136rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 26rpx;
color: #656e7b;
}
.menu-item.active {
color: #5cb5dd;
font-weight: 600;
background: #fff;
border-left: 8rpx solid #86c5e1;
}
.menu-list {
width: 590rpx;
height: 100vh;
margin-top: 140rpx;
padding: 0 32rpx 200rpx 32rpx;
overflow-y: scroll;
background: #FFFFFF;
}
.right-content::-webkit-scrollbar {
width: 0;
}
.right-content-title {
height: 100rpx;
padding: 32rpx 0;
font-size: 26rpx;
color: #959da9;
}
.cart-btn {
position: fixed;
right: 48rpx;
bottom: 160rpx;
width: 104rpx;
height: 104rpx;
border-radius: 50%;
background-color: #86c5e1;
}
.cart-num {
position: absolute;
top: 0;
right: 0;
height: 32rpx;
padding: 0 12rpx;
font-size: 22rpx;
line-height: 32rpx;
border: 1px solid #86c5e1;
border-radius: 17rpx;
color: #86c5e1;
background-color: #fff;
}
.cart-img-wrap {
width: 48rpx;
height: 48rpx;
}
.commodity-item {
width: 100%;
min-height: 250rpx;
padding-bottom: 56rpx;
box-sizing: border-box;
}
.item-img {
width: 160rpx;
height: 160rpx;
}
.item-info {
flex: 1;
margin-left: 28rpx;
}
.item-info-title {
font-size: 30rpx;
font-weight: 500;
line-height: 42rpx;
color: #15191F;
}
.item-info-text-wrap {
display: -webkit-box;
width: 342rpx;
height: 64rpx;
margin-top: 16rpx;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 22rpx;
font-weight: 400;
line-height: 32rpx;
color: #959DA9;
}
.item-info-content {
height: 40rpx;
}
.item-other {
margin-top: 24rpx;
}
.item-operation {
margin-top: 24rpx;
font-size: 30rpx;
font-weight: 600;
color: #15191f;
}
.item-price text:nth-child(1) {
font-size: 22rpx;
}
.item-price text:nth-child(2) {
margin-right: 8rpx;
font-size: 30rpx;
}
.item-price-discount {
width: 78rpx;
height: 32rpx;
border-radius: 4px;
background: #FAEDEA;
text-align: center;
font-size: 18rpx;
font-weight: 500;
line-height: 32rpx;
color: #EF4E4E;
}
.item-price-special {
width: 78rpx;
height: 32rpx;
border-radius: 4px;
background: linear-gradient(180deg, #3F4357 0%, #252532 100%);
text-align: center;
font-size: 18rpx;
font-weight: 500;
line-height: 32rpx;
color: #E8D0AF;
}
.item-operation-add button {
width: 44rpx;
height: 44rpx;
border-radius: 50%;
background: #86C5E1;
}
.item-operation-add image {
width: 24rpx;
height: 24rpx;
}
.goods-add-btn-wrap {
flex: 1;
}
.l-btn-circle {
border-radius: 50% !important;
font-size: 24rpx;
}
.item-info-old-price {
margin-top: 4rpx;
font-size: 22rpx;
color: #959da9;
text-decoration: line-through;
}
.popup-wrap {
width: 606rpx;
margin-top: 100rpx;
background-color: #fff;
border-radius: 4rpx;
}
.popup-img-wrap {
width: 606rpx;
height: 382rpx;
}
.popup-info-wrapper {
padding: 48rpx 40rpx;
}
.popuo-info-title {
font-size: 34rpx;
color: #15191f;
}
.popup-info-text {
margin-top: 24rpx;
font-size: 22rpx;
line-height: 32rpx;
color: #959da9;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.popup-footer-wrapper {
margin: 0 40rpx;
padding: 40rpx 0;
border-top: 1px solid #e2e7ef;
}
.popup-price-row {
padding: 10rpx 0;
}
.popup-price-now {
color: #15191f;
}
.detail-price text:nth-child(1) {
height: 52rpx;
font-size: 30rpx;
font-weight: 500;
line-height: 52rpx;
color: #15191F;
}
.detail-price text:nth-child(2) {
height: 52rpx;
font-size: 38rpx;
font-weight: 500;
line-height: 52rpx;
color: #15191F;
}
.detail-price-discount {
width: 90rpx;
height: 36rpx;
margin-right: 16rpx;
border-radius: 4px;
background: #FAEDEA;
text-align: center;
font-size: 18rpx;
font-weight: 500;
line-height: 32rpx;
color: #EF4E4E;
}
.detail-price-special {
width: 90rpx;
height: 36rpx;
margin-right: 16rpx;
border-radius: 4px;
background: linear-gradient(180deg, #3F4357 0%, #252532 100%);
text-align: center;
font-size: 18rpx;
font-weight: 500;
line-height: 32rpx;
color: #E8D0AF;
}
.popup-price-old {
margin-left: 20rpx;
font-size: 26rpx;
color: #959da9;
text-decoration: line-through;
}
.popup-footer-btn {
width: 526rpx;
height: 80rpx;
margin-top: 30rpx;
font-size: 30rpx;
color: #fff;
background-color: #86c5e1;
border-radius: 4rpx;
}
.popup-close-btn {
width: 80rpx;
height: 80rpx;
margin: 48rpx auto 0;
background: rgba(254, 252, 249, 0.5);
border-radius: 50%;
}
.popup-close {
width: 40rpx;
height: 40rpx;
}
.toast-bg {
min-width: 262rpx !important;
min-height: 262prx !important;
}
.toast-image {
z-index: 1900;
}
image {
width: 100%;
height: 100%;
}
/* 商品详情样式 */
.banner {
position: relative;
width: 606rpx;
height: 382rpx;
border-radius: 4px;
background: #FFFFFF;
}
.banner-swiper,
.banner-swiper-item,
.banner-swiper-image {
position: absolute;
top: 0 !important;
left: 0 !important;
width: 606rpx;
height: 382rpx;
}
.banner-wave {
z-index: 1100;
position: absolute;
bottom: -2rpx;
left: 0;
width: 606rpx;
height: 50rpx;
}
.banner-wave image {
width: 606rpx;
height: 50rpx;
}
/* 购物车样式 */
.cart-animation {
position: fixed;
right: 48rpx;
width: 26rpx;
height: 26rpx;
border-radius: 50%;
background: red;
}
\ No newline at end of file
pages/commodity/menu-food/menu-food.js
...@@ -2,6 +2,14 @@ let App = getApp() ...@@ -2,6 +2,14 @@ let App = getApp()
Page({ Page({
data: { data: {
imageBase: App.globalData.appImageBase,
resourcesBase: App.globalData.appResourcesBase,
animationData: {},
animationPointHeight: 0,
winAnimationPoint: false,
shopInfo: {}, shopInfo: {},
sideBar: [], // 侧边菜单 sideBar: [], // 侧边菜单
...@@ -22,10 +30,54 @@ Page({ ...@@ -22,10 +30,54 @@ Page({
}, },
onLoad: function () { onLoad: function () {
this.setCartAnimation()
this.setShopInfo() this.setShopInfo()
this.querySideBar() this.querySideBar()
}, },
/**
* 添加动画初始
* @function
* @param
* @returns
*/
setCartAnimation: function () {
// 购物车添加动画
this.animation = wx.createAnimation({
duration: 500,
timingFunction: 'ease'
})
},
/**
* 添加动画显示
* @function
* @param
* @returns
*/
setCartAnimationExport: function (funcPointHeight) {
// 定位点击元素位置
this.animation.translate(0, funcPointHeight).step()
this.setData({
animationData: this.animation.export(),
winAnimationPoint: false,
})
// 执行下滑动画
this.setData({
winAnimationPoint: true,
})
let funcTimer = setTimeout(() => {
this.animation.translate(0, 0).step()
this.setData({
animationData: this.animation.export(),
// winAnimationPoint: false,
})
clearTimeout(funcTimer)
}, 100)
},
setShopInfo: function () { setShopInfo: function () {
let funcShopInfo = wx.getStorageSync('shopInfoBuffer') let funcShopInfo = wx.getStorageSync('shopInfoBuffer')
this.setData({ this.setData({
...@@ -103,7 +155,12 @@ Page({ ...@@ -103,7 +155,12 @@ Page({
'priceDiscountText': App.modular.utils.formatAmount(funcResponse[i].price), // 活动价文本格式 'priceDiscountText': App.modular.utils.formatAmount(funcResponse[i].price), // 活动价文本格式
'priceType': 1, 'priceType': 1,
'describe': funcResponse[i].synopsis, 'describe': funcResponse[i].synopsis,
'describeDetail': '', // 商品描述详情，在点击详情时获得数据
'tags': funcResponse[i].tags, 'tags': funcResponse[i].tags,
'quantityMin': 1,
'quantityMax': funcResponse[i].number,
'isActive': true,
} }
let funcUserType = wx.getStorageSync('userInfo').userType let funcUserType = wx.getStorageSync('userInfo').userType
...@@ -168,6 +225,8 @@ Page({ ...@@ -168,6 +225,8 @@ Page({
let funcResponse = response.data let funcResponse = response.data
funcItem.banner = funcResponse.imgs.split('|') funcItem.banner = funcResponse.imgs.split('|')
funcItem.banner.pop() funcItem.banner.pop()
funcItem.describeDetail = funcResponse.particulars
this.setData({ this.setData({
commodityDetail: funcItem, commodityDetail: funcItem,
winCommodityDetail: true winCommodityDetail: true
...@@ -195,6 +254,10 @@ Page({ ...@@ -195,6 +254,10 @@ Page({
* @returns * @returns
*/ */
onCommodityAdd: function (event) { onCommodityAdd: function (event) {
// 获取点击高度
let funcAnimationPointHeight = event.detail.y
this.setCartAnimationExport(funcAnimationPointHeight)
let funcShoppingCart = this.data.shoppingCart let funcShoppingCart = this.data.shoppingCart
// 详情加入购物车按钮商品数据不会存在于 event 对象中，所以要区分 // 详情加入购物车按钮商品数据不会存在于 event 对象中，所以要区分
......
pages/commodity/menu-food/menu-food.wxml
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
<view class="item-operation-add"> <view class="item-operation-add">
<button class="row con-c align-c" data-item="{{item}}" bindtap="onCommodityAdd"> <button class="row con-c align-c" data-item="{{item}}" bindtap="onCommodityAdd">
<image mode="widthFix" src="/image/add-w.png"></image> <image mode="widthFix" src="{{imageBase + 'icon/cart-3.png'}}"></image>
</button> </button>
</view> </view>
</view> </view>
...@@ -90,6 +90,9 @@ ...@@ -90,6 +90,9 @@
<!-- 购物车按钮 --> <!-- 购物车按钮 -->
<view class="cart-btn row con-c align-c" bindtap="onShoppingCart"> <view class="cart-btn row con-c align-c" bindtap="onShoppingCart">
<!-- 添加动画圆点 -->
<view class="cart-animation" wx:if="{{winAnimationPoint}}" animation="{{animationData}}"></view>
<view class="cart-num row con-c align-c">{{shoppingCartTotal}}</view> <view class="cart-num row con-c align-c">{{shoppingCartTotal}}</view>
<view class="cart-img-wrap"> <view class="cart-img-wrap">
<image src="../../../image/cart.png" mode="widthFix"></image> <image src="../../../image/cart.png" mode="widthFix"></image>
...@@ -117,7 +120,7 @@ ...@@ -117,7 +120,7 @@
<view class="popup-info-wrapper"> <view class="popup-info-wrapper">
<view class="popuo-info-title">{{commodityDetail.name}}</view> <view class="popuo-info-title">{{commodityDetail.name}}</view>
<view class="popup-info-text">{{commodityDetail.describe}}</view> <view class="popup-info-text">{{commodityDetail.describeDetail}}</view>
</view> </view>
<view class="popup-footer-wrapper"> <view class="popup-footer-wrapper">
......
pages/commodity/menu-food/menu-food.wxss
...@@ -373,4 +373,14 @@ image { ...@@ -373,4 +373,14 @@ image {
.banner-wave image { .banner-wave image {
width: 606rpx; width: 606rpx;
height: 50rpx; height: 50rpx;
}
/* 购物车样式 */
.cart-animation {
position: fixed;
right: 48rpx;
width: 26rpx;
height: 26rpx;
border-radius: 50%;
background: red;
} }
\ No newline at end of file
pages/commodity/menu-snacks/menu-snacks.js
...@@ -2,8 +2,16 @@ let App = getApp() ...@@ -2,8 +2,16 @@ let App = getApp()
Page({ Page({
data: { data: {
imageBase: App.globalData.appImageBase,
resourcesBase: App.globalData.appResourcesBase,
animationData: {},
animationPointHeight: 0,
winAnimationPoint: false,
shopInfo: {}, shopInfo: {},
sideBar: [], // 侧边菜单 sideBar: [], // 侧边菜单
menuTitle: '', // 商品列表标题 menuTitle: '', // 商品列表标题
commodityList: [], // 商品列表 commodityList: [], // 商品列表
...@@ -22,10 +30,54 @@ Page({ ...@@ -22,10 +30,54 @@ Page({
}, },
onLoad: function () { onLoad: function () {
this.setCartAnimation()
this.setShopInfo() this.setShopInfo()
this.querySideBar() this.querySideBar()
}, },
/**
* 添加动画初始
* @function
* @param
* @returns
*/
setCartAnimation: function () {
// 购物车添加动画
this.animation = wx.createAnimation({
duration: 500,
timingFunction: 'ease'
})
},
/**
* 添加动画显示
* @function
* @param
* @returns
*/
setCartAnimationExport: function (funcPointHeight) {
// 定位点击元素位置
this.animation.translate(0, funcPointHeight).step()
this.setData({
animationData: this.animation.export(),
winAnimationPoint: false,
})
// 执行下滑动画
this.setData({
winAnimationPoint: true,
})
let funcTimer = setTimeout(() => {
this.animation.translate(0, 0).step()
this.setData({
animationData: this.animation.export(),
// winAnimationPoint: false,
})
clearTimeout(funcTimer)
}, 100)
},
setShopInfo: function () { setShopInfo: function () {
let funcShopInfo = wx.getStorageSync('shopInfoBuffer') let funcShopInfo = wx.getStorageSync('shopInfoBuffer')
this.setData({ this.setData({
...@@ -103,7 +155,12 @@ Page({ ...@@ -103,7 +155,12 @@ Page({
'priceDiscountText': App.modular.utils.formatAmount(funcResponse[i].price), // 活动价文本格式 'priceDiscountText': App.modular.utils.formatAmount(funcResponse[i].price), // 活动价文本格式
'priceType': 1, 'priceType': 1,
'describe': funcResponse[i].synopsis, 'describe': funcResponse[i].synopsis,
'describeDetail': '', // 商品描述详情，在点击详情时获得数据
'tags': funcResponse[i].tags, 'tags': funcResponse[i].tags,
'quantityMin': 1,
'quantityMax': funcResponse[i].number,
'isActive': true,
} }
let funcUserType = wx.getStorageSync('userInfo').userType let funcUserType = wx.getStorageSync('userInfo').userType
...@@ -168,6 +225,8 @@ Page({ ...@@ -168,6 +225,8 @@ Page({
let funcResponse = response.data let funcResponse = response.data
funcItem.banner = funcResponse.imgs.split('|') funcItem.banner = funcResponse.imgs.split('|')
funcItem.banner.pop() funcItem.banner.pop()
funcItem.describeDetail = funcResponse.particulars
this.setData({ this.setData({
commodityDetail: funcItem, commodityDetail: funcItem,
winCommodityDetail: true winCommodityDetail: true
...@@ -195,6 +254,10 @@ Page({ ...@@ -195,6 +254,10 @@ Page({
* @returns * @returns
*/ */
onCommodityAdd: function (event) { onCommodityAdd: function (event) {
// 获取点击高度
let funcAnimationPointHeight = event.detail.y
this.setCartAnimationExport(funcAnimationPointHeight)
let funcShoppingCart = this.data.shoppingCart let funcShoppingCart = this.data.shoppingCart
// 详情加入购物车按钮商品数据不会存在于 event 对象中，所以要区分 // 详情加入购物车按钮商品数据不会存在于 event 对象中，所以要区分
...@@ -229,7 +292,7 @@ Page({ ...@@ -229,7 +292,7 @@ Page({
for (let i = 0, l = funcShoppingCart.length; i < l; i++) { for (let i = 0, l = funcShoppingCart.length; i < l; i++) {
funcShoppingCartTotal = funcShoppingCartTotal + funcShoppingCart[i].quantity funcShoppingCartTotal = funcShoppingCartTotal + funcShoppingCart[i].quantity
} }
this.setData({ this.setData({
shoppingCart: funcShoppingCart, shoppingCart: funcShoppingCart,
shoppingCartTotal: funcShoppingCartTotal, shoppingCartTotal: funcShoppingCartTotal,
...@@ -244,7 +307,7 @@ Page({ ...@@ -244,7 +307,7 @@ Page({
* @param * @param
* @returns * @returns
*/ */
onShoppingCart: function() { onShoppingCart: function () {
wx.setStorageSync('shoppingCartBuffer', this.data.shoppingCart) wx.setStorageSync('shoppingCartBuffer', this.data.shoppingCart)
wx.navigateTo({ wx.navigateTo({
url: '/pages/commodity/shopping-cart/shopping-cart', url: '/pages/commodity/shopping-cart/shopping-cart',
......
pages/commodity/menu-snacks/menu-snacks.wxml
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
<view class="item-operation-add"> <view class="item-operation-add">
<button class="row con-c align-c" data-item="{{item}}" bindtap="onCommodityAdd"> <button class="row con-c align-c" data-item="{{item}}" bindtap="onCommodityAdd">
<image mode="widthFix" src="/image/add-w.png"></image> <image mode="widthFix" src="{{imageBase + 'icon/cart-3.png'}}"></image>
</button> </button>
</view> </view>
</view> </view>
...@@ -90,6 +90,9 @@ ...@@ -90,6 +90,9 @@
<!-- 购物车按钮 --> <!-- 购物车按钮 -->
<view class="cart-btn row con-c align-c" bindtap="onShoppingCart"> <view class="cart-btn row con-c align-c" bindtap="onShoppingCart">
<!-- 添加动画圆点 -->
<view class="cart-animation" wx:if="{{winAnimationPoint}}" animation="{{animationData}}"></view>
<view class="cart-num row con-c align-c">{{shoppingCartTotal}}</view> <view class="cart-num row con-c align-c">{{shoppingCartTotal}}</view>
<view class="cart-img-wrap"> <view class="cart-img-wrap">
<image src="../../../image/cart.png" mode="widthFix"></image> <image src="../../../image/cart.png" mode="widthFix"></image>
...@@ -117,7 +120,7 @@ ...@@ -117,7 +120,7 @@
<view class="popup-info-wrapper"> <view class="popup-info-wrapper">
<view class="popuo-info-title">{{commodityDetail.name}}</view> <view class="popuo-info-title">{{commodityDetail.name}}</view>
<view class="popup-info-text">{{commodityDetail.describe}}</view> <view class="popup-info-text">{{commodityDetail.describeDetail}}</view>
</view> </view>
<view class="popup-footer-wrapper"> <view class="popup-footer-wrapper">
......
pages/commodity/menu-snacks/menu-snacks.wxss
...@@ -373,4 +373,14 @@ image { ...@@ -373,4 +373,14 @@ image {
.banner-wave image { .banner-wave image {
width: 606rpx; width: 606rpx;
height: 50rpx; height: 50rpx;
}
/* 购物车样式 */
.cart-animation {
position: fixed;
right: 48rpx;
width: 26rpx;
height: 26rpx;
border-radius: 50%;
background: red;
} }
\ No newline at end of file
pages/commodity/shopping-cart/shopping-cart.js
...@@ -81,16 +81,16 @@ Page({ ...@@ -81,16 +81,16 @@ Page({
onLoad: function () { onLoad: function () {
this.setShopInfo() this.setShopInfo()
// 读取上级页面的购物车数据，默认选中所有。 // // 读取上级页面的购物车数据，默认选中所有。
let funcShoppingCart = wx.getStorageSync('shoppingCartBuffer') // let funcShoppingCart = wx.getStorageSync('shoppingCartBuffer')
for (let i = 0, l = funcShoppingCart.length; i < l; i++) { // for (let i = 0, l = funcShoppingCart.length; i < l; i++) {
// 设置默认库存为 100 ，在提交订单时矫正为实际库存 // // 设置默认库存为 100 ，在提交订单时矫正为实际库存
funcShoppingCart[i].quantityMin = 1 // funcShoppingCart[i].quantityMin = 1
funcShoppingCart[i].quantityMax = 100 // funcShoppingCart[i].quantityMax = 100
funcShoppingCart[i].isActive = true // funcShoppingCart[i].isActive = true
} // }
this.setData({ this.setData({
shoppingCart: funcShoppingCart shoppingCart: wx.getStorageSync('shoppingCartBuffer')
}) })
this.selectionTotal() this.selectionTotal()
...@@ -206,7 +206,7 @@ Page({ ...@@ -206,7 +206,7 @@ Page({
titleColor: '#15191F', titleColor: '#15191F',
success: (response) => { success: (response) => {
if (response.confirm) { if (response.confirm) {
// wx.setStorageSync('shoppingCartBuffer', []) wx.setStorageSync('shoppingCartBuffer', [])
this.setData({ this.setData({
shoppingCart: [] shoppingCart: []
}) })
......
pages/mine/order/order.js
...@@ -220,6 +220,9 @@ Page({ ...@@ -220,6 +220,9 @@ Page({
console.log(response) console.log(response)
} }
}) })
this.setData({
'orderList': [],
})
this.queryOrder() this.queryOrder()
}, },
...@@ -241,7 +244,9 @@ Page({ ...@@ -241,7 +244,9 @@ Page({
console.log(response) console.log(response)
} }
}) })
this.setData({
'orderList': [],
})
this.queryOrder() this.queryOrder()
}, },
......
pages/pay/order-detail/order-detail.js
...@@ -11,6 +11,8 @@ Page({ ...@@ -11,6 +11,8 @@ Page({
orderInfo: {}, orderInfo: {},
fromPage: '', fromPage: '',
code: {},
winCode: false,
winCode: false, winCode: false,
}, },
...@@ -23,6 +25,8 @@ Page({ ...@@ -23,6 +25,8 @@ Page({
fromPage: options.fromPage === 'order' ? 'order' : '' fromPage: options.fromPage === 'order' ? 'order' : ''
}) })
console.log(funcOrderInfo, '--------------------------')
this.queryOrderDetail() this.queryOrderDetail()
}, },
...@@ -89,6 +93,13 @@ Page({ ...@@ -89,6 +93,13 @@ Page({
}, },
success: (response) => { success: (response) => {
let funcResponse = response.data let funcResponse = response.data
let funcCode = {
'codeBase64': funcResponse.qrcode
}
this.setData({
code: funcCode,
winCode: true,
})
} }
}) })
console.log(funcOrderInfo) console.log(funcOrderInfo)
......
pages/pay/order-detail/order-detail.wxml
...@@ -167,8 +167,14 @@ ...@@ -167,8 +167,14 @@
<view class="tip-describe col"> <view class="tip-describe col">
<text>{{'订单编号：' + orderInfo.tipOrderNo}}</text> <text>{{'订单编号：' + orderInfo.tipOrderNo}}</text>
<text>{{'下单时间：' + orderInfo.tipTimeSubmit}}</text> <text>{{'下单时间：' + orderInfo.tipTimeSubmit}}</text>
<text>{{'付款时间：' + orderInfo.tipTimePay}}</text> <text wx:if="{{orderInfo.state !== 0 && orderInfo.state !== -1}}">{{'付款时间：' + orderInfo.tipTimePay}}</text>
<text>{{'获得积分：' + orderInfo.tipIntegral}}</text> <text wx:if="{{orderInfo.state !== 0 && orderInfo.state !== -1}}">{{'获得积分：' + orderInfo.tipIntegral}}</text>
</view> </view>
</view> </view>
</view>
<view class="code" wx:if="{{winCode}}">
<view class="code-info">
<image class="code-info-content" src="{{'data:image/png;base64,' + code.codeBase64}}"></image>
</view>
</view> </view>
\ No newline at end of file
pages/pay/order-detail/order-detail.wxss
...@@ -122,7 +122,6 @@ ...@@ -122,7 +122,6 @@
max-width: 62rpx; max-width: 62rpx;
max-height: 62rpx; max-height: 62rpx;
margin-right: 16rpx; margin-right: 16rpx;
background: #999999;
} }
.commodity-item { .commodity-item {
...@@ -135,7 +134,6 @@ ...@@ -135,7 +134,6 @@
width: 140rpx; width: 140rpx;
height: 136rpx; height: 136rpx;
margin-right: 24rpx; margin-right: 24rpx;
background: #999999;
} }
.commodity-item-info { .commodity-item-info {
...@@ -200,4 +198,10 @@ ...@@ -200,4 +198,10 @@
font-weight: 400; font-weight: 400;
line-height: 42rpx; line-height: 42rpx;
color: #959DA9; color: #959DA9;
}
/* 券码 */
.code-info-content {
width: 296rpx;
height: 296rpx;
} }
\ No newline at end of file
pages/pay/order-input/order-input.js
...@@ -90,7 +90,6 @@ Page({ ...@@ -90,7 +90,6 @@ Page({
this.setShoppingCartData() this.setShoppingCartData()
this.setView() this.setView()
this.animation = wx.createAnimation({ this.animation = wx.createAnimation({
duration: 700, duration: 700,
timingFunction: 'ease' timingFunction: 'ease'
...@@ -472,13 +471,11 @@ Page({ ...@@ -472,13 +471,11 @@ Page({
if (funcRegisterInfo[i].name === '' || funcRegisterInfo[i].errorName !== '') { if (funcRegisterInfo[i].name === '' || funcRegisterInfo[i].errorName !== '') {
this.setUserInfo('name', funcRegisterInfo[i].name, i, App.modular.rule.item('name', funcRegisterInfo[i].name)) this.setUserInfo('name', funcRegisterInfo[i].name, i, App.modular.rule.item('name', funcRegisterInfo[i].name))
funcPass = false funcPass = false
break
} }
if (funcRegisterInfo[i].phone === '' || funcRegisterInfo[i].errorPhone !== '') { if (funcRegisterInfo[i].phone === '' || funcRegisterInfo[i].errorPhone !== '') {
this.setUserInfo('phone', funcRegisterInfo[i].phone, i, App.modular.rule.item('phone', funcRegisterInfo[i].phone)) this.setUserInfo('phone', funcRegisterInfo[i].phone, i, App.modular.rule.item('phone', funcRegisterInfo[i].phone))
funcPass = false funcPass = false
break
} }
// 仅在需要的订单场景下校验 // 仅在需要的订单场景下校验
...@@ -486,7 +483,6 @@ Page({ ...@@ -486,7 +483,6 @@ Page({
if (funcRegisterInfo[i].identity === '' || funcRegisterInfo[i].errorIdentity !== '') { if (funcRegisterInfo[i].identity === '' || funcRegisterInfo[i].errorIdentity !== '') {
this.setUserInfo('identity', funcRegisterInfo[i].identity, i, App.modular.rule.item('identity', funcRegisterInfo[i].identity)) this.setUserInfo('identity', funcRegisterInfo[i].identity, i, App.modular.rule.item('identity', funcRegisterInfo[i].identity))
funcPass = false funcPass = false
break
} }
} }
} }
...@@ -508,21 +504,24 @@ Page({ ...@@ -508,21 +504,24 @@ Page({
// 整合商品数据 // 整合商品数据
let funcCommodity = [] let funcCommodity = []
let funcShoppingCartList = this.data.shoppingCartList let funcShoppingCartList = this.data.shoppingCartList
console.log(funcShoppingCartList)
for (let i = 0, l = funcShoppingCartList.length; i < l; i++) { for (let i = 0, l = funcShoppingCartList.length; i < l; i++) {
let funcItem = { if (funcShoppingCartList.isActive) {
'smCommodity': { let funcItem = {
'id': funcShoppingCartList[i].id, 'smCommodity': {
}, 'id': funcShoppingCartList[i].id,
'smInventory': { },
'id': funcShoppingCartList[i].inventoriesId, 'smInventory': {
}, 'id': funcShoppingCartList[i].inventoriesId,
'goodType': funcShoppingCartList[i].typeId, },
'name': funcShoppingCartList[i].name, 'goodType': funcShoppingCartList[i].typeId,
'number': funcShoppingCartList[i].quantity, 'name': funcShoppingCartList[i].name,
'unitPrice': Number(funcShoppingCartList[i].priceFinal), 'number': funcShoppingCartList[i].quantity,
'totalPrices': funcShoppingCartList[i].quantity * Number(funcShoppingCartList[i].priceFinal) 'unitPrice': Number(funcShoppingCartList[i].priceFinal),
'totalPrices': funcShoppingCartList[i].quantity * Number(funcShoppingCartList[i].priceFinal)
}
funcCommodity.push(funcItem)
} }
funcCommodity.push(funcItem)
} }
// 整合用户数据 // 整合用户数据
...@@ -549,6 +548,10 @@ Page({ ...@@ -549,6 +548,10 @@ Page({
}, },
success: (response) => { success: (response) => {
let funcResponse = response.data.wxRequest let funcResponse = response.data.wxRequest
// 库存不足
// if (funcResponse.)
// 库存充足正常下单支付
pagePayId = response.data.orderId pagePayId = response.data.orderId
this.setData({ this.setData({
orderId: pagePayId orderId: pagePayId
...@@ -560,10 +563,10 @@ Page({ ...@@ -560,10 +563,10 @@ Page({
'package': funcResponse.package, 'package': funcResponse.package,
'signType': funcResponse.signType, 'signType': funcResponse.signType,
'paySign': funcResponse.paySign, 'paySign': funcResponse.paySign,
'success': (response) => { success: (response) => {
if (response.errMsg === 'requestPayment:ok') { if (response.errMsg === 'requestPayment:ok') {
// 用户点击支付完成按钮回调 // 用户点击支付完成按钮回调
this.payStatus(true) // this.payStatus(true)
} }
if (response.errMsg === 'requestPayment:fail cancel') { if (response.errMsg === 'requestPayment:fail cancel') {
...@@ -571,7 +574,7 @@ Page({ ...@@ -571,7 +574,7 @@ Page({
this.payStatus(false) this.payStatus(false)
} }
}, },
'fail': function (response) { fail: (response) => {
clearInterval(App.globalData.payStateTimer) clearInterval(App.globalData.payStateTimer)
this.payStatus(false) this.payStatus(false)
} }
...@@ -619,8 +622,16 @@ Page({ ...@@ -619,8 +622,16 @@ Page({
*/ */
payStatus: function (funcPayResult) { payStatus: function (funcPayResult) {
clearInterval(App.globalData.payStateTimer) clearInterval(App.globalData.payStateTimer)
wx.navigateTo({ if (funcPayResult) {
url: '/pages/pay/order-state/order-state?state=' + funcPayResult + '&amount=' + this.data.buyContentAmount + '&orderId=' + this.data.orderId // 支付成功进入成功页面
}) wx.navigateTo({
url: '/pages/pay/order-state/order-state?state=' + funcPayResult + '&amount=' + this.data.buyContentAmount + '&orderId=' + this.data.orderId
})
} else {
// 取消支付直接进入订单
wx.reLaunch({
url: '/pages/pay/order-detail/order-detail?id=' + this.data.orderId + '&fromPage=order'
})
}
}, },
}) })
\ No newline at end of file
pages/play/home/home.js
...@@ -208,4 +208,74 @@ Page({ ...@@ -208,4 +208,74 @@ Page({
url: '/pages/play/movie/movie' url: '/pages/play/movie/movie'
}) })
}, },
// 游客攻略列表
loadVisiterPlanList() {
this.data.loading = true
var that = this
app.wxRequest({
url: '/api/v1/strategy/getList',
data: { pageSize: that.data.pageSize + '', pageNo: that.data.pageNo + '' },
success: function (res) {
that.setData({
loading: false
})
if (res.data.list.length > 0) {
let count = that.data.strategyOriginList.length
if (that.data.pageNo == 1) {
count = 0
}
let tempArray = []
for (let i = 0; i < res.data.list.length; i++) {
let item = res.data.list[i]
let strategy = {
id: item.id,
image: (count == 0 && i == 0) ? item.topImg : item.cover,
title: item.title,
date: item.updateDate,
index: count + i - 1,
}
tempArray.push(strategy)
}
console.log('tempArray', tempArray)
if (that.data.pageNo == 1) {
var newArr = tempArray.slice(1)
var firstItem = tempArray[0]
console.log('firstItem', firstItem)
that.setData({
moreData: (tempArray.length >= Number(res.data.count)) ? false : true,
['strategyFirstItem.id']: firstItem.id,
['strategyFirstItem.image']: firstItem.image,
['strategyFirstItem.title']: firstItem.title,
['strategyFirstItem.date']: firstItem.date,
strategyList: newArr,
strategyOriginList: tempArray,
})
} else {
that.setData({
moreData: (count + tempArray.length >= Number(res.data.count)) ? false : true,
strategyOriginList: that.data.strategyOriginList.concat(tempArray),
strategyList: tempArray,
})
}
// 游客攻略瀑布列表
wx.lin.renderWaterFlow(that.data.strategyList, that.data.pageNo == 1 ? true : false, () => { })
} else {
}
},
fail: function (err) {
that.setData({
loading: false
})
}
})
},
}) })
\ No newline at end of file
pages/play/home/home.wxml
...@@ -15,8 +15,8 @@ ...@@ -15,8 +15,8 @@
<button class="hotel-button" bindtap="onToHotel"></button> <button class="hotel-button" bindtap="onToHotel"></button>
</view> </view>
<view class="title-wrapper row con-b align-c"> <view class="title row con-b align-c">
<image class="title" src="./image/title-activity.png">近期活动</image> <image src="./image/title-activity.png">近期活动</image>
<text bindtap="onAllRecent">查看全部</text> <text bindtap="onAllRecent">查看全部</text>
</view> </view>
<swiper class="recent-swiper" next-margin="38rpx" bindchange="swiperRecentChange"> <swiper class="recent-swiper" next-margin="38rpx" bindchange="swiperRecentChange">
...@@ -27,8 +27,8 @@ ...@@ -27,8 +27,8 @@
</block> </block>
</swiper> </swiper>
<view class="title-wrapper row con-b align-c"> <view class="title row con-b align-c">
<image class="title" src="./image/title-movie.png">热映影片</image> <image src="./image/title-movie.png">热映影片</image>
<text bindtap="onAllRecent">查看全部</text> <text bindtap="onAllRecent">查看全部</text>
</view> </view>
<swiper class="movie-swiper" next-margin="38rpx" bindchange="swiperMovieChange"> <swiper class="movie-swiper" next-margin="38rpx" bindchange="swiperMovieChange">
...@@ -70,10 +70,13 @@ ...@@ -70,10 +70,13 @@
</block> </block>
</swiper> </swiper>
<view class="title-wrapper row align-c"> <!-- 游客攻略 -->
<image class="title" src="./image/title-route.png">游客攻略</image> <view class="route">
</view> <view class="title row align-c">
<view> <image src="./image/title-route.png">游客攻略</image>
</view>
<view class="route-list">
</view>
</view> </view>
</view> </view>
\ No newline at end of file
pages/play/home/home.wxss
...@@ -29,12 +29,14 @@ ...@@ -29,12 +29,14 @@
width: 130rpx; width: 130rpx;
height: 20rpx; height: 20rpx;
} }
.banner { .banner {
position: relative; position: relative;
margin-top: 200rpx; margin-top: 200rpx;
width: 750rpx; width: 750rpx;
height: 1200rpx; height: 1200rpx;
} }
.art-button { .art-button {
position: absolute; position: absolute;
top: 40rpx; top: 40rpx;
...@@ -43,6 +45,7 @@ ...@@ -43,6 +45,7 @@
height: 260rpx; height: 260rpx;
background: transparent; background: transparent;
} }
.health-button { .health-button {
position: absolute; position: absolute;
top: 320rpx; top: 320rpx;
...@@ -51,6 +54,7 @@ ...@@ -51,6 +54,7 @@
height: 376rpx; height: 376rpx;
background: transparent; background: transparent;
} }
.food-button { .food-button {
position: absolute; position: absolute;
top: 350rpx; top: 350rpx;
...@@ -59,6 +63,7 @@ ...@@ -59,6 +63,7 @@
height: 376rpx; height: 376rpx;
background: transparent; background: transparent;
} }
.leisure-button { .leisure-button {
position: absolute; position: absolute;
top: 788rpx; top: 788rpx;
...@@ -66,8 +71,8 @@ ...@@ -66,8 +71,8 @@
width: 304rpx; width: 304rpx;
height: 308rpx; height: 308rpx;
background: transparent; background: transparent;
} }
.hotel-button { .hotel-button {
position: absolute; position: absolute;
top: 820rpx; top: 820rpx;
...@@ -75,37 +80,36 @@ ...@@ -75,37 +80,36 @@
width: 296rpx; width: 296rpx;
height: 328rpx; height: 328rpx;
background: transparent; background: transparent;
}
.title-wrapper {
width: 670rpx;
margin-top: 30rpx;
}
.title {
width: 184rpx;
height: 44rpx;
} }
.all { .all {
width: 104rpx; width: 104rpx;
height: 36rpx; height: 36rpx;
background-color: #ccc; background-color: #ccc;
} }
.recent-swiper { .recent-swiper {
width: 750rpx; width: 750rpx;
height: 721rpx; height: 721rpx;
margin-top: 80rpx; margin-top: 80rpx;
padding-bottom: 50rpx; padding-bottom: 50rpx;
} }
.recent-item { .recent-item {
width: 712rpx; width: 712rpx;
} }
.recent-item image { .recent-item image {
width: 648rpx; width: 648rpx;
background-color: #ccc; background-color: #ccc;
} }
.recent-item-left { .recent-item-left {
margin-left: 40rpx; margin-left: 40rpx;
} }
.recent-item-center { .recent-item-center {
margin-left: 51rpx; margin-left: 51rpx;
} }
...@@ -116,17 +120,20 @@ ...@@ -116,17 +120,20 @@
margin-top: 48rpx; margin-top: 48rpx;
padding-bottom: 50rpx; padding-bottom: 50rpx;
} }
.movie-item { .movie-item {
width: 712rpx; width: 712rpx;
} }
.movie-wrapper { .movie-wrapper {
position: relative; position: relative;
width: 648rpx; width: 648rpx;
height: 326rpx; height: 326rpx;
padding: 40rpx 40rpx 40rpx 260rpx; padding: 40rpx 40rpx 40rpx 260rpx;
background-color: #F5F6F8; background-color: #f5f6f8;
border-radius: 4rpx; border-radius: 4rpx;
} }
.movie-cover { .movie-cover {
position: absolute; position: absolute;
left: 40rpx; left: 40rpx;
...@@ -136,24 +143,29 @@ ...@@ -136,24 +143,29 @@
background-color: #ccc; background-color: #ccc;
border-radius: 4rpx; border-radius: 4rpx;
} }
.movie-item-left { .movie-item-left {
margin-left: 40rpx; margin-left: 40rpx;
} }
.movie-item-center { .movie-item-center {
margin-left: 51rpx; margin-left: 51rpx;
} }
.movie-info-wrapper { .movie-info-wrapper {
margin-left: 40rpx; margin-left: 40rpx;
} }
.movie-name text { .movie-name text {
display: -webkit-box; display: -webkit-box;
color: #15191F; color: #15191f;
font-size: 30rpx; font-size: 30rpx;
max-width: 240rpx; max-width: 240rpx;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
overflow: hidden; overflow: hidden;
} }
.movie-dimensional { .movie-dimensional {
width: 52rpx; width: 52rpx;
height: 32rpx; height: 32rpx;
...@@ -163,25 +175,29 @@ ...@@ -163,25 +175,29 @@
font-size: 20rpx; font-size: 20rpx;
text-align: center; text-align: center;
line-height: 32rpx; line-height: 32rpx;
background: #15191F; background: #15191f;
opacity: 0.5; opacity: 0.5;
border-radius: 4rpx; border-radius: 4rpx;
} }
.movie-info { .movie-info {
margin-top: 16rpx; margin-top: 16rpx;
font-size: 26rpx; font-size: 26rpx;
} }
.movie-info-left { .movie-info-left {
color: #959DA9; color: #959da9;
} }
.movie-info-right { .movie-info-right {
display: -webkit-box; display: -webkit-box;
margin-left: 8rpx; margin-left: 8rpx;
color: #656E7B; color: #656e7b;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
overflow: hidden; overflow: hidden;
} }
.movie-btn { .movie-btn {
width: 152rpx; width: 152rpx;
height: 56rpx; height: 56rpx;
...@@ -190,12 +206,10 @@ ...@@ -190,12 +206,10 @@
font-size: 26rpx; font-size: 26rpx;
text-align: center; text-align: center;
line-height: 56rpx; line-height: 56rpx;
background: #86C5E1; background: #86c5e1;
border-radius: 4rpx; border-radius: 4rpx;
} }
/* .banner, /* .banner,
swiper { swiper {
position: relative; position: relative;
...@@ -230,6 +244,7 @@ swiper-item { ...@@ -230,6 +244,7 @@ swiper-item {
} }
/* 更多活动 */ /* 更多活动 */
.activity { .activity {
width: 100%; width: 100%;
height: 34rpx; height: 34rpx;
...@@ -237,7 +252,7 @@ swiper-item { ...@@ -237,7 +252,7 @@ swiper-item {
padding: 0 56rpx; padding: 0 56rpx;
font-size: 26rpx; font-size: 26rpx;
font-weight: bolder; font-weight: bolder;
color: #1E2025; color: #1e2025;
} }
.activity image { .activity image {
...@@ -246,6 +261,7 @@ swiper-item { ...@@ -246,6 +261,7 @@ swiper-item {
} }
/* 装饰波浪 */ /* 装饰波浪 */
.ornament-wave { .ornament-wave {
width: 750rpx; width: 750rpx;
height: 60rpx; height: 60rpx;
...@@ -258,10 +274,11 @@ swiper-item { ...@@ -258,10 +274,11 @@ swiper-item {
} }
/* 标签选择 */ /* 标签选择 */
.tab { .tab {
width: 100%; width: 100%;
padding: 40rpx 40rpx 0 40rpx; padding: 40rpx 40rpx 0 40rpx;
background: #ffffff; background: #fff;
} }
.tab-fixed { .tab-fixed {
...@@ -275,7 +292,7 @@ swiper-item { ...@@ -275,7 +292,7 @@ swiper-item {
.tab-blank { .tab-blank {
width: 750rpx; width: 750rpx;
height: 190rpx; height: 190rpx;
background: #ffffff; background: #fff;
} }
.tab .tab-item-active { .tab .tab-item-active {
...@@ -283,7 +300,7 @@ swiper-item { ...@@ -283,7 +300,7 @@ swiper-item {
height: 100rpx; height: 100rpx;
margin-bottom: 16rpx; margin-bottom: 16rpx;
border-radius: 50%; border-radius: 50%;
background: #E3EEFF; background: #e3eeff;
} }
.tab .tab-item-inactive { .tab .tab-item-inactive {
...@@ -295,11 +312,11 @@ swiper-item { ...@@ -295,11 +312,11 @@ swiper-item {
} }
.tab .tab-item-text-active { .tab .tab-item-text-active {
color: #15191F; color: #15191f;
} }
.tab .tab-item-text-inactive { .tab .tab-item-text-inactive {
color: #959DA9; color: #959da9;
} }
.tab-item text { .tab-item text {
...@@ -313,6 +330,7 @@ swiper-item { ...@@ -313,6 +330,7 @@ swiper-item {
} }
/* 标签详情 */ /* 标签详情 */
.detail { .detail {
width: 750rpx; width: 750rpx;
min-height: 500rpx; min-height: 500rpx;
...@@ -326,6 +344,7 @@ swiper-item { ...@@ -326,6 +344,7 @@ swiper-item {
} }
/* 商店详情 */ /* 商店详情 */
.shop-item { .shop-item {
position: relative; position: relative;
width: 750rpx; width: 750rpx;
...@@ -344,17 +363,27 @@ swiper-item { ...@@ -344,17 +363,27 @@ swiper-item {
position: absolute; position: absolute;
width: 534rpx; width: 534rpx;
height: 96rpx; height: 96rpx;
background: #86C5E1; background: #86c5e1;
border-radius: 2px; border-radius: 2px;
overflow: hidden; overflow: hidden;
font-size: 30rpx; font-size: 30rpx;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #fff;
line-height: 42rpx; line-height: 42rpx;
} }
image { image {
width: 100%; width: 100%;
height: 100%; height: 100%;
}
/* 游客攻略 */
.title {
width: 670rpx;
margin-top: 30rpx;
}
.title > image {
width: 184rpx;
height: 44rpx;
} }
\ 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