【uniapp开发从0开始做一个小程序-02】

【uniapp开发从0开始做一个小程序-02】

目录：首先了解几个简单的vue框架内的元素用法

• 简单view的用法（相当于div盒子）
• 简单button的用法
• 简单image的用法

简单view的用法（相当于div盒子）

1-1：创建四个静态资源文件夹存放静态资源

1-2：在静态文件夹里的css文件夹里创建一个index.css作为主界面的样式

1-3：将index.vue里的内容删除，先写一个简单的测试界面，导入主界面的css样式

1-4：在index.css里面写一些样式作为样式测试

1-5：运行结果

简单button的用法

2-1：在index.vue里创建一个button

2-2：在index.css里写一些简单的button样式

2-3：运行结果

简单image的用法

3-1：在static/img下放一张测试图片

3-2：在index.vue里面创建一个image

3-3：在index.css里面写一些简单的image样式

3-4：运行结果

**总结：**昨天上了一整天的课，从早上到晚上，就没有做总结，今天下午没课，但是完因为要参加比赛的原因，在准备一些材料。晚上有时间，做了一点学习。如果问我为什么中午休息的时候不做？别问，问就是懒得做！>o< hhh~~