<p style="margin-left:.0001pt;text-align:justify;">第一步出师不利，wxml相当于html，wxss相当于css</p>
讯享网
在wxml里面写东西就是在对页面操作。
在用css编辑页面时却发现没有全部应用
背景颜色这里，
解决方法：
有一个要素审查
没有解决错误，
自己再重新新建一个项目编写没有问题，
应该是自己设置的边框（width,height）太小了，导致这一个根本放不下，再重新打开这个项目试一下
石锤了，就是这个错误。
之后学习各种属性，
如下，这个标签是显示按下去之后显示
这是一个动态的效果就不截图显示了。
在后面再次运用一个属性，这个是保持时间，就与时间可以看到背景颜色变成了红色
在box里面新建了一个小盒子，然后编写显示如下
注意：这里发现我的wxss代码用inner标签是直接用的
先这样用一下，之后有错的话再改。
接着往下看
这里发现这个inner盒子里面点击没有颜色变化，这就是冒泡。
在wxml里面新加一个属性，来使得这个inner不被外层父类控制，成功显示（阻止父元素冒泡）
在微信小程序里不使用div，小程序不支持
view标签是块级元素，自己独占一行
如果想小程序发布之后用户可以选中文本复制，只可以使用<text>标签，只有这个里面可以这样
这里面只有aaa写了这个属性，那么只有aaa可以选中
发现一个神奇的事：注意两个标签之间的距离
学习属性
Space属性：是来控制空格大小的
decode属性：可以解码属性
这是没有加属性的显示
加了属性之后
这就能看出来属性的作用
它是一个图标显示
能看出来下面是有显示一行线的
加属性使用
最后这个属性是可以把进度条两侧改成弧角
之前用的px是像素，它的长度和大小是鼓定的，不会因为选择别的机型就导致大小随着变化。
用rpx就基本可以
不是所有的标签都支持rpx
Scroll-view滚动显示
先新写一个盒子然后想让roll盒子横着显示，先提前把盒子写好
这里发现无论怎么写，背景颜色应用不到这个roll盒子里
问题解决：
跟前几个盒子样式相比，发现了问题是前面路径的错
这里改成这样的路径就正确了
想roll盒子横着滑动显示，直接把盒子的标签改了，改了之后在里面加上一个y的属性，就有滑动显示的
在wxss里面增加一个属性，把这个roll改成块元素并且把元素都放在一行里
这时候你会发现它滑动是不行的，是因为在wxml里面写的是竖着滑动 ,改成横着的scroll-x就可以了
movable-area标签
这个标签是控制可以自由移动
编辑盒子代码，现在就是可以移动
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/201636.html