پانچ کالم

پانچ علاقے ایک صف میں ہیں جو اسکرین سے وسیع ہیں، جو سائیڈ میں سکرول کرکے پڑھے جاتے ہیں۔ بائیں جانب نیویگیشن ان میں سے ایک نہیں ہے — یہ صفحے کا ایک علاقہ ہے، اور یہ اپنی جگہ پر رہتا ہے۔

صف سکرول ہوتا ہے، صفحہ نہیں

`zone--split--scroll` صف پر اوورفلو رکھتا ہے: کالم اپنے نام کی چوڑائی برقرار رکھتے ہیں اور تقسیم ان کے نیچے سکرول کرتی ہے۔ ہر ایک اب بھی اپنی اپنی عمودی اوورفلو رکھتا ہے، لہذا ایک طویل کالم جہاں ہے وہاں سکرول ہوتا ہے۔

ہر کالم اپنی چوڑائی کا نام دیتا ہے

یہاں کچھ بھی نہیں لیا جاتا، کیونکہ یہاں کوئی نہیں ہے: صف جان بوجھ کر صفحے سے لمبی ہے۔ ایک علاقہ جو کوئی سائز نامزد نہیں کرتا، اتنا چوڑا ہو جاتا ہے کہ کچھ رکھ سکے، اور یہ اپنے سائز کا نام دیتے ہیں — ہر ایک 24rem، پانچ ہیں۔

ایک علاقے کو فولڈ کرنا

یہاں ہر کالم ایک `zone-collapsible` ہے۔ فولڈ ہونے پر، یہ غائب نہیں ہوتا: یہ صف میں اپنی جگہ اور اپنی بنیاد برقرار رکھتا ہے، اور اس کا بار اپنی طرف مڑ جاتا ہے — لہذا جو بٹن اسے فولڈ کرتا ہے وہی بٹن اسے کھولتا ہے، اور باہر کچھ بھی جاننے کی ضرورت نہیں کہ یہ موجود ہے۔

نامزد، ایک علاقہ یاد رکھا جاتا ہے: حالت اس کے نام کے تحت ui حالت میں لکھی جاتی ہے اور جب صفحہ فراہم کیا جاتا ہے تو واپس پڑھی جاتی ہے، لہذا یہ آپ کی آنکھوں کے سامنے فولڈ ہونے کے بجائے فولڈ ہو کر آتا ہے۔ تیسرا کالم فولڈ کھلتا ہے، اور آخری ایک vue کے ذریعے رینڈر ہوتا ہے — وہی جزو، وہی کلاسیں، وہی کلید۔