一.前言 利用Sass预处理实现换肤和字体大小调整. 思路及达到的效果:字体大小的适配使用window.devicePixelRatio的值和需要调整的差量进行控制.页面初始化是的字体适配可以根据devicePixelRatio和css3 media进行适配. 实现方法:1.利用全局变量和bus事件,使用js方式调整字体和颜色(这里暂不讨论); 2.利用scss预处理方式实现 主题更换:使用setAttribute()为html根节点添加属性,根据属性的值再进行不同主题的切换; 字体大小的调整:

主题安装分为全局安装和局部安装(局部安装指的是项目内进行安装) 局部安装: 使用局部安装方便他人使用,他人直接安装主题需要的依赖就可以进行使用 局部安装的步骤 1.npm i element-theme 2.npm i element-theme-chalk -D 3. et -i 当命令行出现了 generator variables file的时候,文件的根目录下就会自动新增一个scss文件,这个scss文件里面就是包含的各种主题色,可以修改你想要变成的颜色, eg:$--color-pri

有趣的事,Python永远不会缺席! 如需转发,请注明出处:小婷儿的python  https://www.cnblogs.com/xxtalhr/p/10747200.html 一.问题 Jupyter notebook安装完扩展包后,工具栏不见了?如下图: 二.解决办法 安装主题包: >>> pip install --upgrade jupyterthemes 查看主题: >>> jt -l 设定主题: >>> jt -t chesterish

1. 直接安装color theme eclipse:Help->Install New Software->Work with:Update Site -http://eclipse-color-theme.github.com/update 2.安装 Eclipse Marketplace help--install new software--add 添加name: Eclipse Marketplace Client  (随意起名) Location:http://download.e

在win8.1电脑上一直很喜欢eclipse luna sr1a(4.4.1)版本的界面好像是软件自动设置的. 这几天更新到eclipse luna sr2(4.4.2)版本后发现界面大变,怎么也找不到以前的界面了. 必应了一下,找到一篇相关的文章http://blog.sina.com.cn/s/blog_6e8ef5d10101f8x1.html 我突发奇想既然eclipse可以装插件,那我就把这个版本的界面插件换一下,然后成功了. 以前的界面: 各个标签切合在一起很顺眼. 打开属性界面,没

需求: 设计三套主题色+部分图标更换: 实现方式汇总: 1.传统做法,生成多套css主题包,切换link引入路径切换href实现,参考网站:http://jui.org/: <link id="skincolor" href="skin-default.css" rel="stylesheet" type="text/css"> document.getElementById('#skincolor').href

项目地址如遇网络不佳,请移步国内镜像加速节点 前端技术: Angular4.x + ionic3.x + cordova 项目运行: git clone git@github.com:EasyTuan/ionic-cordova-demo.git # 国内镜像加速节点:git@gitee.com:easytuan/ionic-cordova-demo.git # 全局安装ionic和cordova npm install -g cordova ionic # 安装项目依赖 npm install

前言 目前市面上关于 Angular Material 的后台框架比较少,大多都是收费主题,而且都不太好用. 很多人都说 Material 是一个面向 C 端的框架,其实在使用其它框架做管理系统的时候,我发现 Material 的组件基本已经够用了,其它不足的地方可以配合一些优秀的第三方库.另外,Material 的确是一个高质量的组件库,不管是设计思路还是使用方式,都近乎完美. 经过一个多月的设计与思考,我开发了这款基于 Angular Material 的中后台管理框架,初期架构设计已经完成

此文章借鉴于https://blog.csdn.net/fuyuumiai/article/details/109746357,在此基础上修改小部分内容,适用于我这种uniapp小白 介绍: 现在我们要满足的项目需求是根据登录用户角色的不同,tabBar的数量和内容显示不同,如下图 用户角色为管理员时: 用户角色为普通用户时: 登录用户的角色不同,因为权限不同所以tabBar的内容和数量也不同,而uniapp中tabBar本身的配置   uni.setTabBarItem(OBJECT)   只

rtvue-lowcode低代码开发平台 rtvue-lowcode一款基于uniapp框架和uview组件库的低代码开发平台,项目提供可视化拖拽编辑器,采用MIT开源协议,适用于app.小程序等项目开发. 对于客户端/浏览器端开发人员,真正意义的上做到了开箱即用! 目前项目正在研发中,已经实现的功能如下:表单组件,自定义表单,抽奖转盘,图表. 相信开发完毕之后,本项目将会是一个非常nice的工具,能够极大减小企业app端开发成本. 项目预览地址 Project Preview Address

