uniapp根据ui设计图实现新增和删除功能

痛定思痛。 2022-12-24 05:57 108阅读 0赞

![在这里插入图片描述][20201127094059343.png_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDA4MDcw_size_16_color_FFFFFF_t_70_pic_center]  
h5采用的简洁css  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDA4MDcw_size_16_color_FFFFFF_t_70_pic_center 1]  
默认有显示2条数据  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDA4MDcw_size_16_color_FFFFFF_t_70_pic_center 2]  
新增一条数据 加的都是重复的 没有通过v-model来添加  
在以上这种情况 只是添加一条h5 数据用户填写  
删除的一整条数据 应该放item 而不是index  
过滤很神奇

[20201127094059343.png_pic_center]: /images/20221120/55ff5c9f51e343d6915905e281ace26e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDA4MDcw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/af578d796da24abe896027b14eace72e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDA4MDcw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/024ebbd531a6416ba1f681213e73695a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDA4MDcw_size_16_color_FFFFFF_t_70_pic_center 2]: https://img-blog.csdnimg.cn/20201127094230468.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDA4MDcw,size_16,color_FFFFFF,t_70#pic_center

发表评论取消回复

表情：

评论列表（有 0 条评论，108人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp根据ui设计图实现新增和删除功能

![在这里插入图片描述][20201127094059343.png_pic_center] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5

痛定思痛。/ 2022年12月24日 05:57/ 0 赞/ 109 阅读

相关 jQuery实现增加和删除功能

代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti

以你之姓@/ 2022年12月02日 12:30/ 0 赞/ 175 阅读

相关 WPF实现新增功能

今天我们的家常便饭是WPF的新增功能，在做饭之前，先准备好材料。 View：（准备按钮和表格）新增按钮： <Button Style="{Sta

男娘i/ 2022年10月16日 09:40/ 0 赞/ 225 阅读

相关 springboot项目实现批量新增功能

首先是mybatis中的批量新增sql语句。注意：这里我给的是我需要新增的字段，你们改成你们需要的字段。 <insert id="insertBatch" >

太过爱你忘了你带给我的痛/ 2022年10月01日 06:58/ 0 赞/ 264 阅读

相关 uniapp实现语音播放功能

需求点 1. 语音播放不跟随系统铃声模式。 2. 语音播放支持扬声器/听筒播放。 3. 扬声器模式下播放检测到距离接近需要息屏（防误触）并实时转换为听筒播放，距离远

刺骨的言语ヽ痛彻心扉/ 2022年09月09日 09:27/ 0 赞/ 398 阅读

相关 Android 实现用户列表信息滑动删除功能和选择删除功能

在项目开发过程中，常常需要对用户列表的信息进行删除的操作。Android中常用的删除操作方式有两种，一种就是类似微信的滑动出现删除按钮方式，还有一种是通过CheckBox进行

淡淡的烟草味﹌/ 2022年08月11日 00:49/ 0 赞/ 458 阅读

相关 Django_实现编辑和删除功能

一、效果图点击【编辑】图标，弹窗显示编辑页面，且自动回填内容。如下图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdG

柔光的暖阳◎/ 2021年09月24日 13:16/ 0 赞/ 498 阅读

相关 Django_实现新增功能

一、效果图未进行前端美化。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0c

蔚落/ 2021年09月24日 13:16/ 0 赞/ 415 阅读

相关 MyBatis实现数据的批量新增和删除

在项目的开发中，我们经常需要对数据进行批量的操作，如：批量新增、批量删除等。下面将介绍MyBatis如何实现数据的批量新增和删除操作。创建UserMapper接口（用户信息

阳光穿透心脏的1/2处/ 2021年08月31日 03:38/ 0 赞/ 401 阅读

相关 uniapp 滑动删除功能实现（右侧滑动展示菜单功能）

列表滑动删除功能 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

桃扇骨/ 2021年07月25日 22:19/ 0 赞/ 1963 阅读