語言學習|OMIA學東西線上課程平台

<!DOCTYPE html> <html lang="zh-hant" dir="ltr"> <head> <meta charset="utf-8" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script>window.drupal10 = window.drupal10 || {}; window.drupal10.settings = window.drupal10.settings || {}; window.drupal10.settings.user_js_uid = 0;</script> <link rel="icon" href="/sites/default/files/favicon.ico" type="image/vnd.microsoft.icon" /> <title>語言學習|OMIA學東西線上課程平台 | OMIA</title> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/ajax-progress.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/autocomplete-loading.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/fieldgroup.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/details.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/item-list.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/nowrap.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/position-container.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/progress.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/reset-appearance.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/resize.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/sticky-header.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-counter.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-counters.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-general-info.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tabledrag.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tablesort.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tree-child.module.css?snnkr4" /> <link rel="stylesheet" media="all" href="https://use.fontawesome.com/releases/v6.4.0/css/all.css" /> <link rel="stylesheet" media="all" href="https://use.fontawesome.com/releases/v6.4.0/css/v4-shims.css" /> <link rel="stylesheet" media="all" href="/modules/omia/css/common/vue_cloak.css?snnkr4" /> <link rel="stylesheet" media="all" href="/modules/omia/css/project/project_list_page.css?snnkr4" /> <link rel="stylesheet" media="all" href="/themes/custom/omia_theme/css/all.css?snnkr4" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"projectList\/C3","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"zh-hant"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-KQ63VZN"]},"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxPageState":{"libraries":"fontawesome\/fontawesome.webfonts,fontawesome\/fontawesome.webfonts.shim,google_tag\/gtag,google_tag\/gtag.ajax,google_tag\/gtm,omia\/omiaProjectList,omia_theme\/global-styling,system\/base","theme":"omia_theme","theme_token":null},"ajaxTrustedUrl":[],"omia":{"isPlusPage":false,"listType":0,"searchText":null,"cardList":[[{"nid":"1760","projectTitle":"\u5982\u4f55\u572830\u5929\u5b78\u597d\u5546\u52d9\u82f1\u6587","projectUrl":"\/project\/1760","projectMinutes":"\u8ab2\u6642 85\u5206\u9418","promotionClass":"","coverImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/project_cover_image\/%25E5%25A6%2582%25E4%25BD%2595%25E5%259C%25A830%25E5%25A4%25A9%25E5%25AD%25B8%25E5%25A5%25BD%25E5%2595%2586%25E5%258B%2599%25E8%258B%25B1%25E6%2596%25871920x1080.jpg","projectImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/%25E6%259B%25BE%25E7%259F%25A5%25E7%25AB%258B-%25E5%25B0%2588%25E6%25A1%2588%25E4%25B8%25BB%25E5%259C%2596_%25E8%2587%25AA%25E6%2585%25A2%25E5%25A1%25BE.jpg?itok=3QOVTCjV","projectWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/%25E6%259B%25BE%25E7%259F%25A5%25E7%25AB%258B-%25E5%25B0%2588%25E6%25A1%2588%25E4%25B8%25BB%25E5%259C%2596_%25E8%2587%25AA%25E6%2585%25A2%25E5%25A1%25BE.jpg?itok=3QOVTCjV","projectImgPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/%25E6%259B%25BE%25E7%259F%25A5%25E7%25AB%258B-%25E5%25B0%2588%25E6%25A1%2588%25E4%25B8%25BB%25E5%259C%2596_%25E8%2587%25AA%25E6%2585%25A2%25E5%25A1%25BE.jpg?itok=ByO_a9gi","projectWebpPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/%25E6%259B%25BE%25E7%259F%25A5%25E7%25AB%258B-%25E5%25B0%2588%25E6%25A1%2588%25E4%25B8%25BB%25E5%259C%2596_%25E8%2587%25AA%25E6%2585%25A2%25E5%25A1%25BE.jpg?itok=ByO_a9gi","projectImgPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/%25E6%259B%25BE%25E7%259F%25A5%25E7%25AB%258B-%25E5%25B0%2588%25E6%25A1%2588%25E4%25B8%25BB%25E5%259C%2596_%25E8%2587%25AA%25E6%2585%25A2%25E5%25A1%25BE.jpg?itok=P02-H2HR","projectWebpPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/%25E6%259B%25BE%25E7%259F%25A5%25E7%25AB%258B-%25E5%25B0%2588%25E6%25A1%2588%25E4%25B8%25BB%25E5%259C%2596_%25E8%2587%25AA%25E6%2585%25A2%25E5%25A1%25BE.jpg?itok=P02-H2HR","projectImgPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/%25E6%259B%25BE%25E7%259F%25A5%25E7%25AB%258B-%25E5%25B0%2588%25E6%25A1%2588%25E4%25B8%25BB%25E5%259C%2596_%25E8%2587%25AA%25E6%2585%25A2%25E5%25A1%25BE.jpg?itok=UFWiDOCj","projectWebpPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/%25E6%259B%25BE%25E7%259F%25A5%25E7%25AB%258B-%25E5%25B0%2588%25E6%25A1%2588%25E4%25B8%25BB%25E5%259C%2596_%25E8%2587%25AA%25E6%2585%25A2%25E5%25A1%25BE.jpg?itok=UFWiDOCj","authorName":"\u66fe\u77e5\u7acb Charlie","authorImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author_img\/%25E6%259B%25BE%25E7%259F%25A5%25E7%25AB%258B%25E9%25A0%25AD%25E8%25B2%25BC_%25E8%2587%25AA%25E6%2585%25A2%25E5%25A1%25BE.jpg?itok=NNUvkNZI","authorWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author_img\/%25E6%259B%25BE%25E7%259F%25A5%25E7%25AB%258B%25E9%25A0%25AD%25E8%25B2%25BC_%25E8%2587%25AA%25E6%2585%25A2%25E5%25A1%25BE.jpg?itok=NNUvkNZI","viewCount":2818,"followCount":16,"originalPrice":0,"finalPrice":"1200","priceMore":false},{"nid":"1709","projectTitle":"\u8d85\u5be6\u7528\u82f1\u8a9e\u6703\u8a71\u5fc5\u5099700\u53e5","projectUrl":"\/project\/1709","projectMinutes":"\u8ab2\u6642 625\u5206\u9418","promotionClass":"","coverImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/project_cover_image\/%25E8%25B6%2585%25E5%25AF%25A6%25E7%2594%25A8%25E8%258B%25B1%25E8%25AA%259E%25E6%259C%2583%25E8%25A9%25B1%25E5%25BF%2585%25E5%2582%2599700%25E5%258F%25A51920x1080.jpg","projectImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/1120x600_36.jpg?itok=qXIumd9g","projectWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/1120x600_36.jpg?itok=qXIumd9g","projectImgPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/1120x600_36.jpg?itok=OBYXid6h","projectWebpPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/1120x600_36.jpg?itok=OBYXid6h","projectImgPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/1120x600_36.jpg?itok=WYITNAwP","projectWebpPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/1120x600_36.jpg?itok=WYITNAwP","projectImgPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/1120x600_36.jpg?itok=adDnCW4x","projectWebpPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/1120x600_36.jpg?itok=adDnCW4x","authorName":"LiveABC\u82f1\u8a9e\u8b1b\u5e2b\u7fa4","authorImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author_img\/%25E8%25B6%2585%25E5%25AF%25A6%25E7%2594%25A8%25E8%258B%25B1%25E8%25AA%259E%25E6%259C%2583%25E8%25A9%25B1%25E5%25BF%2585%25E5%2582%2599700%25E5%258F%25A5_%25E8%2580%2581%25E5%25B8%25AB.jpeg?itok=uYTmzx5U","authorWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author_img\/%25E8%25B6%2585%25E5%25AF%25A6%25E7%2594%25A8%25E8%258B%25B1%25E8%25AA%259E%25E6%259C%2583%25E8%25A9%25B1%25E5%25BF%2585%25E5%2582%2599700%25E5%258F%25A5_%25E8%2580%2581%25E5%25B8%25AB.jpeg?itok=uYTmzx5U","viewCount":8439,"followCount":39,"originalPrice":0,"finalPrice":"1800","priceMore":false},{"nid":"1697","projectTitle":"\u65b0\u591a\u76ca\u807d\u529b \u9ad8\u5206\u89e3\u6790\u653b\u7565","projectUrl":"\/project\/1697","projectMinutes":"\u8ab2\u6642 483\u5206\u9418","promotionClass":"","coverImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/project_cover_image\/%25E6%2596%25B0%25E5%25A4%259A%25E7%259B%258A%25E8%2581%25BD%25E5%258A%259B%2520%25E9%25AB%2598%25E5%2588%2586%25E8%25A7%25A3%25E6%259E%2590%25E6%2594%25BB%25E7%2595%25A51920x1080.jpg","projectImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/1120x600_28.jpg?itok=3Uz_Svw3","projectWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/1120x600_28.jpg?itok=3Uz_Svw3","projectImgPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/1120x600_28.jpg?itok=v4BATcc0","projectWebpPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/1120x600_28.jpg?itok=v4BATcc0","projectImgPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/1120x600_28.jpg?itok=c_7q-yhh","projectWebpPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/1120x600_28.jpg?itok=c_7q-yhh","projectImgPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/1120x600_28.jpg?itok=PQGRUioY","projectWebpPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/1120x600_28.jpg?itok=PQGRUioY","authorName":"\u6c88\u5fd7\u5b89","authorImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author\/%E8%9E%A2%E5%B9%95%E6%93%B7%E5%8F%96%E7%95%AB%E9%9D%A2%202024-08-28%20120753.png?itok=UOb7kpDH","authorWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author\/%E8%9E%A2%E5%B9%95%E6%93%B7%E5%8F%96%E7%95%AB%E9%9D%A2%202024-08-28%20120753.png?itok=UOb7kpDH","viewCount":2175,"followCount":17,"originalPrice":0,"finalPrice":"1680","priceMore":false},{"nid":"1695","projectTitle":"\u591a\u76ca\u9ad8\u5206\u89e3\u6790 \u6587\u6cd5\u5fc5\u52dd\u653b\u7565","projectUrl":"\/project\/1695","projectMinutes":"\u8ab2\u6642 955\u5206\u9418","promotionClass":"","coverImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/project_cover_image\/%25E6%2596%25B0%25E5%25A4%259A%25E7%259B%258A%25E8%2581%25BD%25E5%258A%259B%2520%25E9%25AB%2598%25E5%2588%2586%25E8%25A7%25A3%25E6%259E%2590%25E6%2594%25BB%25E7%2595%25A51920x1080_0.jpg","projectImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/1120x600_27.jpg?itok=Cc4-Ed2F","projectWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/1120x600_27.jpg?itok=Cc4-Ed2F","projectImgPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/1120x600_27.jpg?itok=tcNLxwii","projectWebpPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/1120x600_27.jpg?itok=tcNLxwii","projectImgPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/1120x600_27.jpg?itok=TT3dw3Q0","projectWebpPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/1120x600_27.jpg?itok=TT3dw3Q0","projectImgPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/1120x600_27.jpg?itok=QZx87CFJ","projectWebpPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/1120x600_27.jpg?itok=QZx87CFJ","authorName":"\u6c88\u5fd7\u5b89","authorImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author\/%E8%9E%A2%E5%B9%95%E6%93%B7%E5%8F%96%E7%95%AB%E9%9D%A2%202024-08-28%20120753_0.png?itok=OdeZK3hh","authorWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author\/%E8%9E%A2%E5%B9%95%E6%93%B7%E5%8F%96%E7%95%AB%E9%9D%A2%202024-08-28%20120753_0.png?itok=OdeZK3hh","viewCount":3303,"followCount":13,"originalPrice":0,"finalPrice":"2990","priceMore":false},{"nid":"1693","projectTitle":"\u8001\u5e2b\u5e0c\u671b\u4f60\u5225\u518d\u8aaa\u932f\u7684\u82f1\u8a9e\u6613\u6df7\u6dc6\u5b57","projectUrl":"\/project\/1693","projectMinutes":"\u8ab2\u6642 148\u5206\u9418","promotionClass":"","coverImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/project_cover_image\/3680x900_3.jpg","projectImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/1120x600_26.jpg?itok=wERj3xO4","projectWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/1120x600_26.jpg?itok=wERj3xO4","projectImgPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/1120x600_26.jpg?itok=xRANoYhY","projectWebpPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/1120x600_26.jpg?itok=xRANoYhY","projectImgPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/1120x600_26.jpg?itok=qS8nBeBZ","projectWebpPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/1120x600_26.jpg?itok=qS8nBeBZ","projectImgPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/1120x600_26.jpg?itok=oEWZyDcF","projectWebpPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/1120x600_26.jpg?itok=oEWZyDcF","authorName":"Holly \u0026 Shane","authorImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author\/teacher.jpg?itok=xRLBMLeP","authorWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author\/teacher.jpg?itok=xRLBMLeP","viewCount":4067,"followCount":16,"originalPrice":0,"finalPrice":"550","priceMore":false},{"nid":"1688","projectTitle":"\u4e3b\u7de8\u6559\u4f60\u8aaa\u65e5\u8a9e \u65e5\u8a9e\u57fa\u790e\u6587\u6cd5","projectUrl":"\/project\/1688","projectMinutes":"\u8ab2\u6642 104\u5206\u9418","promotionClass":"","coverImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/project_cover_image\/3680x1000_4.jpg","projectImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/1120x600_24.jpg?itok=m_5t-FoC","projectWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/1120x600_24.jpg?itok=m_5t-FoC","projectImgPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/1120x600_24.jpg?itok=JgseMMS-","projectWebpPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/1120x600_24.jpg?itok=JgseMMS-","projectImgPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/1120x600_24.jpg?itok=Vq8Qn5Ca","projectWebpPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/1120x600_24.jpg?itok=Vq8Qn5Ca","projectImgPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/1120x600_24.jpg?itok=3ThebVSu","projectWebpPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/1120x600_24.jpg?itok=3ThebVSu","authorName":"YURIKA","authorImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author_img\/YURIKA.jpg?itok=IuenxLdg","authorWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author_img\/YURIKA.jpg?itok=IuenxLdg","viewCount":8987,"followCount":44,"originalPrice":0,"finalPrice":"500","priceMore":false},{"nid":"1594","projectTitle":"\u82f1\u6587\u6b63\u97f3\u5973\u738b\u6559\u5ba4","projectUrl":"\/project\/1594","projectMinutes":"\u8ab2\u6642 660\u5206\u9418","promotionClass":"","coverImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/project_cover_image\/%25E6%25AD%25A3%25E9%259F%25B3%25E5%25A5%25B3%25E7%258E%258B%25E6%2595%2599%25E5%25AE%25A4_1920x1080.jpg","projectImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/omia_1600x1000.jpg?itok=TFe5qfKM","projectWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card\/public\/project_card_image\/omia_1600x1000.jpg?itok=TFe5qfKM","projectImgPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/omia_1600x1000.jpg?itok=XvUKsJYR","projectWebpPath_1199":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_1199\/public\/project_card_image\/omia_1600x1000.jpg?itok=XvUKsJYR","projectImgPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/omia_1600x1000.jpg?itok=cj2Q-FAg","projectWebpPath_991":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_991\/public\/project_card_image\/omia_1600x1000.jpg?itok=cj2Q-FAg","projectImgPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/omia_1600x1000.jpg?itok=7sxjVB1i","projectWebpPath_575":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/new_project_card_575\/public\/project_card_image\/omia_1600x1000.jpg?itok=7sxjVB1i","authorName":"\u6d2a\u6b23 Olivia \u8001\u5e2b","authorImgPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author_img\/%25E8%2580%2581%25E5%25B8%25AB%25E4%25BB%258B%25E7%25B4%25B9%25E5%259C%2596%2528%25E6%259C%2589%25E8%2583%258C%25E6%2599%25AF%2529_0.jpg?itok=DYvy47_Z","authorWebpPath":"https:\/\/www.omia.com.tw\/sites\/default\/files\/styles\/round_head\/public\/author_img\/%25E8%2580%2581%25E5%25B8%25AB%25E4%25BB%258B%25E7%25B4%25B9%25E5%259C%2596%2528%25E6%259C%2589%25E8%2583%258C%25E6%2599%25AF%2529_0.jpg?itok=DYvy47_Z","viewCount":24145,"followCount":85,"originalPrice":0,"finalPrice":"4990","priceMore":true}]],"emptyCardList":null,"currentPage":1,"pageLimit":15,"pageCount":[1],"categoryId":"3","filterIds":["194","730","1493","108629","78530","113030",""],"isTranslucentHeaderPage":false,"isSHE":false},"GA4_key":"G-G3NTX7ZFC8","GA4_IS_DEBUG":false,"user":{"uid":0,"permissionsHash":"3be470ef3bfd30e1a7f979de03234c7257d6e953f5254014dfff4fa735782688"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=1732802776"></script> <script src="/core/assets/vendor/once/once.min.js?v=1732802776"></script> <script src="/sites/default/files/languages/zh-hant_mrYhz6U9M44XBGLw0zaBisdKzlhHIi4JsLhjs1NLglk.js?v=1732802776"></script> <script src="/core/misc/drupalSettingsLoader.js?v=1732802776"></script> <script src="/core/misc/drupal.js?v=1732802776"></script> <script src="/core/misc/drupal.init.js?v=1732802776"></script> <script src="/modules/omia/js/common/jquery.cookie.js?v=1732802776"></script> <script src="/themes/custom/omia_theme/js/main.js?v=1732802776"></script> <script src="/themes/custom/omia_theme/js/save_cookies.js?v=1732802776"></script> <script src="/themes/custom/omia_theme/js/GA4_script.js?v=1732802776"></script> </head> <body class="omia-projectList"> <a href="#main-content" class="visually-hidden focusable"> 移至主內容 </a> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KQ63VZN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container"> <header role="banner"> <div> <div id="block-omia-theme-header"> <div class="header"> <div class="header_logo"> <a href="/" alt="首頁"></a> </div> <div class="headerMainPageBtnDom isActive" type="category"> <a href="/" class="headerMainPageBtn"> 買課程 <div class="headerMainPageBtnArrow"></div> </a> <div class="headerMainPageList" id="headerCategoryList"> <div class="headerMainPageListItem"> <a href="/projectList">所有專案</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C1">個人成長</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C5">健康養生</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C7">手作DIY</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C11">攝影藝術</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C4">教育學習</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C8">生活嗜好</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C2">程式軟體</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C10">繪畫插畫</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C12">職場技能</a> </div> <div class="headerMainPageListItem"> <a href="/projectList/C3">語言學習</a> </div> </div> </div> <div class="headerMainPageBtnDom" type="tag"> <a href="/plus" class="headerMainPageBtn"> PLUS <div class="headerMainPageBtnArrow"></div> </a> </div> <div class="headerSearchDom"> <input type="text" placeholder="你今天想學什麼？" class="projectSearchInput pcSearchInput"> <div class="header_search_drop hidden"> <div class="header_hot_keyword">熱門關鍵字</div> <ul> <li><a href="/searchProject/奶油畫">奶油畫</a></li> <li><a href="/searchProject/書法">書法</a></li> <li><a href="/searchProject/室內設計">室內設計</a></li> </ul> <div class="header_seacher_all"><a href="/projectList">所有專案</a></div> </div> </div> <div class="headerMobileSearchBtn"></div> <div class="header_btn_login header-button"> <a href="/user/login?destination=/projectList/C3" alt="登入">登入</a> </div> <div class="headerPlusSubscribeBtn"> <a href="/plus/intro">訂閱</a> </div> <div class="headerMobileMenuBtn burger-container"></div> <div class="headerMobileMenuDom"> <div class="headerMobileSearchDom"> <input type="text" placeholder="你今天想學什麼" class="projectSearchInput"> </div> <div class="headerMobileCategoryList"> <div class="headerMobileCategoryListItem firstItem">熱門關鍵字</div> <div class="headerMobileCategoryListItem"> <a href="/searchProject/奶油畫">奶油畫</a> </div> <div class="headerMobileCategoryListItem"> <a href="/searchProject/書法">書法</a> </div> <div class="headerMobileCategoryListItem"> <a href="/searchProject/室內設計">室內設計</a> </div> <div class="headerMobileCategoryListItem lastItem"> <a href="/projectList">所有專案</a> </div> </div> </div> </div> <nav id="mobileLeftMenu"> <div class="mobileLeftMenu_MainPageBtn"> <a href="/" class="mobileLeftMenuMainPageBtn isActive">買課程</a> <a href="/plus" class="mobileLeftMenuMainPageBtn">PLUS</a> </div> <ul> <li class="mobileLeftMenu_MainItem" mobileLeftMenu_Group="0"> <a href="javascript:void(0)">課程專案</a> </li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList">所有專案</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C1">個人成長</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C5">健康養生</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C7">手作DIY</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C11">攝影藝術</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C4">教育學習</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C8">生活嗜好</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C2">程式軟體</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C10">繪畫插畫</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C12">職場技能</a></li> <li class="mobileLeftMenu_SubItem_0 hidden"><a href="/projectList/C3">語言學習</a></li> <li><a href="/plus/intro">訂購PLUS</a></li> </ul> </nav> <script> document.addEventListener("DOMContentLoaded", function () { setupBlockToggle( ".user-button.header-button", "#user-block" ); setupBlockToggle( ".Master-button.header-button", "#Master-block" ); function setupBlockToggle(buttonSelector, blockSelector) { let timeout; const block = document.querySelector(blockSelector); const button = document.querySelector(buttonSelector); if(block != null) { block.addEventListener("mouseover", () => cancelHide(block)); block.addEventListener("mouseleave", () => hideBlock(block)); } if(button != null) { button.addEventListener("mouseover", () => showBlock(block)); button.addEventListener("mouseleave", () => hideBlock(block)); // 手機板點擊事件 button.addEventListener("click", () => toggleBlock(block)); } function showBlock(block) { clearTimeout(timeout); block.classList.remove("hide"); block.classList.add("show"); } function hideBlock(block) { timeout = setTimeout(() => { block.classList.remove("show"); block.classList.add("hide"); }, 500); // 延遲 500 毫秒 } function cancelHide(block) { clearTimeout(timeout); } function toggleBlock(block) { if (block.classList.contains("show")) { block.classList.remove("show"); block.classList.add("hide"); } else { showBlock(block); } } // 手機板點擊外部區域關閉 block document.addEventListener("click", (event) => { if (block != null && !block.contains(event.target) && !button.contains(event.target)) { block.classList.remove("show"); block.classList.add("hide"); } }); } }); (function ($, Drupal,once) { Drupal.behaviors.omiaHeaderBlock = { attach: function (context, settings) { once('omiaHeaderBlock', 'html').forEach(function (element) { let isTranslucentHeaderPage = settings.omia.isTranslucentHeaderPage; //捲動時的Header底色 if (isTranslucentHeaderPage) { $("#block-omia-theme-header").addClass('index_header'); setHeaderStyle(); $(window).scroll(function () { setHeaderStyle(); }); } }) } }; })(jQuery, Drupal,once); function setHeaderStyle() { //重新載入時的底色 var scrollVal = $(this).scrollTop(); $(".qScrollTop").text(scrollVal); if (scrollVal > 45) { $("#block-omia-theme-header").stop(true, false).addClass("header_bk"); } else { $("#block-omia-theme-header").stop(true, false).removeClass("header_bk"); } } </script> <style> .user-block, .Master-block { display: none; transition: visibility 0s, opacity 0.5s linear; } .user-block.show, .Master-block.show { display: block; visibility: visible; opacity: 1; } .user-block.hide, .Master-block.hide { visibility: hidden; opacity: 0; transition: visibility 0s 0.5s, opacity 0.5s linear; } </style> </div> </div> </header> <div> <div data-drupal-messages-fallback class="hidden"></div> </div> <main role="main"> <a id="main-content" tabindex="-1"></a> <div class="layout-content"> <div> <div id="block-omia-theme-content"> <div class="projectList" id="project_list"> <div class="projectListSearchDom" v-if="isSearchPage"> <input type="text" placeholder="" class="projectSearchInput" :value="defaultSearchText"> </div> <div class="projectList_title" v-if="!isSearchPage">語言學習<span> language</span> </div> <div class="projectListDom" v-if="emptyCardList == null"> <div class="projectList_type" v-if="isShowListType"> <ul> <li class="projectList_type_sale" :class="{selected: listType == 2}" @click="changeListType(2)" v-show="isShowSale">限時<div></div>特賣</li> <li class="projectList_type_hot" :class="{selected: listType == 1}" @click="changeListType(1)">熱門</li> <li class="projectList_type_new" :class="{selected: listType == 0}" @click="changeListType(0)">最新</li> </ul> </div> <div class="projectList_cardList" v-if="pageCount[listType] > 0"> <project-card-component v-for="(cardData, cardKey) in cardList[listType]" :card="cardData"></project-card-component> </div> <paginate v-if="pageCount[listType] > 1" v-model="currentPage[listType]" :page-count="pageCount[listType]" :page-range="3" :container-class="'list_pager'" :active-class="'selected'" :disabled-class="'disabled'" :page-class="'pager_item'" :prev-class="'pager_prev'" :next-class="'pager_next'" :first-class="'pager_first'" :last-class="'pager_last'" :hide-prev-next="true" :first-last-button="true" :first-button-text="''" :last-button-text="''" :prev-text="''" :next-text="''" :click-handler="changePage"> </paginate> </div> <div class="projectListDom_empty" v-if="emptyCardList != null"> <div class="emptySearchDom"> <div class="emptySearchDom_subTitle">找不到你搜尋的專案</div> <div class="emptySearchDom_title">看看我們的超人氣熱門課程</div> </div> <div class="emptySearchProjectList"> <div class="projectList_cardList"> <project-card-component v-for="(cardData, cardKey) in emptyCardList" :card="cardData"></project-card-component> </div> </div> </div> </div> <script type="text/x-template" id="project-card-component"> <div class="projectCard"> <div class="projectCard_cover"> <a :href="card.projectUrl"> <picture> <img :src="card.projectImgPath" class="projectCard_projectImg" width="340" height="200"> </picture> </a> </div> <div class="projectCard_content"> <div class="projectCard_content_top"> <a :href="card.projectUrl"> <picture> <img :src="card.authorImgPath" class="projectCard_authorImg"> </picture> <div class="projectCard_authorName">[[card.authorName]]</div> </a> </div> <div class="projectCard_content_center"> <div class="projectCard_projectTitle"><a :href="card.projectUrl">[[card.projectTitle]]</a></div> <div :class="card.promotionClass"></div> <div class="projectCard_projectTime">[[card.projectMinutes]]</div> </div> <div class="projectCard_content_bottom"> <div class="projectCard_Count_block"> <div class="projectCard_viewCount">[[card.viewCount]]</div> <div class="projectCard_followCount">[[card.followCount]]</div> </div> <div class="projectCard_originalPrice" v-if="card.originalPrice > 0">NT$ [[card.originalPrice]]</div> <div class="projectCard_finalPrice_block"> <div class="projectCard_finalPrice">NT$ [[card.finalPrice]]</div> <div class="projectCard_priceMore" v-if="card.priceMore == 1">起</div> </div> </div> </div> </div> </script> </div> </div> </div> </main> <footer role="contentinfo"> <div> <div id="block-omia-theme-footer"> <div class="footer"> <div class="footer_menu_block"> <div class="footer_menu_title close">關於</div> <ul class="footer_menu"> <li><a href="/about_us">關於OMIA</a></li> <li><a href="/company">企業團購</a></li> <li><a href="https://support.omia.com.tw/support/yu-omia-he-zuo" target="_blank">行銷合作</a></li> <li><a href="/service">服務條款</a></li> <li><a href="/privacy">隱私權政策</a></li> </ul> </div> <div class="footer_menu_block"> <div class="footer_menu_title close">探索</div> <ul class="footer_menu"> <li><a href="/promote-articles">好評推薦</a></li> <li><a href="/projectList/0">最新課程</a></li> <li><a href="/projectList/1">近期熱門</a></li> <li><a href="/projectList/2">正在促銷</a></li> <li><a href="/events">最新活動</a></li> <li><a href="/live-list">免費直播課程</a></li> <li><a href="/creations">學習作品展示</a></li> </ul> </div> <div class="footer_menu_block"> <div class="footer_menu_title close">幫助</div> <ul class="footer_menu"> <li><a href="/experience/subscribe">課程序號兌換</a></li> <li><a href="https://support.omia.com.tw/support" target="_blank">常見問題</a></li> <li><a href="https://lin.ee/skou7Td">加入LINE好友</a></li> <li><a href="/contact_us">聯絡我們</a></li> <li><a href="/fraud_prevention">反詐騙宣導</a></li> </ul> </div> <div class="footer_menu_block footer_menu_share"> <div class="footer_menu_title close">追蹤</div> <ul class="footer_menu"> <li class="footer_menu_item_facebook"><a href="https://www.facebook.com/omia.com.tw"></a></li> <li class="footer_menu_item_youtube"><a href="https://www.youtube.com/@omia.official"></a></li> </ul> </div> <div class="footer_copyright">© 2024 Spring House Entertainment Tech. Inc. All Rights Reserved.</div> </div> </div> <div id="block-omia-theme-ga4zhuizongmaqukuai"> <script> var ga4_key = drupalSettings.GA4_key; var ga4_is_debug = drupalSettings.GA4_IS_DEBUG; // GA4，追蹤事件 function GA4_add_to_wishlist(orderPrice, data) { if(typeof(orderPrice) === "undefined" || parseInt(orderPrice, 10) === 0) return; if(typeof(data) == "undefined") return; if(data.length > 0) { gtag("event", "add_to_wishlist", { 'send_to': ga4_key, 'currency': "TWD", 'value': parseInt(orderPrice, 10), 'items': data }); } } // GA4，註冊事件 function GA4_sign_up(method) { if(typeof(method) == "undefined") return; if(method.length > 0) { gtag("event", "sign_up", { 'send_to': ga4_key, 'method': method }); } } // GA4，登入事件 function GA4_login(method) { if(typeof(method) == "undefined") return; if(method.length > 0) { gtag("event", "login", { 'send_to': ga4_key, 'method': method }); } } // GA4，瀏覽列表事件 function GA4_view_item(data) { if(typeof(data) == "undefined") return; if(data.length > 0) { let gaData = { 'send_to': ga4_key, 'items': data, }; if(ga4_is_debug) gaData.debug_mode = true; gtag("event", "view_item", gaData); } } // GA4，瀏覽列表事件 function GA4_view_item_list(data) { if(typeof(data) == "undefined") return; if(data.length > 0) { let gaData = { 'send_to': ga4_key, 'items': data, }; if(ga4_is_debug) gaData.debug_mode = true; gtag("event", "view_item_list", gaData); } } // GA4，加入購物車事件 function GA4_add_to_cart(orderPrice, data) { if(typeof(orderPrice) === "undefined" || parseInt(orderPrice, 10) === 0) return; if(typeof(data) == "undefined") return; if(data.length > 0) { let gaData = { 'send_to': ga4_key, 'currency': "TWD", 'value': parseInt(orderPrice, 10), 'items': data }; if(ga4_is_debug) gaData.debug_mode = true; gtag("event", "add_to_cart", gaData); } } // GA4，送出訂單事件 function GA4_begin_checkout(orderPrice, data) { if(typeof(orderPrice) === "undefined" || parseInt(orderPrice, 10) === 0) return; if(typeof(data) == "undefined") return; if(data.length > 0) { let gaData = { 'send_to': ga4_key, 'currency': "TWD", 'value': parseInt(orderPrice, 10), 'items': data }; if(ga4_is_debug) gaData.debug_mode = true; gtag("event", "begin_checkout", gaData); } } // GA4，購買事件 function GA4_purchase(orderTitle, orderPrice, data) { if(typeof(orderTitle) === "undefined") return; if(typeof(orderPrice) === "undefined" || parseInt(orderPrice, 10) === 0) return; if(typeof(data) == "undefined") return; if(data.length > 0) { let gaData = { 'send_to': ga4_key, 'currency': "TWD", 'transaction_id' : orderTitle, 'value' : parseInt(orderPrice, 10), 'items': data }; if(ga4_is_debug) gaData.debug_mode = true; gtag("event", "purchase", gaData); } } // GA4，搜尋事件 function GA4_search(searchText) { gtag("event", "search", { 'send_to': ga4_key }); gtag("event", "search", { 'send_to': ga4_key, 'search_term' : searchText, }); } </script> </div> <div id="block-omia-theme-gdpr"> <div><div class="footer-cookie-block"><div class="cookie-wrap"><div class="cookie-txt">我們紀錄cookie資訊以優化您的使用體驗。若您繼續瀏覽即表示同意我們使用cookies。更多資訊請閱覽我們的<a href="/privacy#privacy-content" target="_blank">隱私權保護政策</a>。</div><p><button class="btn btn-cookie-agree" type="button">我了解，請關閉提示</button></p></div></div></div> </div> <div id="block-omia-theme-tips"> <div class="plus_pop_bk" id="tips_block" style="display: none;"> <div class="plus_go_subscribe_pop_block" id="tips_block_box"> <div class="plus_pop_header_bar"> <div class="plus_pop_header_bar_text" id="tips_block_title"></div> <div class="plus_pop_close_28x28" id="tips_block_btn_close"></div> </div> <div class="plus_go_subscribe_pop_main"> <div class="plus_go_subscribe_pop_text" id="tips_block_contents"></div> <div class="plus_go_subscribe_pop_btn_list"> <div class="plus_go_subscribe_pop_btn_blue" id="tips_block_btn_left"></div> <div class="plus_go_subscribe_pop_btn_blue_line" id="tips_block_btn_middle"></div> <div class="plus_go_subscribe_pop_btn_red" id="tips_block_btn_right"></div> </div> <div class="plus_go_subscribe_pop_info" id="tips_block_bottom_contents"></div> </div> </div> </div> <script> if($ == undefined) $ = jQuery; let tipsBlock = null; let tipsBlockBtnClose = null; let btnClassBlue = 'plus_go_subscribe_pop_btn_blue'; let btnClassWhite = 'plus_go_subscribe_pop_btn_blue_line'; let btnClassRed = 'plus_go_subscribe_pop_btn_red'; let btnClassCart = 'plus_go_subscribe_pop_btn_cart'; $(document).ready(function() { initTipsBlock(); //如果有 cookie 'showBaseTips_msg',則顯示基本提示並且去除 cookie if($.cookie('showBaseTips_msg') != undefined) { showBaseTips($.cookie('showBaseTips_msg')); $.removeCookie('showBaseTips_msg', { path: '/' }); } }); /** * * @param btnClass * btnClassBlue 藍底白字 * btnClassWhite 白底藍字 * btnClassRed 紅底白字 * @param btnText * @param btnEvent */ function getTipsBtnSetting(btnClass, btnText, btnEvent) { return { 'class' : btnClass, 'text' : btnText, 'event' : typeof(btnEvent) == "function" ? btnEvent : null, }; } /** * * @param title * @param contents * @param bottomContents * @param isCanClose * @param tipsSetting 各項設定 * { * 'right' : btnSetting, * 'middle' : btnSetting, * 'left' : btnSetting, * 'contentMargin' : Boolean (有設定並為false時，內容無margin) * } */ function setTipsBlock(title, contents, bottomContents, isCanClose, tipsSetting) { if(tipsBlock.length === 0) return; tipsBlock.removeClass('can_close'); tipsBlockBtnClose.hide(); if(isCanClose === true) { tipsBlock.addClass('can_close'); tipsBlockBtnClose.show(); } let domTitle = $('#tips_block_title'); let domContents = $('#tips_block_contents'); let domBottomContents = $('#tips_block_bottom_contents'); // 設定內容需不需要margin domContents.removeClass('no_margin').removeClass('set_margin'); if(typeof(tipsSetting) != "undefined" && typeof(tipsSetting.contentMargin) == "boolean" && !tipsSetting.contentMargin) { domContents.addClass('no_margin'); } else { domContents.addClass('set_margin'); } domTitle.html(title); domContents.html(contents); domBottomContents.html(bottomContents); let domBtnLeft = $('#tips_block_btn_left'); let domBtnMiddle = $('#tips_block_btn_middle'); let domBtnRight = $('#tips_block_btn_right'); domBtnLeft.hide(); domBtnMiddle.hide(); domBtnRight.hide(); domBtnLeft.off('click'); domBtnMiddle.off('click'); domBtnRight.off('click'); // 未設定按鈕，套用預設功能 if(typeof(tipsSetting) == "undefined" || (typeof(tipsSetting.right) == "undefined" && typeof(tipsSetting.middle) == "undefined" && typeof(tipsSetting.left) == "undefined")) { if(isCanClose) { domBtnRight.attr('class', btnClassBlue); domBtnRight.show(); domBtnRight.html('確定'); domBtnRight.on('click', function() { setTipsBlockShown(false); }); } return; } if(domBtnRight.length > 0 && typeof(tipsSetting.right) != "undefined") { domBtnRight.show(); domBtnRight.html(tipsSetting.right.text); domBtnRight.attr('class', btnClassBlue); if(tipsSetting.right.class.length > 0) domBtnRight.attr('class', tipsSetting.right.class); if(tipsSetting.right.event != null) domBtnRight.on('click', tipsSetting.right.event); } if(domBtnMiddle.length > 0 && typeof(tipsSetting.middle) != "undefined") { domBtnMiddle.show(); domBtnMiddle.html(tipsSetting.middle.text); domBtnMiddle.attr('class', btnClassBlue); if(tipsSetting.middle.class.length > 0) domBtnMiddle.attr('class', tipsSetting.middle.class); if(tipsSetting.middle.event != null) domBtnMiddle.on('click', tipsSetting.middle.event); } if(domBtnLeft.length > 0 && typeof(tipsSetting.left) != "undefined") { domBtnLeft.show(); domBtnLeft.html(tipsSetting.left.text); domBtnLeft.attr('class', btnClassBlue); if(tipsSetting.left.class.length > 0) domBtnLeft.attr('class', tipsSetting.left.class); if(tipsSetting.left.event != null) domBtnLeft.on('click', tipsSetting.left.event); } } function initTipsBlock() { tipsBlock = $('#tips_block'); tipsBlockBtnClose = $('#tips_block_btn_close'); if(tipsBlock.length === 0) return; $('#tips_block_box').on('click', function(e) { e.stopPropagation(); }); tipsBlock.on('click', function(e) { if(tipsBlock.hasClass('can_close')) setTipsBlockShown(false); }); tipsBlockBtnClose.on('click', function() { if(tipsBlock.hasClass('can_close')) setTipsBlockShown(false); }); } function setTipsBlockShown(isShow) { if(tipsBlock.length === 0) return; if(isShow) tipsBlock.show(); else tipsBlock.hide(); } // 顯示Tips，Plus未訂閱導月租介紹 function showPlusUnsubscribeTips() { if(tipsBlock.length === 0) return; let tipsSetting = { 'right' : getTipsBtnSetting(btnClassBlue, '訂閱OMIA PLUS', function() { window.location = '/plus/intro'; }), }; let bottomContents = '<a href="/experience/subscribe">使用OMIA PLUS服務序號，請由此兌換</a>'; setTipsBlock('', '您尚未訂閱OMIA PLUS，訂閱OMIA PLUS即可享受學習！', bottomContents, true, tipsSetting); setTipsBlockShown(true); } // 顯示基本Tips，只有訊息與確定按鈕 function showBaseTips(msg) { setTipsBlock('', msg, '', true); setTipsBlockShown(true); } </script> </div> <div id="block-omia-theme-news"> <div class="foot-icons"> <div id="event-bar" class="event-bar"> <div class="event-icon"style="display: none;"></div> <div class="in-event-bar" style="display: none;"> <div class="close-button"></div> <div class="event-logo"><img src="https://www.omia.com.tw/sites/default/files/block/field_img/right_event_header.png"></div> <div class="event-body"> <ul class="event-list"> <li> <a href="https://www.omia.com.tw/promotion2?click_from=omia_new" target="_blank"> <div class="an-event-body"><p><span style="color:#F00078;"><strong>雙11狂歡慶🛒</strong></span></p></div> </a> </li> <li> <a href="https://www.omia.com.tw/project/114862?click_from=omia_new" target="_blank"> <div class="an-event-body"><p><span style="color:#6193C6;"><strong>7折優惠⏰</strong></span><span style="color:#D75D36;"><strong>油畫快易通</strong></span></p></div> </a> </li> <li> <a href="https://www.omia.com.tw/project/117366?click_from=omia_new" target="_blank"> <div class="an-event-body"><p><span style="color:#CE3879;"><strong>堆疊星月✨</strong></span><span style="color:#0F61D6;"><strong>奶油立體畫</strong></span></p></div> </a> </li> </ul> </div> </div> </div> <li class="to-top"></li> </div> <script type="application/javascript"> (function ($) { $('.to-top').hide(); $(window).scroll(function () { var scrollVal = $(this).scrollTop(); if(scrollVal > 0){ $('.to-top').show("fast"); }else{ $('.to-top').hide("fast"); } }); $(".to-top").click(function(){ // $('html,body').animate({ scrollTop: 0 }, 'slow'); window.scrollTo({ top: 0, behavior: 'smooth' }); }); window.onload = function() { var status = 0; if($.cookie('event_open') && $.cookie('event_open')==1){ status = 1; $('.in-event-bar').hide(); $('.event-icon').show(); }else{ status = 0; $('.in-event-bar').show('fast'); $('.event-icon').hide('fast'); } $(".close-button").click(function(){ $('.in-event-bar').hide('fast'); $('.event-icon').show('fast'); //紀錄七天 $.cookie('event_open',1,{ path: "/" ,domain : "."+window.location.host ,expires:5 * 7}); }); $(".event-icon").click(function(){ $('.in-event-bar').show('fast'); $('.event-icon').hide('fast'); //紀錄七天 $.cookie('event_open',0,{ path: "/" ,domain : "."+window.location.host ,expires:5 * 7}); }); }; }(jQuery)); </script> </div> </div> </footer> </div> </div> <script src="/core/assets/vendor/tabbable/index.umd.min.js?v=1732802776"></script> <script src="/modules/contrib/google_tag/js/gtm.js?v=1732802776"></script> <script src="/modules/contrib/google_tag/js/gtag.js?v=1732802776"></script> <script src="/core/misc/progress.js?v=1732802776"></script> <script src="/core/assets/vendor/loadjs/loadjs.min.js?v=1732802776"></script> <script src="/core/misc/debounce.js?v=1732802776"></script> <script src="/core/misc/announce.js?v=1732802776"></script> <script src="/core/misc/message.js?v=1732802776"></script> <script src="/core/misc/ajax.js?v=1732802776"></script> <script src="/modules/contrib/google_tag/js/gtag.ajax.js?v=1732802776"></script> <script src="/modules/omia/js/common/vue.min.js?v=1732802776"></script> <script src="/modules/omia/js/common/vue-resource.min.js?v=1732802776"></script> <script src="/modules/omia/js/common/vuejs-paginate.js?v=1732802776"></script> <script src="/modules/omia/js/project/project_list_page.js?v=1732802776"></script> </body> </html>

CINXE.COM

語言學習|OMIA學東西 線上課程平台 | OMIA

語言學習|OMIA學東西線上課程平台 | OMIA