เมื่อเร็ว ๆ นี้ฉันกำลังเขียนกรอบการจัดวางแบบง่าย ๆ แต่ฟังก์ชั่นนั้นคล้ายกันจริง ๆ แต่เป้าหมายคือการใช้รหัสที่ง่ายที่สุดเท่าที่จะเป็นไปได้เพื่อใช้ฟังก์ชั่นที่สำคัญบางอย่าง มันถูกใช้ในบางโอกาสที่ต้องการความเร็วในการโหลด
ส่วน CSS
.flex-row, .flex {display: -webkit-flex; display: flex; flex-direction: row;}. flex-col {display: -webkit-flex;ส่วน JavaScript
.directive ('flex', [function () {return {จำกัด : 'a', ขอบเขต: {'flex': '='}, ลิงก์: ฟังก์ชั่น (s, e, a) {e.css ('flexgrow', s.flex);}};}]);การใช้งาน:
<div> <div flex = "1"> หนึ่ง </div> <div flex = "6"> สอง </div> </div>
ด้านบนคือการใช้ AngularJS ของเค้าโครงกล่องยืดหยุ่นที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!