Câu hỏi Làm thế nào để sử dụng giao diện người dùng ngữ nghĩa trong giao diện người dùng ngữ nghĩa phản ứng?


Có hướng dẫn chi tiết về theming trên giao diện người dùng ngữ nghĩa truyền thống, nhưng phần tương đương bị thiếu trong trang Phản hồi giao diện người dùng ngữ nghĩa. Điều đó có nghĩa là nó không hỗ trợ theming hoặc bạn có thể sử dụng cách tiếp cận giao diện người dùng ngữ nghĩa truyền thống để theming?

Tôi biết rằng một số người trong thế giới React biện hộ cho việc không sử dụng CSS và thay vào đó làm bạn tạo kiểu lập trình như là một phần của thiết kế thành phần của bạn. Triết lý phản ứng UI ngữ nghĩa về điều đó là gì?


7
2018-04-28 13:01


gốc




Các câu trả lời:


Phần theming là "mất tích" trong các tài liệu ui phản ứng ngữ nghĩa, nhưng đó là mục đích.

Đó là cách tôi đã làm nó:

Cài đặt gói UI ngữ nghĩa đầy đủ. Giao diện người dùng ngữ nghĩa bao gồm xây dựng Gulp   các công cụ để dự án của bạn có thể duy trì các thay đổi chủ đề của riêng nó, cho phép bạn   để tùy chỉnh các biến kiểu.

Tài liệu chi tiết về theming trong giao diện người dùng ngữ nghĩa được cung cấp ở đây.

$ npm install semantic-ui --save-dev

Sau khi xây dựng dự án với Gulp, bạn sẽ cần phải bao gồm   tệp CSS được rút gọn trong tệp index.js của bạn:

import '../semantic/dist/semantic.min.css';

thông qua: https://react.semantic-ui.com/usage#semantic-ui-package

Đã có các khung ui khác nhau với cách tiếp cận "phản ứng" hơn. IMHO những gì ui ngữ nghĩa (phản ứng) hiện là giải pháp thực tế tốt nhất cho đến nay ...


7
2018-04-28 14:16



Đây có phải là cách chính xác để sử dụng chủ đề SUI tùy chỉnh trong Giao diện người dùng ngữ nghĩa không? Tôi đang sử dụng CRA. Sau npm install semantic-ui --save-dev nó yêu cầu một số tùy chọn và khi tôi cố gắng làm import '../semantic/dist/semantic.min.css'; Tôi gặp lỗi khi không thể nhập tệp từ bên ngoài src thư mục. - limitlessriver
@limitlessriver liên kết đến tài liệu vẫn hoạt động. nhưng lệnh để cài đặt (đặc biệt là cờ) đã thay đổi một chút. bây giơ là yarn add semantic-ui --dev. Tài liệu vẫn khá ngọt ngào. Kiểm tra xem chúng ra: semantic-ui.com/usage/theming.html - klemens


Một trong những câu hỏi là "Chúng ta nên đặt giao diện người dùng ngữ nghĩa vào bên trong dự án của bạn ở đâu?" và bạn nên đặt src / semantic để ghi đè lên mặc định.


0
2017-08-22 19:13