zhangjing/cardsystem
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[本时生活小程序-线上备份]

Browse Source
This commit is contained in:
张慢慢
2021-05-21 15:02:18 +08:00
commit f0302de899
206 changed files with 12884 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

183
pages/activityInfo/activityInfo.js Normal file
View File

@@ -0,0 +1,183 @@
/*
* 本时生活
*/
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
isUser : false, //用户登录状态
indexId : '', //tab状态
indexArr : '', //商品列表
page : '', //下一页
address : '', //收货地址
goodId : '', //商品id
goodCont : '', //商品信息
params : '', //商品数量组
paramsIndex : 0,
platIndex : 0, //选择提交方式下标
platformCp :[ //选择提交数组
{
id : 0,
name : '快递'
},
{
id : 1,
name : '自提'
}
],
},
/**
* 生命周期函数--监听页面加载
*/
onLoad (options) {
// this.setData({
// goodId: options.id
// })
if(app.globalData.isUser){
this.setData({
isUser: app.globalData.isUser
})
}
// 活动商品列表
wx.$api.index.redwine().then(res=>{
this.setData({
indexArr : res.data.data,
indexId : res.data.data[1].id,
page : res.data.page
})
// 获取商品信息
this.redwineInfo(res.data.data[1].id)
})
},
/**
* 商品信息
*/
redwineInfo(id) {
wx.$api.index.redwinePay(id).then(res=>{
this.setData({
address : res.data.address,
goodCont : res.data.good,
params : res.data.params,
paramsIndex : res.data.params.findIndex(val => val.def == 1)
})
})
},
/**
* 商品数量选择
*/
goodsNumber(e) {
let onType = e.currentTarget.dataset.type,
atIndex = this.data.paramsIndex
// atIndex = this.data.params.findIndex(val => val.number == this.data.qty)
if(onType == 'plus' && atIndex < this.data.params.length - 1){
atIndex++
}else if(onType == 'remove' && atIndex >= 1){
atIndex--
}else{
return
}
this.setData({
paramsIndex: atIndex
})
},
/**
* 选择提交方式
*/
platBind(e) {
this.setData({
platIndex : e.detail.value
})
},
/**
* 订单提交
*/
submitOrder() {
let good_id = this.data.indexId,
param_id = this.data.params[this.data.paramsIndex].id,
address_id = this.data.address.id,
islogistics = this.data.platIndex
wx.login({
success: res=> {
wx.$api.index.payment(good_id, param_id, address_id, islogistics).then(res=>{
let payInfo = JSON.parse(res.data.json)
wx.requestPayment({
timeStamp: payInfo.timeStamp,
nonceStr : payInfo.nonceStr,
package : payInfo.package,
paySign : payInfo.paySign,
signType : payInfo.signType,
success : res=>{
if(res.errMsg == "requestPayment:ok"){
wx.showToast({
title: '支付成功',
icon : 'success'
})
setTimeout(()=>{
wx.reLaunch({
url: '/pages/activityOrder/activityOrder',
})
},2000)
}
},
fail : res=>{
wx.reLaunch({
url: '/pages/activityOrder/activityOrder',
})
}
})
})
}
})
},
/**
* 选择tab
*/
orderTab(e) {
let indexId = e.currentTarget.dataset.id
if (indexId != this.data.indexId) {
this.setData({
indexId : indexId
})
}
// 获取商品信息
this.redwineInfo(indexId)
},
/**
* 点击图片放大
*/
clickImg(e) {
let imgUrl = e.currentTarget.dataset.img
wx.previewImage({
urls : [imgUrl], //需要预览的图片http链接列表，注意是数组
current : '' // 当前显示图片的http链接，默认是第一个
})
},
/**
* 处理未登录时的转跳
*/
loginGo(e){
wx.navigateTo({
url: "/pages/login/login?way=activity"
})
}
})

4
pages/activityInfo/activityInfo.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "商品购买"
}

