javascript - HTML/CSS/JS om animatie voor bestand naar prullenbak verplaatsen te implementeren

Ik wil een Verplaatsen naar prullenbak-actie vanuit de mapstructuur bieden.

Wanneer een gebruiker op de verwijderknop klikt, wil ik een animatie tonen om het item naar de prullenbak te verplaatsen.

Voorbeeldindeling.

+-------- | - dir1 | - file1 x | - file2 x | - subDir1 | - file3 x +-------- | Trash +--------

Aangezien de elementen 'relatief' ten opzichte van de map waarin ze zich bevinden zijn gepositioneerd, terwijl Prulle

Lees verder →

typescript - Angular Universal kan relatieve URL niet oplossen in scss-bestanden

Ik ben mijn bestaande Angular-app aan het overzetten naar Universal om deze SEO-vriendelijker te maken. Ik heb alles volgens deze gidsen gedaan: Angular CLI, officiële Angular-site. Het compileert en start de Express-server, maar geeft de foutmelding ERROR { Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'footer-bg.png' Error: Cannot match any routes. URL Segment: 'footer-bg.png', wat te maken heeft met de achtergrond-URL-link in mi

Lees verder →

angular - Ionic Alert CssClass wijzigen via knop

Ik probeer de CssClass van een alert te wijzigen wanneer ik op een knop van de alert klik.

buttons: [ { text: this.languageData.BUTTONS.CANCEL, handler: data => { } }, { text: this.languageData.BUTTONS.LOGIN, handler: data => { if(data){ if(...){ this.setDeveloperData(); }else{ this.loginPrompt.setCssClass('LoginError');

Lees verder →

javascript - de CSS van Google Maps overschrijft mijn eigen stijlen, hoe kan ik dat voorkomen?

Ik gebruik Angular 7.2.2 met Typescript.

Ik importeer Google Maps van "https://maps.googleapis.com/maps/api/js?key=myAPIkey" via een <script>-tag in mijn index.html

Zodra het script klaar is met laden, kan ik zien dat een deel van mijn stijlen overal in de applicatie wordt overschreven door de stijlen van Google Maps.

Hoe kan ik dit voorkomen en ervoor zorgen dat de stijlen van Google Maps alleen worden toegepast op het component waarin ik de kaart zal wee

Lees verder →

javascript - Material UI CSS-in-JS typen

Ik ben een project aan het opzetten met React, React Admin, Babel, TypeScript en Webpack. De editor die ik gebruik is VSCode.

Ik probeer de nieuwe Material UI-stylingoplossing te gebruiken en dan specifiek de Styled Components API.

Ik heb TSLint zo geconfigureerd dat het verplicht is om een typedef toe te voegen aan een variabeleverklaring.

Wanneer ik de volgende code schrijf:

const StyledButton = styled(Button)({ backgroundColor: 'yellow', hei

Lees verder →

CSS-modules gebruiken met Webpack en Typescript

Ik probeer CSS-modules te integreren in mijn project dat TypeScript en Next JS gebruikt. Dit is mijn setup tot nu toe:

module.exports = withCustomBabelConfigFile( withTypeScript(withCSS({ cssModules: true, babelConfigFile: path.resolve("./babel.config.js"), webpack(config, options) { config.module.rules.push({ test: /\.css$/, include: path.join(__dirname, 'pages/index.tsx'), use: [ 'style

Lees verder →

node.js - Relatieve URL-paden in scss-bestanden

Ik heb een relatief URL-pad in mijn scss-bestand, bijvoorbeeld:

&.id-1 { background-image: url("./assets/images/live-sports/icon-soccer.svg"); }

en voor het andere element heb ik dit URL-pad

&.id-1 { -webkit-mask-image: url("./assets/images/live-sports/terminal/icon-soccer.svg"); }

Lees verder →

html - css animatie en angular: niet in staat om de "ease in - ease out" animatie succesvol te implementeren voor gesplitste pagina voor angular project

Ik werk aan de volgende code en wil dat beide zijden schuiven wanneer er over wordt gehooverd. Bekijk dit alstublieft. Ik werk met Angular HTML, TypeScript en CSS. Bij het hoveren van de muis over elke zijde van het scherm zou dit soepel moeten in- en uitfaden, maar dat werkt niet. Hieronder staat de HTML.

<div class="container"> <!-- LEFT SIDE --> <div class="split left" id="upComing"> <h1 id="uce">THE UPCOMING EVENT</h1>

Lees verder →

html - Hoe gebruik ik de error-prop en css voor de Input API van Material UI met context

Ik moet de MUI Input API-eigenschappen en CSS gebruiken voor {error} en het gebruik ervan.

Mijn code ziet er zo uit:

const [value, setValue] = useState<string>(cell.value); const [startAdornment, setStartAdornment] = use

Lees verder →

javascript - Vue-componentenbibliotheek zonder de ondersteunende pakketten te verpakken of scss-bestanden te compileren

Ik ben belast met het uitzoeken hoe ik een componentenbibliotheek kan publiceren waaraan mijn team werkt. Deze componenten zullen worden gebruikt door verschillende interne applicaties binnen het bedrijf. Ik heb de volgende beperkingen:

• De bibliotheek zal worden gebruikt als een npm-pakket vanuit een intern lokaal repository. (dit deel heb ik uitgezocht)
• Componenten moeten worden gecompileerd naar JavaScript met TypeScript-interface (*.d.ts) verwijzingen binnen het pakket.
  Lees verder →