摘要: 1.微信小程序公共组件封装 由于有些页面上会出现重复的代码,就需要把它提炼成组件的形式,方便后期的应用,也可以提高开发效率,接下来我就把上一篇文章里做过的一个简单的顶部导航菜单封装成公共的组件。 上一篇文章的链接:https://www.cnblogs.com/wxhcode/p/14319712. 阅读全文
posted @ 2021-01-24 12:55 池谷慧子 阅读(1552) 评论(0) 推荐(0)
摘要: 由于业务需要,在小程序中需要实现类似选项卡的顶部导航菜单,效果图如下所示: 1.在js文件的data里面构造数据 将需要的菜单放入数组对象中,方便以后扩展,增加了菜单的灵活性,设置变量记录当前所选的菜单的id,由于应用了数组的下标做判断,菜单的id需要从0开始 2.在页面上渲染列表 首先循环列表绑定 阅读全文
posted @ 2021-01-24 12:54 池谷慧子 阅读(642) 评论(0) 推荐(0)
摘要: 1.改变页面背景颜色 在页面的wxss文件中给page设置背景颜色 page{ background-color: #F3F5F9; } 2.组件应用公共样式 在组件的js文件中,配置一下即可 options: { addGlobalClass: true, //采用全局样式 }, 阅读全文
posted @ 2021-01-24 12:53 池谷慧子 阅读(907) 评论(0) 推荐(0)