蓝鸟的一些特殊使用技巧

幻令

蓝鸟就是一个web的开发工具,所以可以直接的在里面写一些原生的js代码之类,也可以用写网页的方法调试,还算是舒服

一.想自定义类库的样子怎么办?

游客，如果您要查看本帖隐藏内容请回复

二.更好的调试方式

1.console.log
在你的代码中写上这个,可以输入一段日志
例如:

1. 事件 如意九宫格1.项目被单击(标题 为 文本型,图片 为 文本型)为 数值型
   
2.         console.log(标题,图片);
   
3. 结束 事件

复制代码

2.f12的断点调试
你可以利用浏览器带的开发者模式,在你想要的地方断点,查看运行状态

如果你不知道在那里,可以看看上面的,在右边有代码的文件和行数,点击一下就可以自动跳转过去了

(被我老婆挡住了)
然后在行数那里,单击一下,出现一个蓝色的标签,就是成功了

当你的代码执行到这个地方的时候,就会这样:

当你的鼠标放上去时也会显示变量的值


三 全局的样式替换
对于一些类库,没有提供操作方式,但是自己又想自定义,比如颜色,如果用第一种方法,要一个一个,还不知道子控件的名字,代码要写一大堆,可以用这种方法

第一步:建立一个类库,随便叫什么名字

第二步:
浏览器运行你的项目,用开发者工具,选中你想要修改的组件,然后看右边的名字,复制那个名字,看着你想要修改的属性
例如我想修改字的颜色


第三步:
在类库的设置里面添加css样式 后面添加上 !important 强制的替换原样式

如果你只是想增加样式,是不需要!important的
也可以选择不加,如果没有效果再加上也行- -..

<style>
.ilist>.item .item-title>p {
color:#ff0 !important;
}
</style>

第四步:
编译类库,安装类库,然后看效果就好了

我们写的样式效果有了

xiaoshagua

学习一下这个技巧

2872588086

66666666666666666666666666

lyx123

学习学习......................

blackav

很好，回复学习了

我的荣幸i

回复看技巧

3232164205

支持下！！！！！！！

wsdet

66666666666666666666

49291706

学习一下这个技巧！！！

tydncn

进来看看学习中ing.......................