导读

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

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

后缀类

代码类块代码

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

行代码

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

插入图片

插入网络图片：

插入本地图片：

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

或者

样式类

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

调用代码为：

.box{}

这里的box指的是调用，前面的和引号里面的可以是box，当然，换成别的也行。

这里面可以放这些元素：

边框样式

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

块样式

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

其他样式

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

text-align:center;（居中）

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

属性类组件属性（块）

• hover-class="boxhover"

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

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

• hover-start-time=“0”

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

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

• hover-stay-time=“50”

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

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

• hover-stop-propagation

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

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

组件属性（文字）

• selectable

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

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

这里面有三个属性

1. ensp：英文空格
2. emsp：中文空格
3. nbsp：根据字体大小调整空格

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

组件属性（跳转组件）

• url

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

• target

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

• open-type

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

写在最后

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