設置guestAlipayconfirm頁面字體樣式

須要style.css樣式 
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.htmlhtml

<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>

郵編的驗證java

@Digits( fraction = 0, integer = 6,message="郵政編碼{errors.format}")git

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

private String receiveZip;編碼

相關文章
相關標籤/搜索