微信小程序现在很火,于是也就玩玩,做了一个简易的留言板,让大家看看,你们会说no picture you say a j8 a,好吧先上图。
样子就是的,功能一目了然,下面我们就贴实现的代码,首先是HTML页面,好吧,其实微信小程序的是wxml(微信ml)总感觉怪怪的,有木有。
微信小程序里把div改成了view,听说div也可以用,没有实验过,不知道真假。不过就这样吧,反正原理都一样,页面效果主要看css,又错了,是wxss(微信ss)说实话总觉得……这种感觉不好多说。
看我们的布局代码,超简单,完全和css一样
才36行,现在一看,好吧,真特么简单。微信小程序的功能实现主要看js部分,好在这个他们没有叫(wxjs),微信小程序的js写法,怎么说呢,假如你会vue.js React或者是AngularJS,完全是玩一样的就会了,好吧,不过这三个我暂时都不会!!!!!!!!!!!!!!!
完美的36行,早知道wxml注释写一堆应该也凑个36,这个数字多顺啊。
哈哈哈,好了,所有的功能代码都在这里了,大家赶快也去玩玩吧。
在公众号图文编辑末尾插入小程序,点击菜单栏的小程序。
在选择小程序栏输入订阅号留言板进行搜索,搜索到订阅号留言板的小程序(如果关联了该小程序,就可以在常用小程序里面找到了),再确认下一步。
进入填写详细信息栏,小程序路径填写:pages/board/board?title=你的文章标题&public=你的入驻信息&image=背景图片地址,你的标题建议和要发表的文章标题保持一致,你的入驻信息指的是后台提供的邮箱或者公众号,背景图片地址用于在留言列表上方显示背景图,不填则使用默认的背景图片。
展示方式选择小程序卡片(说明一下,如果觉得卡片太大,文字/图片/小程序码也是可以选择的,只是推荐小程序卡片而已,感觉方便些),卡片标题可作为留言引导语比如轻触这里,等你留言。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)