微信小程序开发学习

第一步出师不利，wxml相当于html，wxss相当于css

在wxml里面写东西就是在对页面操作。

在用css编辑页面时却发现没有全部应用

背景颜色这里，

解决方法：

有一个要素审查

没有解决错误，

自己再重新新建一个项目编写没有问题，

应该是自己设置的边框（width,height）太小了，导致这一个根本放不下，再重新打开这个项目试一下

石锤了，就是这个错误。

11.4学习

之后学习各种属性，

如下，这个标签是显示按下去之后显示

这是一个动态的效果就不截图显示了。

在后面再次运用一个属性，这个是保持时间，就与时间可以看到背景颜色变成了红色

在box里面新建了一个小盒子，然后编写显示如下

注意：这里发现我的wxss代码用inner标签是直接用的

先这样用一下，之后有错的话再改。

接着往下看

这里发现这个inner盒子里面点击没有颜色变化，这就是冒泡。

在wxml里面新加一个属性，来使得这个inner不被外层父类控制，成功显示（阻止父元素冒泡）

在微信小程序里不使用div，小程序不支持

view标签是块级元素，自己独占一行

View标签和text标签的区别

学习text标签

如果想小程序发布之后用户可以选中文本复制，只可以使用<text>标签，只有这个里面可以这样

这里面只有aaa写了这个属性，那么只有aaa可以选中

发现一个神奇的事：注意两个标签之间的距离

学习属性

Space属性：是来控制空格大小的

decode属性：可以解码属性

                  这是没有加属性的显示

                  加了属性之后

这就能看出来属性的作用

icon标签

它是一个图标显示

Progress标签

能看出来下面是有显示一行线的

加属性使用

最后这个属性是可以把进度条两侧改成弧角

11.5学习

小程序的单位

之前用的px是像素，它的长度和大小是鼓定的，不会因为选择别的机型就导致大小随着变化。

用rpx就基本可以

不是所有的标签都支持rpx

视图容器：

Scroll-view滚动显示

先新写一个盒子然后想让roll盒子横着显示，先提前把盒子写好

这里发现无论怎么写，背景颜色应用不到这个roll盒子里

问题解决：

跟前几个盒子样式相比，发现了问题是前面路径的错

这里改成这样的路径就正确了

想roll盒子横着滑动显示，直接把盒子的标签改了，改了之后在里面加上一个y的属性，就有滑动显示的

在wxss里面增加一个属性，把这个roll改成块元素并且把元素都放在一行里

这时候你会发现它滑动是不行的，是因为在wxml里面写的是竖着滑动 ,改成横着的scroll-x就可以了

movable-area标签

这个标签是控制可以自由移动

编辑盒子代码，现在就是可以移动