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

最新推荐文章于 2022-11-25 01:39:34 发布
最新推荐文章于 2022-11-25 01:39:34 发布
阅读量2.4k 收藏 4
点赞数 1
分类专栏： 0.【小程序】 文章标签： 小程序 蓝桥杯 gnu
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dxnn520/article/details/122543721
版权 

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

敦厚的曹操
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
小程序外卖订单界面的示例代码
01-19
1.效果界面 2.涉及功能 *左侧商品类型、右侧商品可以相互控制； *商品列表加减及购物车商品加减icon消失、显示； *商品每一次加减，页面视图变化（数量、价格变化、购物车置灰）； 3.贴上所有代码 1.wxml    <view class=container> <view class=index-cont> <!-- 左边类型 --> <view class=index-left> <view wx:for={{foodsList}} wx:key=index class=item {{curId === 'item'+in
微信小程序个人中心、我的界面+源码（示例二）
05-26
界面详情，可点击此链接先进行图片预览： https://img-blog.csdnimg.cn/6bb773fe618348bcae6cafcdeb491b18.jpeg#pic_center 1、微信小程序个人中心、我的界面+源码； 2、实现自定义顶部状态栏； 3、实现滚动显示隐藏顶部状态栏效果； 4、超简单、详细； 5、监听方法，根据需求自行修改跳转路径； 6、本内容提供给需要的用户使用，若存在不足之处，请留言指正或自行修改； 7、通过本源码，可学习到一些基本的微信小程序的布局，提升写代码的效率； 8、适用于学习微信小程序的用户； 9、可以使用于任何需要的小程序首页布局中； 10、喜欢的可以点赞、收藏加关注哦，以免找不到了哦； 11、欢迎使用和留言，谢谢哦！
操作成功、失败的html简单源码
08-17
简单的操作成功、失败的html源码，尽管简单，但是因为之前自己需要的时候也找了半天，所以提供下载
微信小程序首页界面+源码（示例一）
05-24
界面详情，可点击此链接先进行图片预览： https://img-blog.csdnimg.cn/16b6d967f8aa4d14b05958b43b57535f.jpeg#pic_center 1、微信小程序首页界面布局源码； 2、实现屏幕滚动，顶部搜索栏显示与隐藏； 3、自定义顶部状态栏； 4、实现水平滚动菜单栏； 5、包含每一个按钮或图片的操作监听事件，根据需求可自定义监听跳转的页面路径； 6、本内容提供给需要的用户使用，若存在不足之处，请留言指正或自行修改； 7、通过本源码，可学习到一些基本的微信小程序的布局，提升写代码的效率； 8、适用于学习微信小程序的用户； 9、可以使用于任何需要的小程序首页布局中； 10、喜欢的可以点赞、收藏加关注哦，以免找不到了哦； 11、欢迎使用和留言，谢谢哦！
微信小程序个人中心、我的界面+源码（示例一）
04-26
界面详情，可点击此链接先进行图片预览： https://img-blog.csdnimg.cn/af4f52f084bb46c1a71e916c2a840f00.jpeg#pic_center 1、微信小程序个人中心、我的界面； 2、使用button按钮实现界面布局，更好的将分享好友、获取头像等功能展现出来。 3、界面简单，对于初学者有一定的帮助
java web用jsp编写注册页面提交后显示注册成功页面
m0_62264065的博客
11-25 6056
java web用jsp编写注册页面提交后显示注册成功页面，点击刷新显示页面访问次数
微信小程序-提交表单成功弹窗提示
ZgaoYi的博客
11-28 4237
微信小程序表单提交成功弹窗提示
html提交成功跳转页面,提交表单后跳转到想要的页面--jQuery form
weixin_35794520的博客
06-03 1万+
表单提交的问题一直困扰着我这个新手，现在也算学习了不少，解决了我现在有的问题 —— 提交了表单之后将数据给到后台并且让前端页面跳转到想要的页面或出现想要的内容。用到了 jQuery Form Plugin，表单提交的第三方插件，为了更方便的管理和提交表单。(官网：http://plugins.jquery.com/form/)借鉴：https://blog..net/m0_37505854/art...
微信小程序授权成功和失败时，如何给上一个页面传值，（子组件给父页面传值）
xingchen678的博客
11-19 458
let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。 let prevPage = pages[ pages.length - 2 ]; //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。 prevPage.setData({ // 将我们想要传递的...
小程序意见反馈界面（简洁版代码）
calm_programmer的博客
11-09 3741
小程序意见反馈界面（简洁版），附源码、思路
微信小程序首页界面示例+源码（示例二）
05-25
界面详情，可点击此链接先进行图片预览： https://img-blog.csdnimg.cn/af3fffb1c5f64703bdc9f3dc71298f1f.jpeg#pic_center 1、微信小程序首页界面布局源码； 2、实现自定义顶部状态栏； 3、实现3D轮播图效果； 4、进度条展示效果； 5、包含按钮或图片的监听事件，根据需求可自定义监听跳转的页面路径； 6、本内容提供给需要的用户使用，若存在不足之处，请留言指正或自行修改； 7、通过本源码，可学习到一些基本的微信小程序的布局，提升写代码的效率； 8、适用于学习微信小程序的用户； 9、可以使用于任何需要的小程序首页布局中； 10、喜欢的可以点赞、收藏加关注哦，以免找不到了哦； 11、欢迎使用和留言，谢谢哦！
ThinkPHP修改成功和失败的模板页面
Shaoyanlun的博客
05-29 1753
ThinkPHP页面跳转笑脸和哭脸的修改：    1、找到目录文件：         C:\wamp64\www\tp5\thinkphp\library\traits\controlle\Jump.php    2、找到          &lt;?php switch ($code) {?&gt; &lt;?php case 1:?&gt; &lt;h1&gt;:)&l...
JSP 登陆系统 登陆界面/处理界面/成功界面/失败界面/注销界面（无数据库版） 包含源文件分享
Romantic Chopin in C Sharp Minor
04-29 2556
陆系统设计 1、程序要求： 完成用户登陆功能。 用户名及密码保存在程序之中完成验证，通过则表示用户为合法用户，跳转到登陆成功页，否则表示用户名或密码不正确，跳转到登陆失败页。 2、输出页面： 2.1、页面总体流程： 2.2、具体演示： A、登陆首页： B、登陆成功页： C、登陆失败页： 3、...
如何使用转发和重定向实现注册成功和失败时页面的跳转(上)以及如何通过cookie实现保存用户名信息？
悟空非空也
05-26 1945
背景与需求模拟数据库doUser.jsp中存在 ss 用户一、用户在注册页userCreate.jsp中 注册新用户 ，数据传入 模拟数据库 doUser.jsp 进行验证 如果重名的话，转发到 注册网页userCreate.jsp   如果不重名的话， 重定向到 网站主页index.jsp二、需求 将用户名存放到cookie中，然后再将 该用户名从cookie中读取取来，放入到 用户名：对...
10分钟完成一个审批页面
YonBuilder_YBD的博客
09-13 1774
近期，面向企业级的低代码开发平台用友YonBuilder首次面向社会化开发者开放了体验沙箱。这里通过一个简单的员工信息审批表单的开发流程帮助用户熟悉平台用法。
php修改无法跳转页面,ThinkPHP5如何修改默认跳转成功和失败页面
weixin_42453228的博客
03-22 639
ThinkPHP5如何修改默认跳转成功和失败页面一、总结一句话总结：直接修改默认跳转页面对应的模板文件的路径：'dispatch_success_tmpl' => APP_PATH . 'index' . DS . 'view/index/error.html',1、ThinkPHP5修改默认跳转成功和失败页面启示是什么？a、任何需求都是可以百度一下的，说不定就找到了呢b、thinkphp的...
表单提交、更新,成功跳转页面,失败在原页面提示错误
热门推荐
JceWind的专栏
07-22 1万+
背景： 1、 我们做表单提交时如果提交成功则跳转到成功页面或其他业务逻辑页面，如果失败要在表单里提示用户哪些字段参数错了，由于form submit后会自动刷新页面，这样就无法在用户原来编辑的表单提醒用户哪些字段出了错误。 2、因为业务需求，我们表单里会包含一到多个图片需要上传。 解决： 表单消息提醒解决： step1、 通过PrintWriter wr...
微信小程序拍照上传 vue+js代码示例
最新发布
06-03
以下是一个基于Vue和JavaScript的微信小程序拍照上传示例代码： ``` <template> <div> <button @click="takePhoto">拍照</button> <img v-if="photo" :src="photo" /> </div> </template> <script> export default { data() { return { photo: null, }; }, methods: { takePhoto() { wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['camera'], success: (res) => { const tempFilePaths = res.tempFilePaths; this.uploadPhoto(tempFilePaths[0]); }, fail: (err) => { console.log(err); }, }); }, uploadPhoto(filePath) { wx.uploadFile({ url: '上传图片的接口地址', filePath: filePath, name: 'file', success: (res) => { const data = JSON.parse(res.data); if (data.code === 0) { this.photo = data.url; } else { console.log('上传失败'); } }, fail: (err) => { console.log(err); }, }); }, }, }; </script> ``` 在这个示例代码中，我们使用`wx.chooseImage`方法从相机中选择一张照片，然后使用`wx.uploadFile`方法将其上传到服务器。上传成功后，我们将照片的URL保存到`photo`变量中，并在页面上显示。请注意，你需要将`上传图片的接口地址`替换为你实际的上传接口地址。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

敦厚的曹操

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值