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

敦厚的曹操

于 2022-01-17 17:08:14 发布

阅读量3.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： 0.【小程序】文章标签：小程序蓝桥杯 gnu

本文链接：https://blog.youkuaiyun.com/dxnn520/article/details/122543721

0.【小程序】专栏收录该内容

55 篇文章

订阅专栏

本文介绍了一种使用特定样式展示图标的方法，并提供了多种图标类型及其应用场景的例子，包括成功、信息提示、警告及等待状态等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

更多的提示图标


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