当前位置:网站首页 > 微服务架构 > 正文

颜色代码表(微信小程序颜色代码表)



第一步出师不利,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标签

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

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

到此这篇颜色代码表(微信小程序颜色代码表)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 腾讯会员怎么给别人用二维码登陆(自己的腾讯会员怎么给别人用微信登录)2025-09-22 22:27:06
  • 个人服务器作用大吗(个人服务器能干嘛)2025-09-22 22:27:06
  • 微信为啥没linux版(微信有linux版)2025-09-22 22:27:06
  • 搭建git服务器web界面(git 服务器搭建)2025-09-22 22:27:06
  • 微信小程序跳转微信小程序的实现2025-09-22 22:27:06
  • 配置中心(微服务配置中心)2025-09-22 22:27:06
  • 关闭dhcp client(关闭dhcpclient服务)2025-09-22 22:27:06
  • 获取位置信息失败怎么解决(微信公众号获取位置信息失败怎么解决)2025-09-22 22:27:06
  • 模型训练服务器(模型训练服务器怎么选择)2025-09-22 22:27:06
  • git服务器配置要求(git服务器配置要求高吗)2025-09-22 22:27:06
  • 全屏图片