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

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

<view></view>

该代码可用样式,用样式的代码为:

html公用代码小法式进修日记笔记集结号1小法式根本代码1 Vue.js

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

行代码

<text></text>

改代码可用样式,用样式的代码为:

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

插入图片

<image></image>

插入网络图片:

<image src="https://www.xxx.com/xxx/xxx/xxxxxxxx.jpg"></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:这个属性是用于可以跳转到首页,但不可以跳转到上个页面写在末了

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