优惠券列表样式

This commit is contained in:
高健 2021-08-05 14:34:05 +08:00
parent 91149f4224
commit 740b45d2a3
3 changed files with 65 additions and 47 deletions

View File

@ -83,11 +83,9 @@ Page({
}, },
doSaveUserInfo() { doSaveUserInfo() {
try { try {
console.log('保存')
var names = wx.getStorageSync('name') var names = wx.getStorageSync('name')
var icon = wx.getStorageSync('userIcon') var icon = wx.getStorageSync('userIcon')
var _self = this var _self = this
console.log(names)
if (names) { if (names) {
app.http.put(app.urls.doSaveUserInfo, { app.http.put(app.urls.doSaveUserInfo, {
header: { header: {
@ -99,7 +97,6 @@ Page({
} }
}) })
.then(res => { .then(res => {
console.log(res)
}) })
.catch(err => { .catch(err => {
console.log(err) console.log(err)
@ -111,7 +108,6 @@ Page({
}, },
//获取首页展示的栏目 //获取首页展示的栏目
getMainColumn(id) { getMainColumn(id) {
console.log(id)
var _self = this var _self = this
_self.setData({ _self.setData({
dataList: [] dataList: []
@ -359,7 +355,6 @@ Page({
const ix = e.currentTarget.dataset.i const ix = e.currentTarget.dataset.i
const a = e.currentTarget.dataset.a const a = e.currentTarget.dataset.a
var audio = e.currentTarget.dataset.item var audio = e.currentTarget.dataset.item
console.log(_self.data.isPlayAudio)
if (_self.data.isPlayAudio) { if (_self.data.isPlayAudio) {
//有播放的 //有播放的
//先需要停止其他录音文件的播放 //先需要停止其他录音文件的播放
@ -418,7 +413,6 @@ Page({
innerAudioContext.onCanplay((res) => {}) innerAudioContext.onCanplay((res) => {})
innerAudioContext.onStop((res) => { innerAudioContext.onStop((res) => {
console.log('onStop===')
_self.data.dataList[index].list[idx].list[ix].valueList[a].isPlay = false _self.data.dataList[index].list[idx].list[ix].valueList[a].isPlay = false
_self.data.dataList[index].list[idx].list[ix].valueList[a].curDuration = 0 _self.data.dataList[index].list[idx].list[ix].valueList[a].curDuration = 0
_self.data.dataList[index].list[idx].list[ix].valueList[a].curDurationStr = '00:00' _self.data.dataList[index].list[idx].list[ix].valueList[a].curDurationStr = '00:00'
@ -428,8 +422,6 @@ Page({
}) })
}) })
innerAudioContext.onEnded((res) => { innerAudioContext.onEnded((res) => {
console.log(res)
console.log('播放完毕')
_self.data.dataList[index].list[idx].list[ix].valueList[a].isPlay = false _self.data.dataList[index].list[idx].list[ix].valueList[a].isPlay = false
_self.data.dataList[index].list[idx].list[ix].valueList[a].curDuration = 0 _self.data.dataList[index].list[idx].list[ix].valueList[a].curDuration = 0
_self.data.dataList[index].list[idx].list[ix].valueList[a].curDurationStr = '00:00' _self.data.dataList[index].list[idx].list[ix].valueList[a].curDurationStr = '00:00'
@ -439,8 +431,6 @@ Page({
}) })
}) })
innerAudioContext.onError((res) => { innerAudioContext.onError((res) => {
console.log('播放错误')
console.log(res)
_self.data.dataList[index].list[idx].list[ix].valueList[a].isPlay = false _self.data.dataList[index].list[idx].list[ix].valueList[a].isPlay = false
_self.data.dataList[index].list[idx].list[ix].valueList[a].curDuration = 0 _self.data.dataList[index].list[idx].list[ix].valueList[a].curDuration = 0
_self.data.dataList[index].list[idx].list[ix].valueList[a].curDurationStr = '00:00' _self.data.dataList[index].list[idx].list[ix].valueList[a].curDurationStr = '00:00'
@ -457,8 +447,11 @@ Page({
// 跳转模板列表 // 跳转模板列表
goList: function () { goList: function () {
wx.navigateTo({ wx.navigateTo({
url: '/packagecard/cardList/cardList', url: '/pages/mine/shop/mineshop',
}) })
// wx.navigateTo({
// url: '/packagecard/cardList/cardList',
// })
}, },
// 获取个人简介 // 获取个人简介
getPersonIntro: function () { getPersonIntro: function () {
@ -595,7 +588,6 @@ Page({
cardTemplateUseTop: "" cardTemplateUseTop: ""
} }
}).then(res => { }).then(res => {
console.log(res.data)
wx.showToast({ wx.showToast({
title: '加入卡包成功!', title: '加入卡包成功!',
}) })
@ -802,7 +794,6 @@ Page({
wx.showShareMenu({ wx.showShareMenu({
withShareTicket: true, withShareTicket: true,
success: function (res) { success: function (res) {
console.log(res)
} }
}) })
@ -931,7 +922,6 @@ Page({
cardTemplateDispatchId: self.data.cardTemplateDispatchId cardTemplateDispatchId: self.data.cardTemplateDispatchId
} }
}).then(res => { }).then(res => {
console.log(res)
}).catch(res => { }).catch(res => {
console.log(res) console.log(res)
}) })

View File

@ -5,28 +5,29 @@
refresher-background="#fff" bindrefresherrefresh="dorefresh" refresher-triggered="{{isRefreshing}}"> refresher-background="#fff" bindrefresherrefresh="dorefresh" refresher-triggered="{{isRefreshing}}">
<view class="cu-list" wx:if="{{couponList.length>0}}"> <view class="cu-list" wx:if="{{couponList.length>0}}">
<view class="cu-item" wx:for="{{couponList}}" wx:key="index"> <view class="cu-item" wx:for="{{couponList}}" wx:key="index">
<view style="display: flex;margin: 10rpx;"> <view style="display: flex;margin: 5rpx 20rpx;">
<view class="left-box"> <view class="left-box">
<view> <view style="display: flex;align-items: center;">
{{item.couponName}} <!-- 可用商品 -->
<view wx:if="{{item.useCommodity=='0'}}" class="coupon-type-yellow">
<!-- 无限制 -->
全部商品
</view>
<view wx:else class="coupon-type-blue">
限品类
</view>
<text class="coupon-name"> {{item.couponName}}</text>
</view> </view>
<view wx:if="{{item.expiringDate=='0'}}"> <view wx:if="{{item.expiringDate=='0'}}" class="coupon-desc">
<!-- 开始时间结束时间 --> <!-- 开始时间结束时间 -->
{{item.startDate+'-'+item.endDate}}
</view> </view>
<view wx:elif="{{item.expiringDate=='1'}}"> <view wx:elif="{{item.expiringDate=='1'}}" class="coupon-desc">
领取当日{{item.expiringDays}}天内有效 领取当日{{item.expiringDays}}天内有效
</view> </view>
<view wx:else> <view wx:else class="coupon-desc">
领取次日{{item.expiringDays}}天内有效 领取次日{{item.expiringDays}}天内有效
</view> </view>
<!-- 可用商品 -->
<view wx:if="{{item.useCommodity=='0'}}">
<!-- 无限制 -->
全部商品
</view>
<view wx:else>
限品类
</view>
</view> </view>
<view class="right-box bg-yellow-yellow"> <view class="right-box bg-yellow-yellow">
<view> <view>
@ -46,7 +47,7 @@
<view class="btn-box"> <view class="btn-box">
<view class="btn bg-red radius" bindtap="doDelOne" data-item="{{item}}">删除</view> <view class="btn bg-red radius" bindtap="doDelOne" data-item="{{item}}">删除</view>
<view class="btn bg-yellow-light-1 radius margin-left-sm" bindtap="doRecoverOne" data-item="{{item}}">恢复 <view class="btn bg-yellow-light-1 radius margin-left-sm" bindtap="doRecoverOne" data-item="{{item}}">编辑
</view> </view>
</view> </view>
</view> </view>

View File

@ -6,28 +6,14 @@ page {
.right-box { .right-box {
width: 100%; width: 100%;
position: relative; position: relative;
min-height: 200rpx; min-height: 140rpx;
flex: 3; flex: 3;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 15rpx 10rpx 10rpx 15rpx; border-radius: 15rpx 10rpx 10rpx 15rpx;
flex-direction: column; flex-direction: column;
} padding: 10rpx;
.price {
color: #ffffff;
font-size: 54rpx;
}
.price-icon {
color: #ffffff;
font-size: 28rpx;
}
.price-term {
font-size: 20rpx;
color: #ffffff;
} }
.left-box { .left-box {
@ -36,21 +22,62 @@ page {
background: #ffffff; background: #ffffff;
position: relative; position: relative;
border-radius: 10rpx 15rpx 15rpx 10rpx; border-radius: 10rpx 15rpx 15rpx 10rpx;
min-height: 200rpx; min-height: 140rpx;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding: 5rpx 15rpx;
} }
.price {
color: #ffffff;
font-size: 48rpx;
}
.price-icon {
color: #ffffff;
font-size: 28rpx;
}
.price-term {
font-size: 24rpx;
color: #ffffff;
}
.btn-box { .btn-box {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-end; justify-content: flex-end;
padding: 10rpx; padding: 10rpx 20rpx;
} }
.btn { .btn {
padding: 10rpx 40rpx; padding: 10rpx 40rpx;
} }
.coupon-name{
font-size: 32rpx;
font-weight: bold;
color: black;
}
.coupon-desc{
font-size: 24rpx;
color: #797979;
}
.coupon-type-yellow{
font-size: 24rpx;
color: #ffffff;
background: #ff9800;
padding: 0rpx 10rpx;
border-radius: 5rpx;
}
.coupon-type-blue{
font-size: 24rpx;
color: #ffffff;
background: #0471ff;
padding: 0rpx 10rpx;
border-radius: 5rpx;
}