javascript - HTML/CSS/JS ליישום אנימציה של העברת קובץ לפח
אני רוצה לספק פעולה של העברה לפח מהעץ של התיקיות.
כאשר משתמש לוחץ על כפתור המחיקה, אני רוצה להראות אנימציה שמעבירה את הפריט לפח.
פריסת דוגמה.
+-------- | - dir1 | - file1 x | - file2 x | - subDir1 | - file3 x +-------- | Trash +--------מכיוון שהאלמנטים ממוקמים 'ביחס ל-' התיקייה שבה הם נמצאים, בעוד שהאשפה היא ביחס לרמה העליונה, לא הצלחתי לגלות איך לעשות זאת.
דוגמת קוד עם פריסה מינימלית ביותר.
https://codepen.io/an
קרא עוד →טייפסקריפט - Angular Universal אינו מצליח לפתור URL יחסי בקבצי SCSS
אני מעביר את אפליקציית ה-Angular הקיימת שלי ל-Universal כדי להפוך אותה לידידותית יותר למנועי חיפוש. עקבתי אחרי כל המדריכים האלה: angular-cli, האתר הרשמי של Angular. היא מתקומפלת ומריצה שרת Express, אבל היא זורקת שגיאה 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', שקשורה לקישור URL של הרקע בקובץ ה-SCSS שלי.
מה עלי לעשות כדי לפתור קישורים לנכס
קרא עוד →אנגולר - שינוי CssClass של התראת Ionic דרך כפתור
אני מנסה לשנות את CssClass של הודעה כאשר לוחצים על כפתור של ההודעה.
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'); return f קרא עוד →javascript - קובץ ה-CSS של גוגל מפות מתעלם מהסגנונות שלי, איך אני יכול למנוע את זה?
אני משתמש ב-Angular 7.2.2 עם TypeScript.
אני מייבא את Google Maps מ-"https://maps.googleapis.com/maps/api/js?key=myAPIkey" דרך תג <script> ב-index.html שלי
ברגע שהסקריפט יטען, אני יכול לראות שחלק מהסגנונות שלי מוחלפים בכל היישום על ידי סגנונות של גוגל מפס.
איך אני יכול למנוע זאת ולהבטיח שסגנונות מפות Google יוחלו רק על הרכיב שבו אני מציג את המפה?
ניסיתי לטעון את הסקריפט בצורה דינמית מתוך הרכיב שמציג, אבל ברור שהאיגוד של הסגנון עובד רק עבור סגנונות המ
קרא עוד →javascript - טיפוסי CSS-in-JS של Material UI
אני מכין פרויקט שמשתמש ב-React, React Admin, Babel, TypeScript ו-Webpack. עורך הקוד שאני משתמש בו הוא VSCode.
אני מנסה להשתמש בפתרון העיצוב החדש של Material UI ואז במיוחד ב-API של Styled Components.
הגדרתי את TSLint שלי כך שנדרש להוסיף typedef להצהרת משתנה.
כאשר אני כותב את הקוד הבא:
const StyledButton = styled(Button)({ backgroundColor: 'yellow', height: 10, width: 80, });TSLint מוציא את השגיאה הבאה: expected variable-
קרא עוד →שימוש במודולי CSS עם Webpack ו-TypeScript
אני מנסה לשלב מודולים של CSS בפרויקט שלי שמשתמש ב-Typescript ו-Next JS. הנה ההתקנה שלי עד כה:
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-loader', { קרא עוד →node.js - נתיבים יחסיים בקבצי scss
יש לי כמה נתיבים יחסיים בקובץ SCSS שלי, לדוגמה:
&.id-1 { background-image: url("./assets/images/live-sports/icon-soccer.svg"); }ובקשר לאלמנט השני יש לי את הנתיב URL הזה
&.id-1 { -webkit-mask-image: url("./assets/images/live-sports/terminal/icon-soccer.svg"); }באופציות הב
קרא עוד →HTML - CSS אנימציה ואנגולר: לא מצליחים ליישם בהצלחה אנימציית 'ease in - ease out' לדף מפוצל עבור פרויקט אנגולר
אני עובד על הקוד הבא ורוצה להחליק את שני הצדדים כאשר מרחפים מעליהם. בבקשה תסתכל על זה. אני עובד עם Angular, HTML, TypeScript ו-CSS. כאשר מרחפים עם העכבר על כל צד של המסך, זה אמור להחליק פנימה והחוצה, אבל זה לא עובד. להלן ה-HTML
<div class="container"> <!-- LEFT SIDE --> <div class="split left" id="upComing"> <h1 id="uce">THE UPCOMING EVENT</h1> <table id="tableTimer"> <tr id="timerValue"> קרא עוד →html - איך אני משתמש בתכונת error וב-CSS עבור Input API של Material UI בהקשר
אני צריך להשתמש בפרופס ו-CSS של MUI Input עבור {error} והשימוש בו.
הקוד שלי נראה ככה:
const [value, setValue] = useState<string>(cell.value); const [startAdornment, setStartAdornment] = useState<adornmentTypes>("") קרא עוד →javascript - ספריית קומפוננטות של Vue ללא חבילת חבילות התמיכה או קומפילציה של קבצי scss
אני מופקד על מציאת דרך לפרסם ספריית רכיבים שהצוות שלי עובד עליה. רכיבים אלה ישמשו על ידי יישומים פנימיים שונים בתוך החברה. יש לי את המגבלות הבאות:
- הספרייה תיוצל כחבילת npm ממאגר מקומי פנימי. (את החלק הזה אני כבר פתרתי)
- הרכיבים צריכים להיות מקומפלים ל-JavaScript עם הפניות לממשק TypeScript (*.d.ts) בתוך החבילה.
- אין לארוז חבילות צד שלישי (כולל Vue). במקום זאת, רצוי שהחבילות התלויות של npm יוספו לפרויקט כאשר הקומפוננט נוסף ולאחר npm i.
- חבילת ה-CSS ה קרא עוד →