为了帮助大家理顺,我们来将这几天学到的东西再大略的整理一遍。
后缀类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="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:这个属性是用于可以跳转到首页,但不可以跳转到上个页面写在末了本篇文章是对前五篇的文章内容总结,大家如果有什么不明白的可以去看前几篇的文章内容。感激大家了。