說明書示意副本副本 | Programming Project

{"id":449525,"student_id":10,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n    \u003cmeta http-equiv=\\\"content-type\\\" content=\\\"text/html; charset=utf-8\\\" /\u003e\\n    \u003clink rel=\\\"stylesheet\\\" href=\\\"https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.3/dist/css/splide.min.css\\\"\u003e\\n    \u003clink href=\\\"https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css\\\" rel=\\\"stylesheet\\\" integrity=\\\"sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC\\\" crossorigin=\\\"anonymous\\\"\u003e\\n    \u003cscript src=\\\"https://unpkg.com/vue@3/dist/vue.global.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://cdn.jsdelivr.net/npm/@splidejs/vue-splide@0.6.12/dist/js/vue-splide.cjs.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv id=\\\"app\\\"\u003e\\n        \u003ctemplate\u003e\\n            \u003cSplide :options=\\\"{ rewind: true }\\\" aria-label=\\\"My Favorite Images\\\"\u003e\\n                \u003cSplideSlide\u003e\\n                    \u003cimg src=\\\"image1.jpg\\\" alt=\\\"Sample 1\\\"\u003e\\n                \u003c/SplideSlide\u003e\\n                \u003cSplideSlide\u003e\\n                    \u003cimg src=\\\"image2.jpg\\\" alt=\\\"Sample 2\\\"\u003e\\n                \u003c/SplideSlide\u003e\\n            \u003c/Splide\u003e\\n        \u003c/template\u003e\\n    \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"/* .splide__slide \u003e div {\\n    background-color: black;\\n    width: 100%;\\n    height: 100vh;\\n    padding: 1rem;\\n    \\n}\\n */\\n.splide__slide \u003e img {\\n     background-color: black;\\n    width: 100vw;\\n    height: 100vh;\\n    object-fit: contain;\\n    /* background-color: black;\\n    width: 100vw;\\n    height: 100vh;\\n    object-fit: contain; */\\n}\\n\\n.splide__pagination {\\n  counter-reset: pagination-num;\\n}\\n\\n.splide__pagination__page:before {\\n  counter-increment: pagination-num;\\n  content: counter( pagination-num );\\n}\\n\\n.custom-prev, .custom-next {\\n    width: 50px;\\n    height: 50px;\\n    background-color: #ccc;\\n}\\n\\n.custom-page.is-active {\\n    background-color: red;\\n}\\n\\n.custom-page {\\n    width: 25px;\\n    height: 25px;\\n    color: #fff;\\n    /* background-color: blue; */\\n}\\n\\n.hide-button .splide__pagination,\\n.hide-button .custom-prev, \\n.hide-button .custom-next {\\n    opacity: 0;\\n}\",\"js\":\"const { createApp } = Vue\\n\\nconst app = createApp();\\n// app.use( VueSplide );\\napp.mount( '#app' );\"}","created_at":"2022-10-18T15:01:41.057+08:00","updated_at":"2022-10-18T15:05:38.400+08:00","name":"說明書示意 副本 副本","language":"web","screenshot":{"url":"/uploads/project/screenshot/449525/e7513c64ab5c4473e48a15c35cce54b2.jpg"},"parent_id":449438,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":315,"hashid":"d5msy6k6m","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}