JohnnyHy
JohnnyHy
  • 发布:2020-04-10 17:44
  • 更新:2020-04-10 18:49
  • 阅读:1084

如何在script中对样式进行修改

分类:uni-app

在使用时间线插件的时候因为需求原因,需要将时间线的第一个改变颜色


将圈出的部分圆点和线变为蓝色

复制代码mounted(){  
            let view = uni.createSelectorQuery().selectAll(".line");  
            view.fields({  
              dataset: true,  
              properties:true  
            }, data => {  
              console.log(data);  
            }).exec();  
        }

在scrpit中插入这个会对forEach报错。
想问一下有没有类似原生中

复制代码document.getElementsByClassName('.line')[0].style.backgroundColor = "#4692F7"

这种写法的修改颜色的写法。

2020-04-10 17:44 负责人:无 分享
已邀请:
暮雪骄阳

暮雪骄阳

复制代码<view class="line" :style="{'backgroundColor':item==true?'#4692F7':''}">

好想不能直接操作dom,可以获取节点信息也不包括背景色,直接在节点:style上写表达式吧

  • JohnnyHy (作者)

    感谢,已经考虑到用v-for+key去动态控制了

    2020-04-16 10:30

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容