微信小程序优惠券的购买和核销的操作流程设计

商家优惠券、套餐券的购买和核销的操作流程设计

一 . 用户端操作流程

二 . 商家端操作流程

做了个演示小程序, 请扫码查看, 问题交流微信：hype522147

首页前端代码和效果, 需要代码的联系我就行

<view style="margin:23.4rpx 23.4rpx 0 23.4rpx;"><view style="margin-bottom: 23.4rpx; color: #4b4a49;"><block wx:for="{{navlist}}"><view  class="nav" bindtap="setcid" data-id="{{item.id}}"><image src="{{item.url}}" style="width: 60%;"  mode="widthFix"></image><view>{{item.title}}</view></view></block><view style="clear:both"></view></view><swiper indicator-dots="{{indicatorDots}}"autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"><block wx:for="{{background}}" wx:key="*this"><swiper-item><view class="swiper-item"><image bindtap="openbanner" data-url="{{item.link}}" src="{{item.url}}" style="width: 100%;"  mode="widthFix"></image></view></swiper-item></block></swiper></view><view style="padding:18.72rpx; background-color: #f4f4f4;">
<block wx:for="{{list}}" wx:key="list"><view bindtap="openinfo" data-id="{{item.id}}"  style="border-radius: 10px; box-shadow: 2.34rpx 2.34rpx 4.68rpx #f1f1f1; background-color: #ffffff; padding: 18.72rpx; margin-bottom: 18.72rpx; position: relative"><view style="width: 163.8rpx;position: absolute;top:18.72rpx;left:18.72rpx;"><image src="{{item.store_icon}}" mode="widthFix" style="width: 163.8rpx;" data-id="{{item.id}}"></image></view><view style="padding-left: 198.9rpx;"><view><view style="font-weight: 400;">{{item.store_name}}</view></view><view style="clear:both;  padding-top: 15rpx;"><view style="float:left; color:#666; font-size: 26rpx;">{{item.address}}</view><view style="float:right;  color: #666; font-size: 26rpx; text-align: right;">已售 {{item.sells}}</view><view style="clear:both"></view></view><view style="clear:both;  padding-top: 10rpx; "><view style="float:left; color:#666; font-size: 20rpx; background-color: #f5f5f5; padding:4.68rpx 11.7rpx; border-radius: 10rpx;"> {{item.ad}} </view><view style="float:right;  color: #666; font-size: 26rpx; text-align: right;"><image src="/img/local2.png" mode="widthFix" style="width: 22rpx;vertical-align: initial; margin-right: 5rpx;"></image>{{item.distrance}}km</view><view style="clear:both"></view></view><view style="font-size:28.08rpx; clear:both; margin-top: 18rpx;padding-top: 12rpx; border-top:1px solid #f5f5f5;"><block wx:for="{{item.clist}}" wx:for-item="cell"><view style=" color:rgb(61, 61, 61); margin-bottom: 11.7rpx;"><image src="/img/icon_{{cell.lx < 1 ? 'quan':'hui'}}.png" mode="widthFix" style="width: 36rpx;vertical-align: top; margin-right: 8rpx;"></image><block wx:if="{{cell.price > 0}}"><text style="color: #d96f38;">¥{{cell.price}}</text><text style="color: #b9b9b9; text-decoration: line-through;margin-left: 11.7rpx;">¥{{cell.price_market}}</text></block><block wx:else><text style="color: #d96f38;">免费</text></block>{{cell.title}}</view></block><view style="clear:both"></view></view></view><view style="clear:both"></view></view>
</block></view>

小程序首页图

微信小程序优惠券的购买和核销的操作流程设计相关推荐

微信小程序优惠券到期提醒功能设定指引
微信小程序优惠券到期提醒功能设定指引,在小程序的运营中,优惠券是非常重要的营销方式,也是小程序运营中不可缺少的一种模式,毕竟这对用户来说是直接关系到钱包的事哈,一旦商家将优惠券发放出去或让用户领取 ...
微信小程序优惠券样式
微信小程序优惠券样式 <view class="coupon-view"><view class="coupon-left"></ ...
视频教程-微信小程序开发教程（第一阶段、页面设计）（维吾尔语）-HTML5/CSS
微信小程序开发教程(第一阶段.页面设计)(维吾尔语) 毕业于北京邮电大学计算机专业.拥有将近10年的开发经验.精通java.php.python.c/c++.微信开发等等技术! 艾孜麦提阿布都热合曼 ...
基于低功耗蓝牙和微信小程序的门禁系统(FPGA课设设计)
基于低功耗蓝牙和微信小程序的门禁系统(FPGA课设设计) 文章目录基于低功耗蓝牙和微信小程序的门禁系统(FPGA课设设计) 一.低功耗蓝牙(BLE)的配置和与FPGA通信代码 1.1 低功耗蓝牙的介 ...
[微信小程序]商城之购买商品数量实现
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 这里有三种变更数量的方式, 加号,减号,input输入 , 这里做了限制,数量不能小于等于0并且不能超 ...
基于微信小程序的童装购买平台小程序
文末联系获取源码开发语言:Java 框架:ssm JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7/8.0 数据库工具:Navicat11 开发软件:eclipse/my ...
基于微信小程序的智能停车场管理系统的研究与设计
前言 2017年一组数据显示, 我国停车位缺口率已经达到50%, 停车场的平均空置率也高达51． 3%. 区域拥堵. 乱停车.找车难. 收费难. 停车管理成本搞. 停车场管理效率底下.市政停车规划采集 ...
springboot+基于微信小程序的心理测评与活动管理的设计与实现毕业设计-附源码191752
小程序+spring boot心理测评与活动管理系统摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用 ...
springboot+微信小程序“微印象”在线打印预约系统的设计与实现毕业设计源码061642
摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,微印象在线打印预约小程序被用户普遍使用,为方 ...
基于微信小程序的旧书置换二手书交易系统的设计与实现#毕业设计
项目介绍二手书顾名思义,是指已经经过阅读.使用的书籍,虽然是互联网时代,但当下还是有不少消费者保留了纸质阅读习惯,有些人想以低于市价的价格购买书籍满足阅读需求,有些人喜好收藏旧书,希望能寻找到不再发 ...

微信小程序优惠券的购买和核销的操作流程设计

商家优惠券、套餐券的购买和核销的操作流程设计

一 . 用户端操作流程

二 . 商家端操作流程

做了个演示小程序, 请扫码查看, 问题交流微信：hype522147

首页前端代码和效果, 需要代码的联系我就行

小程序首页图

微信小程序优惠券的购买和核销的操作流程设计相关推荐

最新文章

热门文章