134
pages/activityInfo/activityInfo.wxml Normal file
View File

@@ -0,0 +1,134 @@
<view class="borderBottom">
<block wx:if="{{isUser}}">
<view class="order-address" wx:if="{{platIndex == 0}}">
<block wx:if="{{address != ''}}">
<navigator url="../address/address?type=selectAddress" hover-class="none">
<image class="address-icon" src="/static/icon/address_icon.png" mode="widthFix"></image>
<image class="arrows-right" src="/static/icon/arrow_left.png" mode="widthFix"></image>
<view class="order-address-name nowrap">
收货人：{{address.name}}<text>{{address.mobile}}</text>
</view>
<view class="order-address-text">收货地址：{{address.all_address}}</view>
</navigator>
</block>
<block wx:else>
<view class="order-add-address">
<navigator url="/pages/address/address?type=selectAddress">
<image class="order-add-address-img" src="/static/icon/add.png"></image>添加地址
</navigator>
</view>
</block>
<image class="order-address-back" src="/static/img/address_back.png" mode="widthFix"></image>
</view>
</block>
<!-- tab选项 -->
<view class="order-tab">
<view wx:for="{{indexArr}}" wx:key="indexArr" class="order-tab-item {{indexId == item.id ? 'active':''}}" data-id="{{item.id}}" bindtap="orderTab">
{{item.classtitle}}
</view>
</view>
<!-- 提示文字 -->
<view class="goods-tips">
<image src="/static/img/gift_box.png"></image>
平安好车主超级福利专享
</view>
<!-- 活动商品 -->
<view class="order-goods">
<view class="goods-goods-li">
<image class="goods-img" src="{{params[paramsIndex].cover}}" mode="aspectFill" bindtap="clickImg" data-img="{{params[paramsIndex].cover}}"></image>
<view class="goods-body">
<view class="nowrap goods-name">{{goodCont.title}}</view>
<view class="nowrap goods-text">{{goodCont.subtitle}}</view>
<view class="goods-cont">
<view class="goods-price"><text>￥</text>{{params[paramsIndex].price}}</view>
<view class="good-number">
<view class="good-number-btn" bindtap="goodsNumber" data-type="remove">-</view>
<input class="good-number-input" disabled value="{{params[paramsIndex].number}}" type="number" bindblur="goodsNumberInput"></input>
<view class="good-number-btn" bindtap="goodsNumber" data-type="plus">+</view>
</view>
</view>
</view>
</view>
</view>
<!-- 券赠送 -->
<block wx:if="{{params[paramsIndex].have_coupon != 0}}">
<view class="uni-border-bottom goodsCoupon" wx:for="{{params[paramsIndex].coupon}}" wx:key="coupon">
<view class="goodsCoupon-left">
<image class="goodsCoupon-img" mode="scaleToFill" src="/static/img/activity_coupon.png"></image>
<view class="goodsCoupon-number">
<text>￥</text>{{item.amount}}
</view>
<view class="goodsCoupon-btn">
比优特电子券
</view>
<view class="goodsCoupon-tips"><text>赠</text></view>
</view>
<view class="goodsCoupon-right">
<view class="goodsCoupon-name">{{item.title}}</view>
<view class="goodsCoupon-sheet">
<view>卡数(张)</view>
<text>x</text> {{item.number}}
</view>
</view>
</view>
</block>
<!-- 礼盒 -->
<block wx:if="{{params[paramsIndex].have_gift != 0}}">
<view class="goodsCoupon" wx:for="{{params[paramsIndex].gift}}" wx:key="gift">
<view class="goodsCoupon-left goodsCoupon-box">
<image src="{{item.cover}}" mode="scaleToFill" class="goodsBox-img" bindtap="clickImg" data-img="{{item.cover}}"></image>
<view class="goodsBox-tips"><text>赠</text></view>
</view>
<view class="goodsCoupon-right goodsCoupon-box-right">
<view class="goodsCoupon-name goodsCoupon-name-box">{{item.title}}</view>
<view class="goodsCoupon-text" wx:if="{{item.subtitle != null}}">{{item.subtitle}}</view>
<view class="goodsCoupon-cost">原价：{{item.amount}}元</view>
<view class="goodsCoupon-sheet">
<view class="goodsCoupon-price">活动：0.00元</view>
<text>x</text> {{item.number}}
</view>
</view>
</view>
</block>
<!-- 小计 -->
<view class="uni-border-top goodsLabel">
小计<text>￥{{params[paramsIndex].amount}}</text>
</view>
<view class="rightsLabel">
<view class="rightsLabel-left">请选择提交方式</view>
<view class="rightsLabel-right rightsLabel-range">
<picker range="{{platformCp}}" range-key="name" value="{{platIndex}}" bindchange="platBind">
<view class="tabs-text">
{{platformCp[platIndex].name}}
</view>
</picker>
<image class="rightsLabel-row" src="/static/icon/rightsArrow.png"></image>
</view>
</view>
<view class="rightsLabel" wx:if="{{platIndex == 0}}">
<view class="rightsLabel-left">快递</view>
<view class="rightsLabel-free">
免运费 包邮
</view>
</view>
</view>
<view class="order-footer" wx:if="{{isUser}}">
<view class="order-footer-total nowrap">
应付金额：
<text class="order-footer-total-price">￥{{params[paramsIndex].amount}}</text>
</view>
<button class="order-footer-btn" size="mini" bindtap="submitOrder">微信支付</button>
</view>
<view class="order-login-footer" wx:else bindtap="loginGo">
请先微信授权登录
</view>

