带有vue的过渡颜色

文章/答案/技术大牛

发布

1回答

javascript、html、css、vue.js

我正在尝试转换一个覆盖颜色点击按钮与vue。当我点击它时，ovelay很快就会显示出来，我需要它在做的时候从深色过渡到浅色，但我不确定如何使用vue，因为我是新手。下面是我的代码和我的代码sand boox的链接。file=/src/components/HelloWorld.vue的链接

浏览 13提问于2020-07-14得票数 1

回答已采纳

3回答

在Vue中应用循环颜色

vue.js、bootstrap-4

我正在考虑将几种颜色绑定到一个微调器组件，目前我在做这件事上遇到了一些麻烦，我的大脑变得有点模糊。 return item }) 我正在考虑通过颜色循环来创建一个漂亮的多彩效果我自己在测试时遇到了一些麻烦，也没有从我的努力中取得任何成果。

浏览 29提问于2019-07-17得票数 0

2回答

VueJs -转换成div颜色

javascript、css、vue.js、vuejs2

我可以改变的颜色点击，但我希望颜色的变化与平稳过渡或效果的点击。可以用Vue.js来做吗？</button> </body> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"

浏览 0提问于2018-09-15得票数 4

回答已采纳

1回答

背景色/ vue js的平滑过渡

css、vue.js、background-color

我正在尝试在vue js中平滑背景线性梯度之间的过渡。以前，当我使用纯js / HTML / css创建此过渡效果时，我为每种颜色创建了一个div，并更改了其中的不透明度-将一个颜色淡出到另一个颜色background(f)更新监视的属性-使用颜色列表

浏览 1提问于2020-08-09得票数 0

2回答

如何在vue.js中以页面作为过渡在页面之间进行过渡？

vue.js、vue-router、transition、vue-transitions

我只想知道如何在vue.js中的第三个页面之间转换。就像主页到大约页面一样，在过渡的中间我放了一个带有品牌标志的页面。就像他们在这里做的：https://www.details.co.jp 谢谢。

浏览 39提问于2020-10-04得票数 0

回答已采纳

2回答

Vuejs怎样才能给vue-chartjs甜甜圈添加颜色呢？

vue.js、vuejs2、vue-chartjs

我正在尝试实现vue-chartjs甜甜圈，但我无法正确地得到颜色。my App.vue <div id="app"> <divlabels: ["Red", "Yellow", "Blue"] }

浏览 6提问于2020-03-06得票数 1

回答已采纳

1回答

Vue ChartKick -条形图的不同颜色

vue.js、chart.js、chartkick

我使用垂直条形图，并希望为每个条形指定不同的颜色：import Chartkick from 'vue-chartkick';Vue.use(Chartkick.use(Chart));<column-chart :data="chartData" width="800px" :colors="['#0

浏览 5提问于2020-04-09得票数 2

回答已采纳

1回答

基于多数据的vue动态值

vue.js、vue-directives、vue-styleguidist

基于大多数提到单个参数的vue文档，我使用v- on :mouseover和leave根据每个项目的颜色动态控制样式，因为我需要根据每个项目的颜色通过悬停来更改每个项目的颜色，尽管我使用了带有样式的!

浏览 3提问于2020-06-13得票数 1

0回答

如何在不影响其中内容的情况下悬停div并使其背景图像慢慢消失？

javascript、jquery、html、css

我有一个带有背景颜色、背景图像和一些文本的div。我希望，当我悬停div时，背景图像会慢慢消失，就像过渡效果之类的，但文本和颜色在div中仍然可见。我对任何类型的方法都持开放态度。

浏览 2提问于2017-06-09得票数 0

回答已采纳

1回答

如何设置动作栏的颜色与过渡？

android

我知道如何设置动作栏的颜色，但我不知道如何通过转换来实现。这是css中的一个例子。 getSupportActionBar().setBackgroundDrawable(new ColorDrawable(color但我想把它设置为过渡。我能做吗？

浏览 3提问于2015-07-03得票数 2

回答已采纳

2回答

vue.js如何解决警告"<transition>只能在单个元素上使用“。

vue.js

displayComments" <CommentCard </div>但是，当我测试视图时，它提供了一个控制台警告：<slide-y-down-transition group> v-fo

浏览 4提问于2020-08-02得票数 1

回答已采纳

1回答

(Jquery)设置CSS颜色项上的toggleClass颜色转换

jquery、css、jquery-ui

我试图使用jquery(持续时间)向已经在CSS中显式设置了颜色的元素添加一个带有颜色的类。除非我将切换到的类中的颜色标记为“！重要”，否则一旦过渡完成，此颜色就不会继续存在。如果我把它设置为“！重要的”，颜色会像预期的那样在一个方向褪色，但在另一个方向不会顺利返回。我以前作为解决方案实现的一个解决方案是假设一个2色场景，只需使用jquery<

浏览 2提问于2012-08-29得票数 0

回答已采纳

1回答

当另一个元素消失时转换另一个元素

javascript、vue.js

el: '#app', visible: true}) height: 50px;} background: blue;} <script src="https://unpkg.com/vue@2.4.4/dist/vue.js"><

浏览 0提问于2017-09-29得票数 1

2回答

Bash script的数组元素不能作为nano的文件名，某种编码错误

bash、shell-script、nano

我希望编写一个bash脚本，它递归地搜索目录，找到一个特定的字符串，然后打开到那个特定文件中的字符串。#!/app.vue这样的文件名为./^[[35

浏览 0提问于2019-12-03得票数 0

回答已采纳

1回答

如何使图像的变化平稳过渡？

javascript、css、image、vue.js

有一个带有图片链接的数组，我遍历它，每隔几秒钟就更改一次图片。图片变化很大，但我需要这个过渡的图片变化是顺利的动画？';UPDnew Vue({ data: { mass: ["https://picsum.photossrc = this.mass[i] }}) <scr

浏览 1提问于2019-12-09得票数 1

回答已采纳

2回答

如果在字符串vue中键入顺风css类，则不包括这些类

vue.js、tailwind-css

我正在使用带有vue的TailwindCss 如果我写component，他有一个类似颜色的道具： <script setup> color: String //give me like: green</script> <div class="`bg-${color}-500`"> </div> 但当我看到结果时，颜色没有出现，因为Ta

浏览 14提问于2021-10-20得票数 0

1回答

我想做一个带有背景线性渐变的进度条，并在vue中使用scss中预定义的主题颜色。linear-gradient(to right, $start-color 0%, $start-color 50%, $end-color 50%, $end-color 100%); } 50%是由vue中的代码动态更改的。如果我用:style="{}"编写样式，那么我就不能使用预定义的scss颜色$start-

浏览 15提问于2019-03-29得票数 0

回答已采纳

1回答