<template> <div class="write"> <div class="adr" v-if="address" @click="adrList()"> <i class="van-icon van-icon-arrow pos-right"></i> <div class="top"> <img…
在很久很久以前做过一个很糟糕的订单结算页面,虽然里面各区域(收货地址)使用模块化加载,但是偶尔会遇到某个模块加载失败的问题导致订单提交的数据有误. 大致问题如下: 1. 每个模块都采用usercontrol(收货地址.配送范围.支付方式.优惠券等等),维护起来很困难. 2. 每个模块的加载都是一个Ajax请求,并且根据前后顺序关系加载多个模块即多个Ajax请求.比如用户修改收货地址后系统重新计算配送方式和支付方式,并刷新配送方式.支付方式.订单总金额等数据,一般情况下没问题,但偶尔会遇到某个模块…
之前看到美团的订单详情页面很有特色,于是决定模仿一下这个效果. 其实就是简单的 TableView 技巧,下面我们就来一步一步实现它. 设计 TableViewCell 原型 子类化一个新的 UITableViewCell + Xib,简单拖拽几个控件. 我这里那两条线就没用 AutoLayout 了,太小了,回来直接用代码布局就行了. 拖线连几个 Outlet ,然后把气泡背景设置一下: 事实上,气泡的背景图我制作了两个版本,一个是未选中的状态,另外一个是选中的状态,背景颜色不一样,所以我在…
1. 学习计划 第十二天: 1.购物车实现 2.订单确认页面展示 2. 购物车的实现 2.1. 功能分析 1.购物车是一个独立的表现层工程. 2.添加购物车不要求登录.可以指定购买商品的数量. 3.展示购物车列表页面 4.修改购物车商品数量 5.删除购物车商品 2.2. 工程搭建 e3-cart-web打包方式war 可以参考e3-portal-web 2.2.1. Pom文件 <project xmlns="http://maven.apache.org/POM/4.0.0"…
<template> <div> <div class="toppic"> <img src="../../../assets/images/register/icon-success.png" alt="" srcset=""> </div> <p class="success">支付成功</p> <h2>{{…
目录 1.前端发送请求生成订单 1.前端点击支付按钮生成订单 2.结算成功之后应该清除结算页面的数据 3.后端计算结算页面总原价格和总的真实价格并存到数据库订单表中 2.优惠劵 1.准备工作 2.前端展示优惠券信息-初始化 3.优惠券-前端获取优惠券数据+后端接口 4.结算页面计算真实总价格 5.优惠券是否真的能够使用+优惠劵前端计算 1.优惠劵的选中效果 2.不可点击的不应该具有点击效果 3.优惠券箭头收缩之后 取消优惠券的选中状态 4.当选中的优惠劵发生变化时 重新计算总价 6.优惠劵后端对…
<template> <div class="item_detail"> <van-swipe :autoplay="3000" indicator-color="white"> <van-swipe-item v-for="(item,index) in goods.pictureList" v-bind:key="index"><img :src=&…
启动前端和后端.轮播图的数据url可以在这里修改. 找到列表页面的轮播图,然后点击编辑 随便更新一个地址测试 提交后数据再次编辑 发现url没有变化 在pageService里面update方法把更新的字段加上 //更新dataUrlone.setDataUrl(cmsPage.getDataUrl()); 修改了后端的代码,微服务的程序记得要重新启动. 成功后,再次编辑打开这个页面 这样我们就可以通过页面来编辑这个dataUrl字段 添加页面加上dataUrl的字段 在添加页面也没有这个dat…
[newslist:date style=yy-m-d] 日期格式 {aspcms:sitepath}/Templates/{aspcms:defaulttemplate} 幻灯片标签{aspcms:slidelist id=*}<li><a href="[slidelist:link]"><img src="[slidelist:pic]" alt="[slidelist:title]"></li>…
网站通用标签 基本标签 {aspcms:sitepath} 网站终极目录(可放在二级目录,其它语言则在三级目录) {aspcms:languagepath} 语言目录 {aspcms:siteurl} 网站地址 {aspcms:sitelogo} LOGO地址 {aspcms:sitetitle} 网站标题 {aspcms:additiontitle} 网站附加标题 {aspcms:sitekeywords} 网站关键词 {aspcms:sitedesc} 网站描述 {aspcms:defaul…