导读

经过这几天的学习，大家掌握的小程序掌握的怎么样了？

为了帮助大家理顺，我们来将这几天学到的东西再简单的整理一遍。

后缀类app.js：是小程序的脚本代码app.json：是对整个小程序的全部配置app.wxss：是对整个小程序的公共样式表index.wxml：是页面的结构文件=HTMLindex.js：是页面的脚本文件=jsindex.wxss：是页面的样式表=css代码类块代码

<view></view>

该代码可用样式，用样式的代码为：

<view class=".box"></view>

行代码

<text></text>

改代码可用样式，用样式的代码为：

<text class=".box"></text>

插入图片

<image></image>

插入网络图片：

<image src=";></image>

插入本地图片：

将图片放入本地文件夹里，images文件夹下（没有文件夹需要创立）

<image src="/pages/images/xxxxx.jpg"></image>

或者<image src=".../.../images/xxxxx.jpg"></image>

样式类

样式可以在index.wxss和app.wxss里面使用，但是app.wxss的优先度没有index,wxss优先度高。

调用代码为：

.box{}

这里的box指的是调用，前面的<view class="box">和<text class="box">引号里面的可以是box，当然，换成别的也行。

这里面可以放这些元素：

边框样式

border:3px soild green（释义：边框大小：3像素 实线 绿色边框）

块样式

width:200px;height:200px;ground:red（释义：一个红色实心的宽高皆为200像素的正方形）

其他样式

margin:1px;（距离首行空1像素的距离）

text-align:center;（居中）

所有的代码输完都得有“;”分号，分号是英文状态下的，所有代码均为英文输入。

属性类<view>组件属性（块）hover-class="boxhover"

我们这里的boxhover是指样式，我们可以在wxss里面设置自己的样式。

属性意思：点击一下，会产生的效果

hover-start-time=“0”

我们这里的0是时间长短，单位是毫秒

属性意思：按住后多久出现状态；

hover-stay-time=“50”

默认的是400毫秒，我们可以设置时间，不建议设置太短，否则系统感应不够

属性意思：手指松开后点击状态停留的时间

hover-stop-propagation

不用修改什么，直接放在view组件里面就够了，详情可以看文章《小程序学习日志3：小程序常用组件1》

属性意思：里面点击不会影响外部的状态

<text>组件属性（文字）selectable

属性意思：这个组件的用处在于，你用了这个组件之后，页面的文字可以被用户复制。

space

属性意思：这个组件的用处在于，可以在代码中直接打上空格

这里面有三个属性

ensp：英文空格emsp：中文空格nbsp：根据字体大小调整空格decode

属性意思：这个组件的用处在于，可以将文本中的代码解析

<navigator>组件属性（跳转组件）url

属性意思，实现本小程序内部各页之间的跳转。

target

属性意思：可以设置跳转到本小程序，也可以跳转到其他小程序

open-typenavigate：这个功能可以用于从一个页面跳转到另外一个页面，而且前一个页面不会销毁，这个小程序用于一些填写的表单文件是再好不过的了。redirect：这个属性是用于可以跳转到首页，但不可以跳转到上个页面写在最后

本篇文章是对前五篇的文章内容总结，大家如果有什么不明白的可以去看前几篇的文章内容。谢谢大家了。