第一步出师不利,wxml相当于html,wxss相当于css
在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标签
这个标签是控制可以自由移动
编辑盒子代码,现在就是可以移动
版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/hd-wfwjg/11554.html