در این قسمت میخوام یک کد ( minimal blog concept ) جالب رو در اختیارتون بزارم.
همونطور که دیدید تعدادی لینک که هر کدام عنوان مربوط به یک پست هستند، قرار داده شده و با هاور کردن بر روی اونا، تصویر مورد نظر به اونا به زیبایی در پس زمینه نمایش داده میشه.
با کلیک کردن بر روی هر لینک جزئیات مربوط به هر پست نمایش داده میشه.
با کلیک کردن بر روی X پست مورد نظر بسته شده و وارد صفحه اصلی میشیم.
با کلیک بر روی > و < هم میتونین پست های بعدی و قبلی رو ببینید.
این ایده با استفاده از Vue.js ساخته شده است و میتونین از اون استفاده کنید.
بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.
موفق باشید.
یا علی
Source
سون لرن • آموزش...برچسب : نویسنده : استخدام کار 7learn بازدید : 296