sileya-ai
/
vr-shopxo-source
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

小程序优惠劵

feat/task1-c-wallet
devil_gong 2019-10-12 14:01:30 +08:00
parent e05d4d23f0
commit f04cddcb07
4 changed files with 200 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
application/api/controller/Coupon.php
View File

@ -45,6 +45,7 @@ class Coupon extends Common
*/
public function User()
{
//sleep(5);
$coupon_params = [
'user' => $this->user,
'where' => [

19
public/appmini/old/weixin/pages/user-coupon/user-coupon.js
View File

@ -4,7 +4,14 @@ Page({
data_bottom_line_status: false,
data_list_loding_status: 1,
data_list_loding_msg: '',
data_list: [],
data_list: null,
nav_tabs_list: [
{ name: "未使用", value: "not_use" },
{ name: "已使用", value: "already_use" },
{ name: "已过期", value: "already_expire" },
],
nav_tabs_value: 'not_use',
},
onLoad(params) {
@ -46,7 +53,8 @@ Page({
wx.stopPullDownRefresh();
if (res.data.code == 0) {
self.setData({
data_list: res.data.data,
data_list: res.data.data || null,
data_bottom_line_status: true,
data_list_loding_status: 3,
data_list_loding_msg: '',
});
@ -71,6 +79,13 @@ Page({
});
},
// 导航事件
nav_tabs_event(e) {
var index = e.currentTarget.dataset.index;
var value = e.currentTarget.dataset.value;
this.setData({ nav_tabs_value: value});
},
// 下拉刷新
onPullDownRefresh() {
this.get_data_list();

90
public/appmini/old/weixin/pages/user-coupon/user-coupon.wxml
View File

@ -1,2 +1,88 @@
<!--pages/user-coupon/user-coupon.wxml-->
<text>pages/user-coupon/user-coupon.wxml</text>
<view wx:if="{{data_list != null}}">
<!-- 导航 -->
<view class="nav-tabs">
<block wx:for="{{nav_tabs_list}}" wx:key="item">
<view class="nav-item cr-666 fl {{item.value == nav_tabs_value ? 'nav-item-active' : ''}}" data-index="{{index}}" data-value="{{item.value}}" bindtap="nav_tabs_event">{{item.name}}</view>
</block>
</view>
<!-- 优惠劵列表 -->
<view class="data-list">
<!-- 未使用 -->
<view wx:if="{{(data_list.not_use || null) != null && data_list.not_use.length > 0 && nav_tabs_value == 'not_use'}}">
<block wx:for="{{data_list.not_use}}" wx:key="item">
<view class="item spacing-mt bg-white" style="border:1px solid {{item.coupon.bg_color_value}};">
<view class="v-left fl">
<view class="base single-text" style="color:{{item.coupon.bg_color_value}};">
<text class="symbol">￥</text>
<text class="price">{{item.coupon.discount_value}}</text>
<text class="unit">{{item.coupon.type == 0 ? '元' : '折'}}</text>
<text wx:if="{{(item.coupon.desc || null) != null}}" class="desc cr-888">{{item.coupon.desc}}</text>
</view>
<view wx:if="{{(item.coupon.use_limit_type_name || null) != null}}" class="base-tips cr-666">{{item.coupon.use_limit_type_name}}</view>
<view class="base-time cr-888">{{item.time_start_text}} 至 {{item.time_end_text}}</view>
</view>
<navigator url="/pages/index/index" open-type="switchTab" hover-class="none">
<view class="v-right fr" style="background:{{item.coupon.bg_color_value}};">
<text class="circle"></text>
<text>去使用</text>
</view>
</navigator>
</view>
</block>
</view>
<!-- 已使用 -->
<view wx:if="{{(data_list.already_use || null) != null && data_list.already_use.length > 0 && nav_tabs_value == 'already_use'}}">
<block wx:for="{{data_list.already_use}}" wx:key="item">
<view class="item spacing-mt bg-white item-disabled">
<view class="v-left fl">
<view class="base single-text">
<text class="symbol">￥</text>
<text class="price">{{item.coupon.discount_value}}</text>
<text class="unit">{{item.coupon.type == 0 ? '元' : '折'}}</text>
<text wx:if="{{(item.coupon.desc || null) != null}}" class="desc cr-888">{{item.coupon.desc}}</text>
</view>
<view wx:if="{{(item.coupon.use_limit_type_name || null) != null}}" class="base-tips cr-666">{{item.coupon.use_limit_type_name}}</view>
<view class="base-time cr-888">{{item.time_start_text}} 至 {{item.time_end_text}}</view>
</view>
<view class="v-right fr">
<text class="circle"></text>
<text>已使用</text>
</view>
</view>
</block>
</view>
<!-- 已过期 -->
<view wx:if="{{(data_list.already_expire || null) != null && data_list.already_expire.length > 0 && nav_tabs_value == 'already_expire'}}">
<block wx:for="{{data_list.already_expire}}" wx:key="item">
<view class="item spacing-mt bg-white item-disabled">
<view class="v-left fl">
<view class="base single-text">
<text class="symbol">￥</text>
<text class="price">{{item.coupon.discount_value}}</text>
<text class="unit">{{item.coupon.type == 0 ? '元' : '折'}}</text>
<text wx:if="{{(item.coupon.desc || null) != null}}" class="desc cr-888">{{item.coupon.desc}}</text>
</view>
<view wx:if="{{(item.coupon.use_limit_type_name || null) != null}}" class="base-tips cr-666">{{item.coupon.use_limit_type_name}}</view>
<view class="base-time cr-888">{{item.time_start_text}} 至 {{item.time_end_text}}</view>
</view>
<view class="v-right fr">
<text class="circle"></text>
<text>已过期</text>
</view>
</view>
</block>
</view>
</view>
</view>
<view wx:if="{{data_list == null}}">
<import src="/pages/common/nodata.wxml" />
<template is="nodata" data="{{status: data_list_loding_status}}">
</template>
</view>
<import src="/pages/common/bottom_line.wxml" />
<template is="bottom_line" data="{{status: data_bottom_line_status}}"></template>

95
public/appmini/old/weixin/pages/user-coupon/user-coupon.wxss
View File

@ -1 +1,94 @@
/* pages/user-coupon/user-coupon.wxss */
/*
* 导航
*/
.nav-tabs {
overflow: hidden;
background: #eee;
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.nav-tabs .nav-item {
text-align: center;
width: 33.33%;
height: 80rpx;
line-height: 80rpx;
border-bottom: 6rpx solid transparent;
}
.nav-tabs .nav-item-active {
color: #d2364c;
border-bottom: 6rpx solid #d2364c;
}
/*
* 数据列表
*/
.data-list {
margin-top: 100rpx;
padding: 0 10rpx;
}
.data-list .item {
overflow: hidden;
height: 230rpx;
border: 1px solid #D2364C;
}
.v-left {
width: calc(100% - 140rpx);
padding: 30rpx 0 30rpx 20rpx;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.v-left .base {
color: #D2364C;
}
.v-left .base .symbol {
font-family: Verdana, Tahoma;
font-size: 48rpx;
font-weight: 400;
}
.v-left .base .price {
font-weight: 700;
font-family: arial;
font-size: 76rpx;
}
.v-left .base .desc {
margin-left: 20rpx;
}
.v-left base-tips, .v-left .base-time {
margin-top: 10rpx;
}
.v-right {
background: #d2364c;
width: 140rpx;
height: 230rpx;
color: #fff;
font-weight: 500;
position: relative;
text-align: center;
}
.v-right:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.v-right .circle {
display: block;
position: absolute;
left: -1px;
top: -3px;
width: 3px;
height: 230rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAACpCAYAAADur4c3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3MjUzYzIwOS04ZWNlLTRlNTctODQ4OC01ZDExOTkwOGNkYmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM1QzgxREZGRDI5MTFFNTg3QjhGRUQ1MDY5OURERUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTM1QzgxREVGRDI5MTFFNTg3QjhGRUQ1MDY5OURERUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTJiNzVkOGUtZDc2Yi00MzEzLWFmNmYtYTJkNTRlYTI4YTY1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcyNTNjMjA5LThlY2UtNGU1Ny04NDg4LTVkMTE5OTA4Y2RiYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvy+vnQAAAEqSURBVHjaYvz//z8DDDAxIAFyOVeBOAHEYfyPMDsLmXMfmfMT2YADDP8h4CEQq4A4aUDMA1LNSKZDXwJxGcg1yJaWIXOeInO+IxuwA+acK0AsA+IEADEbic7hhPOAer4DcQcQMyNb2oLMeYVsADcyZwPMObuBWBTEsQFpI9E54sjO+QvEc0F+YoHKJgHxJ2TnvEM2gBmZswrmnA1AzAXiaJPhHC1k58BNQ3bBTGTOR2QD/iJzFsH8Mw/kHxBHggzn2KA7BxzWyC5Yisz5imwACmc2LLY7QbEN4nCS4ZwAIGZFds5lUEpEdsF6nKn3PTJnAsiAV0BcBsSM5GamFCDmQXYOOJ8iu2Anzrz9HKU8ABlwDYgTKcnbo0XNaFEzWtQgipqOYVLUAAQYAKPWa4c8cIHnAAAAAElFTkSuQmCC) no-repeat;
}
.item-disabled .v-right {
background: #dfdfdf !important;
color: #c0c0c0 !important;
cursor: no-drop !important;
}
.item-disabled {
border: 1px solid #dfdfdf !important;
}