add a style after traversing the array. The style code is as follows. The effect is shown in figure
..content .box:nth-child(n+1) {
background: linear-gradient(to bottom, -sharp79E2FF, -sharp66A8FF);
}
.content .box:nth-child(n+2) {
background: linear-gradient(to bottom, -sharpFFD61C, -sharpF4A80F);
}
.content .box:nth-child(n+3) {
background: linear-gradient(to bottom, -sharpFF7984, -sharpF42C5F);
} 
how do I make these three styles appear in a loop?
3n+1
3n+2
3n
Previous: 'utf8' codec can't decode byte 0xe9 in position 30
Next: How can vee-validate clear the required input without triggering authentication?
has anyone ever used or known this kind of cascading carousel for mobile, element-ui is PC for mobile, it will collapse for mobile? do you know, wait for online, etc....
through vuex, it seems that you need to create an extra state variable, and then modify the state through component A, while component B listens for changes in the state, thus realizing the transmission of events. But it feels like the value of this sta...
<template> <div class="page"> <img src=".. .. .. static pic bg1.png" alt="" :class="bg"> < div> < template> <script> export default { data() { ...
if you can t understand the meaning of the title, then look at the picture . the top yellow part is the public part in app.vue the red part is vue-router green < router-view > part what I need to implement now is when I click on the red navigat...
can the front end imitate my Alipay app drag-and-drop? Find the solution long press to move and adjust position. I use the sortable.js plugin , but I can t drag and drop it on my phone . var el = document.getElementById( items ) ...
::vue now I want to add the function is to click the play button to hide, pause to show I have tried to add subtracted classes to it, but it does not work, is there any good way to solve this problem? ...
1. There are three modes: single table, split table, and parallel table. You can only choose one table for a single table, and you can choose two for sharing or merging tables. 2. In single-table mode: ;: -1- template -2- currentLitableId 3.: ...
I have done a mobile function to simulate scrolling. The scrolling container contains pictures arranged vertically. At the beginning, I wrote the width and height of the pictures in css. Because the simulated scrolling needs to obtain the height of the c...
$( - sharpcity ). On ( change ,function () {) var s=$("-sharpheader_right_imgs_ul>li"); for(var i=0;i<s.length;iPP){ if(s[i].className!= $(this).val()) { console.log(s[i].className); s[i].css({...
is writing a vue audio component. The audio progress bar will be displayed in the style. When playing, the progress bar will scroll forward smoothly. When the user clicks pause, it will pause the progress bar and click the continue progress bar to conti...
<img class="previewer-demo-img" v-for="(src11,i) of item.images" :src="src11" alt="" :key="i"> because you want to present a picture in the ninth house format of Wechat s moments, but the origi...
the html5 on the mobile phone is hidden from scrolling when it exceeds the phone screen, but overflow:hidden is not set in the page. The approximate page is as follows: < div class= "filterContent " v show = "baseInfoShow " > <span class= titl...
Code and effect address brief description of the problem. When you drag the mouse to select a cell, the data of component has changed, but the page display will have to wait until after mouseup, and if the status of k is not displayed on the page, t...
three buttons, set the style and change the button color when you click. When running on the mobile phone, it is found that the button will flash when it is clicked, how to make it not flicker when it is clicked? ...
as shown in the picture, it is to see if the pothole in the bathroom is occupied, can the front end of this picture be realized, and do the gods have any ideas? thank you ...
problem description how to limit the scope of introducing css files into the vue js module the environmental background of the problems and what methods you have tried Project components are generally divided into three files: html template and cs...
problem description I know that the scoped attribute of style in vue needs to be used carefully again, but only when I m writing components, right? It is to make it easier for others to override the style. Is that right? I am now using third-party ...
Vue-clihello divstyle html, body { margin-left: 0px; margin-top: 0px; margin-right: 0px;margin-bottom: 0px; } html,body { also tried to add no response. ...
in the vue template, the control child element (the echarts chart component) is equal in size to the parent element (div). In the mounted hook of the parent element, the height and width of the parent element (div) are obtained and passed to the child e...
problem description my scene is that several circles are dragged around a big circle, and all the circles of any circle are scrolled 360 degrees uniformly. The following code calculates the angle of the small circle, but I drag the event to trigger th...