微信小程序的基础操作

目录

一、准备工作

二、页面属性解释

app.json

app

index

微信小程序支持的模式：mvvm

---

一、准备工作

1.在电脑上安装并登录好微信开发者工具

2.打开软件，新建项目，选择不使用云开发

3.在导航菜单栏找到详情，选择本地设置

        选择合适的版本，并将下图中划红线的多选框勾上

二、页面属性解释

详细文档参考  全局配置 | 微信开放文档

app.json

1.pages：小程序中所有页面的路径

        模拟器页面会优先显示第一个路径的页面

2.window

navigationBarBackgroundColor	导航栏的颜色	默认：白色#fff，黑色#000
navigationBarTitleText	标题字体	默认：Weixin，可自己更改
navigationBarTextStyle	导航栏字体颜色	默认：黑色black，白色white

app

app.js：全局js（整个app实例）

app.json：导航栏部分，tab栏

app.wxss：全局样式

index

index.wxml：页面文件

index.wxss：css文件

index.json：页面配置

index.js：数据和方法

微信小程序支持的模式：mvvm

标签：

<view></view>：代码块标签，类似<div>

<text></text>：文本标签

<button></button>：按钮标签

<text>{{ }}</text>：取值，值在index.js里的data属性中定义

排版：

     边框

     外间距

     内间距

     盒子模型：block，inline，block-inline

     改变盒子模型

     布局：绝对布局，相对布局，固定布局，静态布局

row：水平排列

row-reverse：反向水平排列

column：垂直排列

column-reverse：方向垂直排列