ค้นหาเว็บไซต์
javascript - HTML/CSS/JS เพื่อสร้างแอนิเมชันการย้ายไฟล์ไปยังถังขยะ
ฉันต้องการให้มีฟังก์ชันย้ายไปถังขยะจากโฟลเดอร์ต้นไม้
เมื่อผู้ใช้คลิกปุ่มลบ ฉันต้องการแสดงแอนิเมชันเพื่อย้ายรายการไปยังถังขยะ
ตัวอย่างเค้าโครง
+-------- | - dir1 | - file1 x | - file2 x | - subDir1 | - file3 x +-------- | Trash +--------เนื่องจากองค์ประกอบถูกจัดวางแบบ 'สัมพันธ์' กับไดเรกทอรีที่พวกมันอยู่ ในขณะที่ถังขยะสัมพันธ์กับระดับบนสุด ฉันจึงไม่สามารถหาวิธีทำสิ่งนั้นได้
ตัวอย่างโค้ดที่มีการจัดวางขั้นต่ำสุด
htt
อ่านต่อไป →typescript - Angular universal ไม่สามารถแก้ไข URL แบบสัมพันธ์ในไฟล์ scss ได้
ฉันกำลังย้ายแอป Angular ที่มีอยู่ไปยัง Universal เพื่อทำให้เป็นมิตรกับ SEO มากขึ้น ฉันทำทุกอย่างตามคู่มือเหล่านี้ 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 ของฉัน
ฉันควรทำอย่างไรเพื่อแก้ไข
อ่านต่อไป →angular - การเปลี่ยน CssClass ของ Ionic Alert ผ่านปุ่ม
ฉันกำลังพยายามเปลี่ยน 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'); อ่านต่อไป →javascript - CSS ของ Google map เขียนทับสไตล์ของฉันเอง ฉันจะป้องกันเรื่องนี้ได้อย่างไร?
ฉันกำลังใช้ Angular 7.2.2 กับ Typescript
ฉันกำลังนำเข้า Google Maps จาก "https://maps.googleapis.com/maps/api/js?key=myAPIkey" ผ่านแท็ก <script> ในไฟล์ index.html ของฉัน
ทันทีที่สคริปต์โหลดเสร็จ ฉันสามารถเห็นบางสไตล์ของฉันถูกแทนที่ทั่วทั้งแอปพลิเคชันโดยสไตล์ของ Google Map
ฉันสามารถป้องกันสิ่งนี้และมั่นใจได้อย่างไรว่าสไตล์ของ Google Map จะถูกใช้เฉพาะกับคอมโพเนนต์ที่ฉันจะเรนเดอร์แผนที่เท่านั้น?
ฉันพยายามโหลดสคริปต์แบบไดนามิกจากภายในคอมโพเนนต์ที่แสดง แต
อ่านต่อไป →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 แสดงข้อผิดพลาดดังต่
อ่านต่อไป →การใช้โมดูล 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-load อ่านต่อไป →node.js - เส้นทาง URL แบบสัมพันธ์ในไฟล์ scss
ฉันมีเส้นทาง URL แบบสัมพันธ์บางอย่างในไฟล์ 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 แอนิเมชัน และ angular: ไม่สามารถใช้งานแอนิเมชัน "ease in - ease out" สำหรับหน้าแยกของโปรเจกต์ angular ได้สำเร็จ
ฉันกำลังทำงานกับโค้ดต่อไปนี้และต้องการให้เลื่อนทั้งสองด้านเมื่อเอาเมาส์วางเหนือ กรุณาดูให้หน่อย ฉันกำลังทำงานกับ Angular HTML TypeScript และ CSS ขณะที่วางเมาส์บนแต่ละด้านของหน้าจอ ควรจะมีการ ease out และ ease in แต่ตอนนี้มันไม่ทำงาน ดังต่อไปนี้คือ HTML
<div class="container"> <!-- LEFT SIDE --> <div class="split left" id="upComing"> <h1 id="uce">THE UPCOMING EVENT</h1> <table id="tableTimer"> <tr id="t อ่านต่อไป →html - ฉันจะใช้ prop error และ css สำหรับ Input API ของ Material UI กับ context อย่างไร
ฉันจำเป็นต้องใช้ props และ CSS ของ MUI Input API สำหรับ {error} และการใช้งานของมัน
โค้ดของฉันมีลักษณะดังนี้:
const [value, setValue] = useState<string>(cell.value); const [startAdornment, setStartAdornment] = useState< อ่านต่อไป →javascript - ไลบรารีคอมโพเนนต์ Vue โดยไม่ต้องบรรจุแพ็กเกจสนับสนุนหรือคอมไพล์ไฟล์ scss
ฉันได้รับมอบหมายให้หาวิธีเผยแพร่ห้องสมุดคอมโพเนนต์ที่ทีมของฉันกำลังพัฒนา คอมโพเนนต์เหล่านี้จะถูกใช้งานโดยแอปพลิเคชันภายในต่าง ๆ ของบริษัท ฉันมีข้อจำกัดดังต่อไปนี้:
- ไลบรารีจะถูกใช้งานเป็นแพ็กเกจ npm จากที่เก็บภายในท้องถิ่น (ส่วนนี้ฉันได้หาทางออกแล้ว)
- คอมโพเนนต์ควรถูกคอมไพล์เป็น JavaScript พร้อมกับการอ้างอิง interface ของ TypeScript (*.d.ts) ภายในแพ็กเกจ
- ไม่ควรบรรจุแพ็กเกจจากบุคคลที่สาม (รวมถึง Vue) เข้าไปด้วย แต่ควรที่จะเพิ่มแพ็กเกจ npm ที่ต้องพึ่งพาในโปรเจกต์เมื่อมี อ่านต่อไป →