分享一个微信小程序编辑页面的WXML模板 最近在进行微信小程序开发的时候经常会碰到编辑页面的搭建,大致格式如图所示:
文章图片
- 顶部:返回按钮和确认按钮,在中间还可以自行加上一些别的元素。
- 中间部分:编辑的标题和内容
- 底部:显示内容的字数或者另外一些别的操作(例如添加图片,设置日期等等…)
WXML
:用到的组件库为VantWeapp
组件的使用方法可以看微信小程序中使用VantWeapp组件库
当前字数:{{content.length}}
...
在制作中间部分即编辑的标题和内容部分时,原本以为使用组件会更方便地进行数据的双向绑定,但是样式始终不是很好,所以没用到组件,用小程序原生的官方组件来写。
推荐阅读
- 空帖标题WordPress
- 前端|青龙面板仓库推荐 以及修复拉库失败(2.20更新)
- #|网页特效——花间飞舞的蝴蝶
- CSS-修复手机,平板电脑上的H3重叠
- 我可以对内容使用max-width,但对背景使用全角吗()
- Bootstrap卡/卡列断裂
- 横幅图形无法及时填充容器
- WordPress中的Ajax返回400错误请求,但不确定如何进一步调试
- 如何仅在台式机/笔记本电脑的Rehub主题中居中主菜单()