小程序模板怎么改行头

小程序模板怎么改行头,第1张

具体如下:

1、打开小程序开发工具,新建mypage文件夹,在文件内新建page,命名为mypage,

2、在mypage同级目录,创建templates文件夹,在文件夹内新建文件。

3、编译运行代码,显示出引入内容,引入成功。

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。如图2-1所示

一个小程序主体部分由三个文件组成,必须放在项目的根目录,如图2-2所示

一个小程序页面由四个文件组成,如图2-3所示

注意:为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径与文件名。

创建项目启动页,如图2-4所示:

新建一个空白项目,点击 图2-5所示 “+” 创建小程序主体部分的三个文件及pages文件夹,在pages文件夹下新建一个index文件夹,如图2-5所示,选中pages文件夹 右键 新建目录

在index文件夹下创建 index.wxml 、index.wxss 、index.js 、index.json 四个文件。

注:除 顶级 目录文件/文件夹使用 图2-5 中的 “+” 创建外,其他文件创建选中其上级目录文件夹 右键 新建目录/文件

创建好文件后,在app.json中写入:

编辑 index.wxml 文件,此处会用到图片,需在顶级目录创建images文件夹用来存放图片:

模拟器的机型设置为 iPhone6 ,小程序以IPhone6的屏幕尺寸为设计标准,像素使用 rpx 为单位,编辑 index.wxss 文件:

若使小程序呈现 图2-4 的效果,需编写 app.json 文件:

项目出现如图2-6 所示错误:

编写index.js:

启动页面就完成了 ^ _ ^

新建一个page页面和page文件后,发现报错了:

打开search.json后,如下所示

若是没有需要添加的json,就将此json文件删除。在小程序中, 页面的样式表(xxx.wxss)和页面的配置文件(xxx.json)是非必要的 ;

若是有需要添加的内容,添加json内容并保存即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/7900636.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存