求教各位,微信小程序发布产品的规格是多少啊?
1、微信小程序发布商品为了最佳体验效果,注意商品图尺寸,建议详情图尺寸:宽度800,高度不限,输出画质70%,格式:jpg
1、目前小程序上的轮播图的是16:9的宽高比例,所以商家在给小程序商城设计轮播图的时候,尽量按照这个尺寸来选择。如果有多张轮播图,建议几张的轮播图的尺寸大小保持一致,这样整体的视觉上看起来就非常美观、整洁。
3、目前微信小程序分享分享卡片的尺寸长宽比例是5:4,只要是这样的比例就可以了,比如50px40px;100px80px…设置成这样的大小,在分享卡片是就不会出现变得扭曲或者宽高被隐藏的问题出现了。另外还需要注意的是,尽量设置成jpg、png等常见格式
实现轮播功能且高度要自适应。
使用小程序自带组件swiper。
关键点 :就是要计算出当前的高度并赋值给swiper高度。需要计算是由于swiper必须指定高度不能像div一样自动撑开。
难点:
1、问题:切换页面返回 由onhide—>onshow时,出现所有的高度会保持在最后计算出的那个值,导致高度自适应效果失效。
原因:是由于此时imageLoad不再监听。
解决办法:watch列表,给url加参数(时间戳),使其每次都重新加载,使imageLoad监听。
2、问题:切换到后台再返回到前台时,初始高度会保持出现在第一张的高度,若切换时非第一张,就会导致给当前高度不正确,被遮挡或者有大片空白。
原因:给swiper赋值的是 列表里第一张的高度。
解决办法:后台切回前台时,appdata是保持不变的,而当前排位已被保存变量,所以取当前的高度赋值给swiper高度。
3、问题:此组件所在页面,下面有跳转到当前页的业务需要,只是渲染数据不同。当返回前一个页面时,初始高度还保留着返回前最后一次的高度,与当前页当前高度不符。
原因:同页面切换时,appdata没有重新赋值的话就不会变化,最后当前变量取值了最后出现的那个页面的当前。
解决办法:每切换到一个页面时,在组件里,缓存以页面数:当前为键值的currents对象。返回到某个页面时,通过当前页面数取得当前,从而获得当前初始高度。
PS : 在设计和解决这些难点时,均遵循着组件的高内聚、低耦合原则,使得更具复用性、稳定性、无依赖。
ps:很多时候开始发现是未解的,待解决之后发现原来并没什么,
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)