我想获取语义UI按钮(亚马逊主题)的CSS文件。我试图按照他们的指示如何建立超出我的技能水平的主题,并让我迷失方向。我会很感激任何帮助获得这些按钮(亚马逊主题)的CSS文件。 1-有没有简单的方法? 2-他们准备好所需的主题吗? http://semantic-ui.com/elements/button.html语义UI CSS框架的主题
0
A
回答
0
2--预编译的非默认(封装)主题组件在Semantic UI's official site和dist folder on their github repo中都不可用。
但是,您可以使用预编译的亚马逊按钮,因为它们可用作Theming Demo site上的资源。 打开这个网站,它看起来像github,只是它在右上角的通知图标旁边有一个油漆桶图标。点击这个油漆桶图标,主题边栏将出现在左侧。您必须为要加载的资源选择所需的主题,但您可以通过浏览器的开发工具源或网络选项卡获取它们。
1--如果你想给一个机会来构建过程,方法如下:
先决条件:安装NodeJs with Npm和Gulp(运行在命令行npm i -g gulp
)。
- Download(并解压)语义UI来源
- 浏览到您提取或下载的语义UI来源,并做了以下的命令行的文件夹:
- 运行
npm install
。- 当记者问,选择自动(安装)
- 并选择Yes(去除安装文件)
- ,然后没有(现在建筑物语义)
- 编辑
./src/theme.config
文件,并改变@button: 'default';
到@button: 'amazon';
- 运行
gulp build
构建完成后,您应该在./dist
文件夹中找到已编译的css文件,并在./dist/components
文件夹中找到您的自定义Amazon button.css
。
相关问题
- 1. UI框架(Javascript,CSS)?
- 2. 在语义UI中使用形状(CSS框架)
- 3. superfish使用jquery ui主题框架?
- 4. 在语义UI中更改主题
- 5. 自定义CSS范围和jQuery UI对话框主题
- 6. jQuery UI CSS框架信息
- 7. CSS框架问题
- 8. css框架问题
- 9. 语义UI CSS右填充
- 10. 语义Web框架
- 11. yii框架中的主题
- 12. 用于UI开发的CSS框架
- 13. 使用来自两个或更多框架的CSS主题
- 14. 自定义JQuery UI主题
- 15. 将Shopify的主题开发框架Slate与CSS框架相结合Materialise
- 16. 具有语义UI框架的可折叠边栏
- 17. jquery serializeArray()不是使用语义UI框架创建的?
- 18. Zend框架TDG VS主义
- 19. 语义ui侧栏问题
- 20. 在导入CSS语义UI反应的
- 21. 语义的UI主题不改变建设
- 22. 语义UI中的动态主题变化
- 23. Android的开发利用策略wepapp框架(CSS主题)
- 24. yii框架中的主题和布局
- 25. 如何在语义UI框架中包含rails
- 26. WordPress主题自定义(CSS)
- 27. TinyMCE的自定义主题jQuery UI的
- 28. Gulp不注入jquery ui主题css
- 29. HTML5的UI框架
- 30. ASP.NET MVC3 CSS框架