微信小程序-1

微信开发文档 https://developers.weixin.qq.com/miniprogram/dev/framework/

报错在调试器的console里找

一、结构

Ctrl + +放大字体
Ctrl + - 缩小

设置 - - - 外观设置 - - - 可以修改喜欢的主题颜色

index.js
index.json
index.wxml ==》 html

<view class="box" hover-class="boxhover" hover-stay-time="0" >
  你好
  <view class="inner" hover-class="innerbox" hover-stop-propagation>早上好</view>
</view>

index.wxss ==》 css

.box{
   
  width: 200px;
  height: 200px;
  background: red;
}

logs 日志

utils - - - 工具类 封装方法
.eslintrc.js - - - 规定代码格式化

全局配置
app.js - - - 逻辑文件
app.json - - - 配置项
app.wxss - - - 全局样式

project.config.json - - - 公用配置
project.private.config.json - - - 私人配置

sitemap.json - - - 地图 检索机制

二、组件

1.view

视图容器 view ==》div

简写 输入下面代码 敲回车
.box>.top>.bar
------------------------------
<view class="box">
  <view class="top">
    <view class="bar"></view>
  </view>
</view>

.row{$}*3  # $ is number
------------------------------
<view class="row"