1 微信官方框架:使用微信官方提供的框架进行开发,可以快速上手,但功能相对较少。
2 uni-app框架:uni-app是一个基于Vuejs的开发框架,可以同时开发多个平台的小程序,如微信、支付宝、百度等。
3 Taro框架:Taro是一个多端开发框架,支持小程序、H5、React Native等多个平台,可以实现一次编写,多端运行。
4 mpvue框架:mpvue是一个基于Vuejs的小程序开发框架,可以使用Vuejs的语法进行开发,同时支持小程序原生API。
如果没有编程代码经验,可以寻求第三方小程序平台进行鼠标拖拽式搭建小程序。
,只能滚动
如果使用的是小程序的原生oage,可以使用wxgetSystemInfo接口来获取设备的各种信息(包括屏幕宽高),然后根据实际情况来计算页面需要的高度;
如果页面是用h5写的,可以在页面加载完成后,动态添加weui-page__bd的高度,然后将页面内容以外的滚动条隐藏掉:
<script type="text/javascript">
windowonload=function(){
//获取page容器标签
var pageElem=documentgetElementsByClassName('weui-page__bd')[0];
//获取设备的高度
var windowHeight=windowscreenheight;
pageElemstyleheight=windowHeight+"px";
}
</script>
如果有输出版本号,则表示安装成功
执行该命令,完成后会在同级目录下生成一个转换后的uni-app工程。
运行转换后的项目可能会报错,这个就只能一一排查解决了。目前我没有遇到其他的大问题,唯一遇到的坑点就是之前的原生项目有用到 WeUI 组件。转换成uni-app工程后,运行会报错。
如何在uni-app小程序中使用微信官方组件WeUI,请移步 这里
微信小程序d出层全屏轮播可以通过使用第三方组件或自定义组件实现。
第三方组件方案:
1 在小程序开发者工具中搜索“轮播组件”,选择一个合适的第三方组件。
2 将组件的代码复制到小程序中,并进行配置。
3 在需要d出层的页面中引入组件,并设置触发d出层的按钮或事件。
4 在d出层组件中,使用第三方轮播组件实现全屏轮播效果。
自定义组件方案:
1 在d出层组件的wxml文件中添加一个容器,用于显示轮播。
2 在js文件中,获取d出层组件的高度和宽度,计算出的宽度和高度,并将其设置为容器的宽度和高度。
3 在onLoad生命周期函数中,获取需要轮播的列表,并将其存储到data中。
4 在onReady生命周期函数中,调用wxcreateSelectorQuery()方法获取容器的节点,并计算出容器的偏移量。
5 在onShow生命周期函数中,使用wxcreateAnimation()方法创建一个动画对象,并设置动画效果。
6 在动画结束后,使用setTimeout()函数实现定时器,用于轮播。
以上是实现微信小程序d出层全屏轮播的简要步骤,具体实现过程需要根据实际需求进行调整和完善。
以上就是关于小程序开发用什么框架全部的内容,包括:小程序开发用什么框架、小程序打开javaweb页面太小了、微信小程序原生工程转uni-app工程等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)