幻令 发表于 2018-6-21 12:44:22

蓝鸟的一些特殊使用技巧

蓝鸟就是一个web的开发工具,所以可以直接的在里面写一些原生的js代码之类,也可以用写网页的方法调试,还算是舒服
一.想自定义类库的样子怎么办?**** Hidden Message *****
二.更好的调试方式

1.console.log
在你的代码中写上这个,可以输入一段日志
例如:
事件 如意九宫格1.项目被单击(标题 为 文本型,图片 为 文本型)为 数值型
      console.log(标题,图片);
结束 事件



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

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

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

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

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


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

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

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


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

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

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

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

我们写的样式效果有了


xiaoshagua 发表于 2018-6-21 13:31:16

学习一下这个技巧

2872588086 发表于 2018-6-21 18:07:17

66666666666666666666666666

lyx123 发表于 2018-6-21 21:00:48

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

blackav 发表于 2018-6-21 21:20:17

很好,回复学习了

我的荣幸i 发表于 2018-6-22 22:44:05

回复看技巧

3232164205 发表于 2018-6-29 09:34:25

支持下!!!!!!!

wsdet 发表于 2018-6-29 12:25:13

66666666666666666666

49291706 发表于 2018-7-8 00:46:24

学习一下这个技巧!!!{:4_95:}

tydncn 发表于 2018-7-27 13:51:19

进来看看学习中ing.......................
页: [1] 2 3 4 5 6 7 8
查看完整版本: 蓝鸟的一些特殊使用技巧