微信小程序应用开发-手动创建

基础知识：

index.wxml的代码为 Html，有很多标签，如等

index.wwss相当于css 即样式

index.js中有很多函数，可自定义

操作步骤：

删除app.json文件中page/logs

删除utils文件夹

撤销index.wxml和index.wwss中的代码

撤销index.js中的代码，并输入page自动补全函数

撤销app.wxss中的代码

撤销app.js中的代码,并输入app自动补全函数

视图设计：

导航栏设计：app.json

中window:navigationBarBackgroundColor:"#663399"....

页面设计：1.pages/index.wxml

微信头像<image src ='/image/xcx.png'mode='widthFix'> mode自动拉伸显示原图比例

微信昵称Hello World

自动获取头像和昵称

自动获取头像和昵称

2.index.wxss

.container{

height:100vh;

display:flex //flex布局

......

3.wxml中自定义函数，<button open-type='getUserInfo'bindgetuserinfo='getMyinfo'>

在js页面page加getMyInfo:function(e){

console.log(e.detail.userInfo)},

4.动态数据： {{src}}