小程序开发2--各种控件（view,滑动view,简单图标icon,富文本。）

一般使用前三个。

view相当于块级元素。 一般东西都是包裹在view里面的

第一个  代码：hover-class = "v_press"。在wsxx中 .vpress{ background: #red;} 。按下的时候背景变红

第二个 hover-stop-propagation 当view1包裹view2的时候，如果点击view2那么view1也会响应。在view2中加一个属性

hover-stop-propagation  = ‘true’。那么久不会传递到父控件 view1中去

hover-start-time = '2000' 2000ms后才会出现hover-class 的效果

hover-stay-time = '2000' 出现2000ms的 hover-class 的效果

scroll-view常用属性。

<!--横行 可以拖 style='white-space:nowrap'代表显示在一行 -->
<!-- <scroll-view  scroll-x= "true"  style='white-space:nowrap'>
<view style='background:red;width:200rpx;height:200rpx;display:inline-block'></view>
<view style='background:blue;width:200rpx;height:200rpx;display:inline-block'></view>
<view style='background:yellow;width:200rpx;height:200rpx;display:inline-block'></view>
<view style='background:red;width:200rpx;height:200rpx;display:inline-block'></view>
</scroll-view> -->
<!--纵向 可以拖动  -->
<scroll-view  scroll-y= "true"  style='height:200rpx'>
<view style='background:red;width:200rpx;height:200rpx;display:inline-block'></view>
<view style='background:blue;width:200rpx;height:200rpx;display:inline-block'></view>
<view style='background:yellow;width:200rpx;height:200rpx;display:inline-block'></view>
<view style='background:red;width:200rpx;height:200rpx;display:inline-block'></view>
</scroll-view>

Swiper:轮播图：

自动播放 ， 要有中间点，持续1000ms，图形变化使用2000ms

<swiper autoplay='true' indicator-dots='true' interval='1000' duration='2000'>
<block wx:for="{{imgUrls}}">
<swiper-item>
<image src='{{item}}'></image>
</swiper-item>
</block>
</swiper>

内view能在外view中华东  direction是指全方向移动 可以指横向或者纵向

<movable-area style = "width:500rpx ;height:300rpx;background:blue">
<movable-view direction = "all" style='width:100rpx ;height:100rpx;background:red'></movable-view>

</movable-area>

  

 Cover-View  可以做覆盖。

icon是图标 用tpye是表示他微信本身的图标

对应图标

text 让文字不可选择 （ 不让复制）

selectable = “flase”

rich-text 富文本

nodes里面表示是类似引用对象的东西了

在js pages data中

 

其中name:p  中的p可以为 a.....等等。。。

progress进度条