575
pages/activityInfo/activityInfo.wxss Normal file
View File

@@ -0,0 +1,575 @@
/* 收货地址 */
.borderBottom {
border-bottom: 110rpx solid transparent;
}
.order-address {
padding: 20rpx 80rpx 30rpx 100rpx;
position: relative;
background: white;
}
.order-address-back {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
vertical-align: bottom;
}
.order-address-name {
padding-right: 300rpx;
position: relative;
font-size: 33rpx;
padding-bottom: 10rpx;
}
.order-address-name text {
position: absolute;
right: 0;
top: 0;
width: 280rpx;
text-align: right;
}
.order-address-text {
color: #464854;
font-size: 26rpx;
}
.address-icon,
.arrows-right {
position: absolute;
}
.address-icon {
height: 42rpx;
width: 42rpx;
left: 30rpx;
top: calc(50% - 26rpx);
top: -webkit-calc(50% - 26rpx);
}
.arrows-right {
height: 28rpx;
width: 28rpx;
right: 30rpx;
top: calc(50% - 19rpx);
top: -webkit-calc(50% - 19rpx);
}
.order-add-address {
text-align: center;
padding: 30rpx 0;
}
.order-add-address navigator {
display: inline-block;
background: #f57e32;
color: white;
line-height: 60rpx;
padding: 0 30rpx;
margin-right: 20rpx;
font-size: 28rpx;
border-radius: 4rpx;
}
.order-add-address-img {
width: 25rpx;
height: 25rpx;
margin-right: 10rpx;
vertical-align: -2rpx;
}
/* 订单商品 */
.order-goods {
margin: 0 0 20rpx;
}
.order-content {
border-bottom: solid 100rpx transparent;
}
.goods-goods-mall {
padding: 20rpx 30rpx 0 30rpx;
line-height: 50rpx;
}
.goods-goods-mall image {
width: 48rpx;
height: 48rpx;
vertical-align: middle;
margin-right: 15rpx;
margin-bottom: 2rpx;
}
.goods-goods-li {
padding: 20rpx 30rpx;
position: relative;
background: white;
display: flex;
height: 200rpx;
}
.goods-img {
position: absolute;
top: 20rpx;
left: 20rpx;
height: 200rpx;
width: 200rpx;
background: #f5f6fa;
border-radius: 4rpx;
}
.goods-body {
padding-left: 220rpx;
width: calc(100% - 220rpx);
}
.goods-name {
font-weight: bold;
padding-bottom: 20rpx;
font-size: 32rpx;
}
.goods-cont {
display: flex;
}
.goods-text {
color: #999;
font-size: 28rpx;
margin-bottom: 40rpx;
}
.goods-price {
flex: 1;
line-height: 50rpx;
font-size: 36rpx;
font-weight: 600;
color: #f57e32;
}
.goods-price text {
font-size: 26rpx;
}
.good-number {
display: flex;
width: 180rpx;
text-align: center;
height: 50rpx;
}
.good-number-btn {
width: 50rpx;
color: #000;
font-weight: 600;
}
.good-number-input {
flex: 1;
margin: 0 6rpx;
height: 50rpx;
line-height: 50rpx;
color: #000;
font-size: 26rpx;
}
.good-number-input {
background: #f7f7f7;
font-size: 24rpx;
}
.good-number-btn {
background: #f0f0f0;
}
/* 购物券 */
.goodsCoupon {
background: #fff;
padding: 20rpx;
box-sizing: border-box;
position: relative;
}
.goodsCoupon-right {
width: calc(100% - 270rpx);
position: absolute;
left: 250rpx;
top: 30rpx;
right: 20rpx;
}
.goodsCoupon-name {
margin-bottom: 30rpx;
font-size: 32rpx;
}
.goodsCoupon-text {
color: #999;
font-size: 26rpx;
margin-bottom: 24rpx;
}
.goodsCoupon-name-box {
margin-bottom: 10rpx;
}
.goodsCoupon-sheet {
display: flex;
font-size: 30rpx;
color: #999;
}
.goodsCoupon-cost {
color: #000;
font-size: 28rpx;
margin: 14rpx 0;
}
.goodsCoupon-price {
font-size: 28rpx;
color: #f57e32;
}
.goodsCoupon-box-right {
top: 16rpx;
}
.goodsCoupon-sheet view {
display: inline-block;
flex: 1;
}
.goodsCoupon-sheet text {
font-size: 24rpx;
line-height: 44rpx;
padding-right: 6rpx;
}
.goodsCoupon-left {
position: relative;
width: 200rpx;
height: 140rpx;
}
.goodsCoupon-box {
width: 200rpx;
height: 200rpx;
}
.goodsBox-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.goodsCoupon-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.goodsCoupon-number {
position: absolute;
top: 20rpx;
left: 0;
z-index: 2;
width: 100%;
text-align: center;
font-size: 40rpx;
color: #fff;
font-weight: 600;
text-shadow: 2rpx 2rpx 2rpx #d69e50;
}
.goodsCoupon-number text {
font-size: 28rpx;
}
.goodsCoupon-btn {
position: absolute;
right: 10rpx;
left: 10rpx;
bottom: 20rpx;
z-index: 2;
background-image: linear-gradient(#eacf90, #f7e09f, #ce9e4d);
color: #000;
font-size: 24rpx;
width: calc(100% - 20rpx);
text-align: center;
height: 40rpx;
line-height: 40rpx;
border-radius: 30rpx;
transform: scale(0.83, 0.83);
}
.goodsCoupon-tips {
position: absolute;
top: 6rpx;
left: 14rpx;
z-index: 2;
color: #fff;
transform: rotate(-48deg);
}
.goodsCoupon-tips text {
transform: scale(0.83, 0.83);
font-size: 24rpx;
display: inline-block;
}
.goodsBox-tips {
display: inline-block;
width: 49rpx;
padding: 8rpx 0 6rpx 0;
background: #EDBA19;
top: -10rpx;
left: 10rpx;
position: absolute;
text-align: center;
border-top-left-radius: 4rpx;
font-size: 24rpx;
color: #ffff;
transform: scale(.9, .9);
}
.goodsBox-tips:before,
.goodsBox-tips:after {
content: "";
position: absolute;
}
.goodsBox-tips:before {
height: 0;
width: 0;
border-bottom: 10rpx solid #745800;
border-right: 10rpx solid transparent;
right: -10rpx;
top: 0;
}
.goodsBox-tips:after {
height: 0;
width: 0;
border-left: 25rpx solid #EDBA19;
border-right: 25rpx solid #EDBA19;
border-bottom: 25rpx solid transparent;
bottom: -22rpx;
left: 0;
}
.goodsLabel {
background: #fff;
text-align: right;
padding: 20rpx;
font-size: 26rpx;
}
.goodsLabel text {
font-weight: 600;
font-size: 30rpx;
padding-left: 10rpx;
color: #f57e32;
}
/* 底部工具栏 */
.order-footer,
.order-login-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
border-top: solid 1rpx #f2f2f2;
height: 100rpx;
line-height: 100rpx;
z-index: 99;
}
.order-footer {
background: white;
}
.order-login-footer {
background: #f57e32;
text-align: center;
color: #fff;
}
.order-footer-total {
padding-right: calc(30vw + 30rpx);
padding-right: -webkit-calc(30vw + 30rpx);
padding-left: 30rpx;
color: #737787;
font-size: 28rpx;
}
.order-footer-total text {
color: #f57e32;
}
.order-footer-total-price {
font-weight: bold;
font-size: 30rpx;
}
.order-footer-btn[size="mini"] {
width: 30vw;
background: #f57e32;
color: white;
border-radius: 0;
height: 100rpx;
line-height: 100rpx;
font-size: 30rpx;
position: absolute;
top: 0;
right: 0;
}
.order-footer-btn:after {
border: none;
}
.order-footer-btn.insufficient {
background: #737787;
text-align: center;
}
.order-textarea {
padding: 20rpx;
}
.rightsLabel {
background: #fff;
display: flex;
padding: 20rpx;
color: #6f7880;
font-size: 30rpx;
margin: 20rpx 0;
}
.rightsLabel .rightsLabel-left {
flex: 1;
color: #747d86;
}
.rightsLabel-black {
padding-top: 30rpx;
}
.rightsLabel-range {
display: flex;
color: #000;
font-weight: 600;
}
.rightsLabel-row {
width: 38rpx;
height: 38rpx;
margin: 2rpx 0 0 6rpx;
}
.rightsLabel-black .rightsLabel-right {
color: #000;
font-weight: 600;
font-size: 32rpx;
}
.rightsLabel-black .rightsLabel-left {
color: #000;
}
.rightsLabel-pay {
color: #000;
}
.rightsLabel-pay .rightsLabel-left {
flex: 1;
}
.rightsLabel-free {
color: #999;
padding-right: 20rpx;
}
/* tab */
.order-tab {
display: flex;
background: #fff;
padding: 20rpx 0 25rpx;
color: #999;
}
.order-tab-item {
flex: 2;
text-align: center;
position: relative;
}
.order-tab-item::after {
position: absolute;
left: calc(50% - 50rpx);
bottom: -25rpx;
width: 100rpx;
height: 4rpx;
border-radius: 20rpx;
content: '';
background: transparent;
}
.order-tab-item.active {
color: #e2952b;
font-weight: 600;
}
.order-tab-item.active::after {
background: #e2952b;
}
/* 提示 */
.goods-tips {
background: #fffbec;
color: #e2952b;
padding: 20rpx;
box-sizing: border-box;
font-size: 29rpx;
display: flex;
position: relative;
}
.goods-tips::after,
.goods-tips::before {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 2rpx;
background: #fef5d1;
}
.goods-tips::after {
bottom: 0;
}
.goods-tips::before {
top: 0;
}
.goods-tips image {
width: 30rpx;
height: 30rpx;
margin-right: 14rpx;
margin-top: 3rpx;
}