原css: 解决方法:去掉line-height和vertical-align 使用 flex 布局。 把父元素设为: ...
分类:
移动开发 时间:
2017-10-19 19:47:45
阅读次数:
192
一、前言:react的cli开发模式太过于简单,好多东西都要自己配置 二、这里有个简单的配置,可以直接上手开发(不熟悉webpack和npm的绕路),已经完成的配置如下 1:默认ejs模板 2:编译less、scss 3:热更新 4:抽离压缩CSS、js 5:打包后chunkhash模式的版本号 6 ...
分类:
Web程序 时间:
2017-10-19 19:45:08
阅读次数:
222
一、为什么选择sass为了更好的管理代码,我们需要可以定义变量,同时可以使用函数的样式工具,比如定义公用color、bg。显然css无法满足需求。现在市面上常用的是sass、less。经过比较,我选择sass,因为sass更加接近css的写法。 二、配置sass1、利用npm工具安装sass依赖和l ...
分类:
其他好文 时间:
2017-10-19 14:56:41
阅读次数:
169
首先创建一个webpack文件夹我取名叫webpackVue(为了后续把vue集成进来) 1、首先用npm初始化一下,在这个目录下,执行npm init 2、npm install webpack --save-dev 3、安装一些自己要用到的loader(加载css,js,scss等文件): np ...
分类:
Web程序 时间:
2017-10-17 15:32:17
阅读次数:
212
/*scss*/.switch { position: relative; width: 50px; height: 25px; background-color: #fff; border: none; outline: none; i { position: absolute; left: 0;... ...
分类:
Web程序 时间:
2017-10-16 00:10:06
阅读次数:
361
移动端适配会使用到rem进行适配,这里要涉及到px计算成rem,当初不会使用预编译器的时候,都是掐计算器手算的,导致效率不高而且心累。 使用scss的预编译器来辅助计算,能大大解决这些问题 安装步骤如下: 1、rudy下载(安装在默认路径下)https://www.baidu.com/link?ur ...
分类:
Web程序 时间:
2017-10-13 19:09:01
阅读次数:
152
首先,小编给大家解释一下什么是SCSS和LESS,Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅 ...
分类:
Web程序 时间:
2017-10-08 14:08:35
阅读次数:
319
思路:轮播图,首选就是swiper,在此基础上改,但是撸了一遍API发现并没有类似的,所以只能自己改CSS了。小弟不才 直接上干货了。SCSS方面: dom结构: js部分: 成品图: 结束语:你们用的时候记得引入JQ swiper.min.js还有swiper.css啊!!! ...
分类:
其他好文 时间:
2017-09-30 17:53:46
阅读次数:
216
添加自定义字体图标 在src目录下新建icon文件夹,把字体文件放进去。然后在theme/variables.scss中后面添加以下内容,注意把相应位置替换成你自己的: 1 $iconfont-path: "../assets/icon"; 2 3 @font-face { 4 font-famil ...
分类:
其他好文 时间:
2017-09-30 10:14:40
阅读次数:
430
QT生成的.exe文件不能运行的解决办法 之前的数独项目的GUI,当我的Qt项目生成exe时,由于缺少了相关的依赖dll文件,打开会一直报缺少依赖文件的错: 然后一开始我到安装的Qt文件夹里把这些有Qt生产的exe依赖的dll一个个拷贝了之后,还是会报缺依赖,后来发现有个qwindows.dll得放 ...
分类:
其他好文 时间:
2017-09-30 09:57:17
阅读次数:
278