vant weapp采坑记之SwipeCell 滑动单元格无样式、不生效

根据官方文档键入模块

.json

.wxml

实际效果: 模块已引入但无实际效果，手动设置样式不生效

因为swipeCell使用了cell表格，所以在 .json 文件中必须引入表格组件才可展现

.json文件

此时组件已正常显示，但左右滑动时，两侧按钮样式丢失，在wxss中注入以下css

.wxss

vant的表单的label渲染html字段是可调用的，在模板中调用后会渲染成 HTML。假设视图函数通过 form 参数把 一个 NameForm 实例传入模板，在模板中可以生成一个简单的 HTML 表单，如下所示：

<form method="POST">

{{ form.hidden_tag() }}

{{ form.name.label }} {{ form.name() }}

{{ form.submit() }}

</form>

注意，除了 name 和 submit 字段，这个表单还有个 form.hidden_tag() 元素。这个元素生成 一个隐藏的字段，供 Flask-WTF 的 CSRF 防护机制使用。

当然，这种方式渲染出的表单还很简陋。调用字段时传入的任何关键字参数都将转换成字 段的 HTML 属性。例如，可以为字段指定 id 或 class 属性，然后为其定义 CSS 样式：

vant4滑动隐藏：

1、打开手机桌面上的设置图标进入到手机用户设置页面。

2、进入设置点击通用选项进入新的一个页面。

3、在通用选项的目录下找到辅助功能点击打开它。

4、将vant4后面的滑动键往左边移动，将其关闭。

---