1、首先注册小程序,紧接着一步一步进行。。。
2、下载安装开发者工具,这个类似于Sublime、HBulider这样的编译器。
3、
imgs目录:位于顶级目录,主要存放图片
pages目录:位于顶级目录,存放小程序应用主要信息
index目录:存放欢迎页的信息
index.js文件:欢迎页的脚本文件
index.json文件:欢迎页的配置文件
index.wxml文件:欢迎页的页面结构文件(类似与html代码)
index.wxss文件:欢迎页的css样式文件
app.js:顶层文件,app的全局脚本文件
app.json:顶级文件,app的全局配置文件
app.wxss:顶层文件,app的全局样式文件
4、页面结构:
<view class="contianer>
<view bindtap="bindViewTap" class="userinfo">
<image class="userinfo-avatar" src="/img/汪1.jpg" background-size="conver"></image>
<text class="userinfo-nickname">多多益善</text>
</view>
<view class="usermotto">
<text class="user-motto">开始我的第一个小程序demo</text>
</view>
</view>
5、你以为小程序这么容易就搞定啦,没有! follow me。
直接运行会出错,因为没有指定app加载的页面,通过查找官方api文档找到加载页面的方法,如下
6、css样式就是在index.wxss里面修改
7、在全局app.wxss文件中可以定义字体
8、今天先到这儿哈。。正在努力成长中