htmlcss迁移微信小程序wxmlwxss修改建议

时间：2023-04-02 13:51:02 HTML

一般我们可以直接将微信公众号或其他网页上写的html和css迁移到微信小程序中，但是迁移之后，相应的只需要修改一些标签和样式即可。这里需要注意一下，不然我这篇文章会出问题：青叶：微信小程序wxss编译错误errorattoken"#record"zhuanlan.zhihu.com说说html->wxml和css->wxsshtml->wxml一般需要注意以下标签：

----->----->----->或者（goHref要用js写，可以是导航也可以是重定向，根据实际情况选择)

----->

----->----->css->wxss对应上面修改的divwxml---------->viewspan---------->textul---------->.ulli---------->.lia---------->如果.a或wxml中没有使用class="a"，子层级也可以使用>或空格，但建议直接加class.如果原来的css用.demo>a，会更方便。img---------->image基本上对应上面的。因为每个人的编码习惯可能不同，细节上需要根据自己的习惯进行调整，但原理是一样的。样式调整好后，最后一步就是修改原来html中的变量。比如你使用了_smart_这样的模板引擎，你需要把里面的{$demo}替换成你在小程序中js定义中定义的新变量，比如{{demo}}，for循环就是替换为wx:for，if判断替换为wx:if等，这里不再赘述。

上一篇：flex禁止ios微信浏览器的反弹机制

下一篇：箭头函数适用于哪些场景？

htmlcss迁移微信小程序wxmlwxss修改建议相关文章