樣式集（三）成功頁面樣式模板

上圖：

代碼：

<!--pages/result/result.wxml-->
<view>
	<image class="scc" src="/img/scc.png"></image>
	<view class="resuil">辦理成功</view>
</view>
<view class="btn" catchtap="re_home">返回首頁</view>

/* pages/result/result.wxss */
page{
  text-align: center;
  background-color: #ffffff;
}
.scc{
  margin-top: 100rpx;
  width: 160rpx;
  height: 160rpx;
}
.resuil{
  margin-top: 20rpx;
  font-weight: 600;
  letter-spacing: 3rpx;
  font-size: 36rpx;
}
.btn{
  width: 280rpx;
  letter-spacing: 3rpx;
  height: 70rpx;
  font-weight: 600;
  line-height: 70rpx;
  border: 2px solid #3bb270;
  color: #3bb270;
  border-radius: 10rpx;
  position: absolute;
  bottom: 200rpx;
  left: 50%;
  margin-left: -130rpx;
}