在前面随笔的介绍中,我们已经为各种框架,已经准备了Web API.Winform端.Bootstrap-Vue的公司动态网站前端.Vue&Element的管理前端等内容,基本都是基于Web API基础的.完成这些基础准备和布局后,我们继续将技术的触角放到使用Vue语言开发小程序的场景中,本篇随笔介绍使用uView UI+UniApp开发微信小程序,介绍使用准备过程中的一些注意点和经验总结. 1.小程序的开发准备工作 我们在开发小程序之前,需要了解一些基本的知识,以及掌握一些常规的开发工具,相关知

  uni-app默认使用uni-ui全端兼容的.高性能UI框架,在我们开发过程中可以满足大部分的需求了,并且如果是为了兼容性,还是强烈建议使用uni-ui作为UI框架使用.   如果作为初创公司,自身又不想费太多精力去自己设计一套UI框架,那么DCloud插件市场提供了很多优秀的UI框架,最重要的是有些UI框架能够提供一整套行业的页面模板,比如,前几年电商项目比较火,Vant.ColorUI等提供了一整套电商模板方案,界面设计非常精美.   项目之前使用过ColorUI,可惜的是ColorUI

1.新建.scss后缀公用文件,放在assets或者其他地方都可以 /*需要切换的颜色变量*/ $color-primary1:#1776E1; /* 更换的颜色 */ $color-primary2:#3588CB; /* 更换的颜色 */ $color-primary3:#7D0000; /* 更换的颜色 */ $color-primary4:#EB6100; /* 更换的颜色 */ /*定义方法*/ @mixin color_primary($color){ color:$color; /

昨天和同事讨论组件隔离性的时候讨论到关于默认样式的问题:很多情况下我们希望能够把组件设计为通用的,然后在具体项目中给他们指定一些通用的样式,譬如:背景颜色.默认字体等等.这听起来在CSS下运作起来就很简单了,我们只要在创建组件的时候指定好className,然后可以用一个独立的theme.css来为某些className绑定样式. 然而,在React Native中我们做不到这一点.甚至,我们还可以在官方文档中的某些部分看到一些这样的讨论: React组件在概念上被设计为强隔离性的:你应当可以在

1.步骤为:File-->Settings-->Appearance & Behavior-->Appearance-->Theme中就可以选择喜欢的主题 2.一般将文件的保存格式默认设置为UTF-8,就不会出现乱码啦! 步骤为:File-->Settings-->Editor-->File and Code Templates-->选择Python 在文件中默认添加 # -*- coding: utf-8 -*- 这样就可以啦! 3.步骤为:Fil

(基于Ext JS 4.2.1版本) UI组件 学习ExtJS就是学习组件的使用.ExtJS4对框架进行了重构,其中最重要的就是形成了一个结构及层次分明的组件体系,由这些组件形成了Ext的控件. ExtJs4的组件体系中有将近100种组件,而这些组件又可以大致分为四大类,即容器类组件.工具栏及菜单栏组件.表单及元素组件.其他组件. theme主题 ExtJs4引入了全新的主题系统,采用Sass和Compass技术,提供了标准的主题模板,通过对主题模板的简单定制就可以创造出丰富多彩的各种主题. S

1. 安装Ruby 最新为 2.1.5版本,不放心的话安装 Ruby 1.9.3-p551    安装过程中注意勾选上第二项!即将Ruby加入到可执行的环境变量中去.       安装结束后在命令行中运行 ruby -v 能看到对应的版本则说明安装正确.     2.通过Ruby安装Sass     启动Ruby中的“Start Command Prompt with Ruby”     在命令行中输入: gem sources --remove https://rubygems.org/ ge

最近花了三天时间制作了我的第一个jekyll theme--BoHu.一款知乎风格的模板,使用jekyll模板引擎,十分钟就能搭建属于你自己的静态博客网站. 本主题的特征为: 知乎风格 分页导航使用的是具体页码而不是单纯的上一页下一页 支持博文搜索功能 支持文章分类和显示近期文章 首页能统计博文数量 内置中文和英文的艺术字体 内置音乐播放器 支持多说和disqus评论系统 移动设备浏览效果良好 使用MIT许可 具体步骤如下: 首先,你需要有GitHub帐号. 到我的GitHub上的bohu-je

完成一个Hexo的主题其实很简单,和写静态页面差不多,只是内容部分通过Hexo的变量去获取,而且Hexo还内置了一些辅助函数帮你快速方便地完成繁琐的处理. 起步 在写代码之前要先把项目结构搭建好,一个Hexo主题的项目名就是主题名字本身,项目内的目录结构如下: (生成树形图是用的tree, mac上直接brew install tree就可以了,以前不写都不知道囧) . ├── _config.yml //记录主题配置信息 ├── layout //存放布局模板文件 │   └── _parti

需求: 1 不使用materil依赖内建的主题,使用自己创建的主题 2 利用自己创建的主题实现白天模式和黑夜模式 1 自定义主题 1.1 创建自定义主题文件 them.scss // 引入material自定义主题支持 @import '~@angular/material/theming'; // 引入material公用的主题风格 @include mat-core(); // 自定义颜色 $my-app-primary: mat-palette($mat-blue); $my-app-ac

本文作者:苏生米沿 本文地址:http://blog.csdn.net/sushengmiyan/article/details/50186709 翻译来源:http://docs.sencha.com/extjs/6.0/core_concepts/theming.html ExtJS提供的可以使用的主题包对于创建一个干净专业的程序来说已经很有创意了,然而,你可能还是会希望提供自己的一种设计方式或现在存在的企业设计方式. 从历史上来说,给程序美化就是指的给html标签提供渲染组件的规则,但是这