0
点赞
收藏
分享

微信扫一扫

【小程序】提交成功和失败界面示例(图文+代码)


【小程序】提交成功和失败界面示例(图文+代码)_ico

<view style="padding: 50px;text-align: center;">
<icon type="success" size="100">
</icon>
<view>
<text>提交成功,感谢您的配合!</text>
</view>
</view>

更多的提示图标

【小程序】提交成功和失败界面示例(图文+代码)_ico_02

<view class="container">
<view class="icon-box">
<icon class="icon-box-img" type="success" size="93"></icon>
<view class="icon-box-ctn">
<view class="icon-box-title">成功success</view>
</view>
</view>
<view class="icon-box">
<icon class="icon-box-img" type="info" size="93"></icon>
<view class="icon-box-ctn">
<view class="icon-box-title">提示info</view>
</view>
</view>
<view class="icon-box">
<icon class="icon-box-img" type="warn" size="93" color="#C9C9C9"></icon>
<view class="icon-box-ctn">
<view class="icon-box-title">普通警告warn</view>
</view>
</view>
<view class="icon-box">
<icon class="icon-box-img" type="warn" size="93"></icon>
<view class="icon-box-ctn">
<view class="icon-box-title">强烈警告warn</view>
</view>
</view>
<view class="icon-box">
<icon class="icon-box-img" type="waiting" size="93"></icon>
<view class="icon-box-ctn">
<view class="icon-box-title">等待waiting</view>
</view>
</view>

</view>


举报

相关推荐

0 条评论