设置guestAlipayconfirm页面字体样式

2019独角兽企业重金招聘Python工程师标准>>>

需要style.css样式 

.fb {font-weight:bold;}//字体宽度加粗
.f14 { font-size:14px;}//字体大小14像素
.formInfo{ margin-top: 10px; display:block;}//
.red{ color:#d9534f}//红色
.f12 { font-size:12px;}/字体大小为12像素

guestAlipayConfirm.html

<h3><span class="fb" style="font-size: 20px">订单信息</span></h3>
	<div>
	<span class="fb f14"><label>商品信息:</label></span> <span class="f12" th:text="${alipayForm.body}"></span>
	</div>
	<div>
	<span class="fb f14"><label>价格:</label></span> <span class="f12" th:text="${alipayForm.price}"></span>
	</div>
	<div class="table-responsive mt20">
	<h1 class="red formInfo" >
	<span style="font-size: medium">您现在是匿名购买该商品，请认真填写以下每项内容以保证商品能够顺利到达您的手中。 </span>													
	</h1>
	 </div>

 <table>
	<tr style="border:solid 15px;border-color:white">
	<td><i class="red">*</i> <span style="font-size: medium">收货人姓名：</span></td>
	<td><input name="receiveName" type="text" class="form-control" th:value="${alipayForm.receiveName}"/></td>
	<td><i class="red formInfo" ><span style="font-size: medium" th:errors="${alipayForm.receiveName}"></span></i></td>
	</tr>
	<tr style="border:solid 15px;border-color:white">
	<td><i class="red">*</i><span style="font-size: medium"> 所在地区：</span></td>
	<td><input name="receiveAddress" type="text" class="form-control" th:value="${alipayForm.receiveAddress}"/></td>
	<td><i class="red formInfo"><span style="font-size: medium" th:errors="${alipayForm.receiveAddress}"></span></i></td>
	</tr>
	<tr style="border:solid 15px;border-color:white">
	 <td><i class="red">*</i><span style="font-size: medium"> 邮政编码：</span></td>
	 <td><input name="receiveZip" type="tel" class="form-control" th:value="${alipayForm.receiveZip}"/></td>
	<td><i class="red formInfo"><span style="font-size: medium" th:errors="${alipayForm.receiveZip}"></span></i></td>
	</tr>
	<tr style="border:solid 15px;border-color:white">
	 <td><i class="red">*</i> <span style="font-size: medium">电话号码：</span></td>
	<td><input name="receivePhone" type="tel" class="form-control" th:value="${alipayForm.receivePhone}"/></td>
	<td><i class="red formInfo"><span style="font-size: medium" th:errors="${alipayForm.receivePhone}"></span></i></td>
	</tr>

邮编的验证

@Digits( fraction = 0, integer = 6,message="邮政编码{errors.format}")

@Length(min=6,max=6,message="{errors.length}")

private String receiveZip;

转载于:https://my.oschina.net/u/2412052/blog/491820