当前位置: 首页 > Web前端 > HTML

微信小程序开发

时间:2023-04-02 17:54:37 HTML

1.微信小程序制作项目。文件结构:小程序包含一个描述整个程序的应用程序和描述各个页面的多个页面。一个小程序的主体部分由三个文件组成,必须放在项目的根目录下,如下:文件是必需的。Functionapp.js是小程序的逻辑app.json是小程序的公共设置app.wxss没有小程序的公共样式表小程序页面由四个文件组成,分别是:filetyperequiredfunctionjsis页面逻辑...2.项目起始页*.json:app.json文件用于全局配置微信小程序,决定页面文件路径、主文件入口、窗口性能、设置网络超时、设置多标签页等.,不允许发表评论。配置地址:https://mp.weixin.qq.com/debu...最外层app.json配置路径默认首页:(路径不用写文件类型,一个文件夹下的文件只服务一个page,wxml中写外部css样式就不用引入wxss文件){"pages":["page/welcome/welcome"]}pages数组第一项创建启动页的bug*.json:json文件不能为空,至少在配置默认首页的welcome.wxml文件中保留{}写小程序的tagwelcome.xwml第一个小程序view:相当于html的div容器image:相当于imgtext:标签存储文本的,如果不添加,它不能在手机上增长按选择文本。rpx单位:与设计图尺寸相同,px尺寸的一半。page:页面生成后,默认会在最外层添加一个page标签,相当于bodywelcome.wxss.user-main{text-align:center;}.user-tx{width:200rpx;高度:200rpx;borderinhtml-radius:50%;}什么时候写内联样式,什么时候写wxss?在编写静态和固定样式时,将它们写入外部导入,频繁更改或与行为交互的样式可以写入内联。3.组件-轮播(swiper)轮播一轮播二轮播3设置轮播图片尺寸先设置swiper尺寸再设置图片尺寸。属性自动播放:自动播放轮播指示器-点:有点?更多属性参考:http://suo.im/1QzaIi