ZhihuDaily
1.0.0
وفقا لرد فعل الناس المتحمسين ،
npm install
npm run serve
يتم تكرار هذا المشروع استنادًا إلى محتوى الجانب iOS من Zhihu يوميًا من أبريل إلى مايو 2022. إنه للمرجع التعلم فقط ولا يستخدم للربح.
وهي مقسمة إلى جزأين: الصفحات والمكونات
هذه الصفحة هي الصفحة الرئيسية ، والعنوان هو "/" في مكون التوجيه. يحتوي على headcontent.vue (أعلى) swipe.vue (قائمة الأخبار) newslist.vue (قائمة الأخبار)
headcontent.vue انقر على الصورة الرمزية للقفز إلى Swipe.vue (الشريط الجانبي)
swipe.vue و newslist.vue القفز إلى newsdetail.vue (صفحة تفاصيل الأخبار)
هذه الصفحة عبارة عن شبكة جانبية ، يمكنك إدخال مجموعة المفضلة لدي.
هذه الصفحة مفضلة ، والتي تحتوي على العديد من المحتويات المفضلة. انقر لإدخال NewsDetail.vue (صفحة تفاصيل الأخبار)
يمكن الوصول إليه بطرق مختلفة ، بما في ذلك NewsMenu.Vue (شريط الوظائف) ومشاركته (صفحة المشاركة)
تحتوي NewsMenu.vue على أربع وظائف: الإعجابات ، المجموعات ، التعليقات ، والمشاركة. سوف تقفز التعليقات إلى التعليق .
صفحة التعليق ، بما في ذلك التعليقات الطويلة والتعليقات القصيرة ، انقر فوق القاع للقفز إلى صفحة WriteComment.vue
يمكنك كتابة تعليقات على صفحة WriteComment.vue ، انقر فوق Post and Jump to Comment.vue
عرض التواريخ ، وعرض الآلهة وصفحات القفز ، لا صعوبة
يدرك المخططات الدائرية المكتوبة بخط اليد تلقائيًا (التبديل كل 4s) وتبديل التمرير الأيسر واليسر
ستعرض قائمة الأخبار ، الضرب لأسفل محتوى الأخبار من الأيام القليلة الماضية ، باستخدام مكون التمرير اللانهائي الخاص بـ Element-Ui
انقر فوق الزر المفضل على الصفحة ، وسيظهر محتوى الأخبار المقابل على صفحة المفضلة
يمكنك النقر إلى الإعجاب وجمع ومشاركة التعليقات ، ولا تفقدها بعد التحديث.
بعد النقر ، تظهر صفحة المشاركة ، والخلفية وراءها تتحول إلى اللون الرمادي. انقر فوق الخلفية أو انقر فوق "إلغاء" وتختفي صفحة المشاركة.
عرض التعليقات ، مثل التعليقات والتحديث والخروج دون اختفاء
حدد بعض التطبيقات الأكثر أهمية للشرح
استخدم V-infinite-scroll في Element-UI للانسحاب إلى الأسفل لتحريك أخبار التواريخ السابقة للحصول على أخبار التواريخ السابقة ، استخدم هذا.
...
على أساس المشاريع الحالية ، أضف وظائف الواجهة الخلفية وقم بذلك بعد أن تعلمت node.js
