样式集(三)成功页面样式模板

上图:

成功ICON

代码:

<!--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;
}

 

相关推荐
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页
实付 49.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值