搜索结果
查询Tags标签： scss，共有 43条记录-
前端CSS的工程化——掌握Sass这四大特性就够了
初遇 CSS，一见倾心 记得刚遇见css的时候，咱像是见了美人儿一样，简直是爱不释手啊，简简单单写几行算不上代码的代码，就能做出这么漂亮的东西，这也成了咱前端之路的最初动力。 然而，随着项目体量和页面复杂度的增加，咱很快就发现这美人儿非但不漂亮，而且缺胳膊少腿…
2024/3/11 18:02:25 人评论 次浏览 -
若依前端问题集合[前后端分离版本]
目录1.若依前后端分离页面改变title 1.修改icon 2.修改title文字2.若依关闭Login页面验证码 1.关闭验证码 登录杂项3.若依前端替换代理地址4.侧边菜单和全局样式 1.侧边菜单 2.侧边栏顶部logo替换或删除3.全局样式修改背景色1.若依前后端分离页面改变title 修改浏览器titl…
2023/6/5 18:22:39 人评论 次浏览 -
Vue3 JS 与 SCSS 变量相互使用
JS 中使用 SCSS 变量。如在 scss 中定义了一个颜色，el-menu 组件使用该颜色作为背景色，此时需要获取 scss 变量，通过 background-color 属性将该变量值传递给 el-menu 组件（当然你也可以在 JS 中重新定义一个变量存储该颜色）。SCSS 中使用 JS 变量。如动态换肤功能，…
2022/12/5 6:23:58 人评论 次浏览 -
uniapp配置微信小程序的iconfont本地文件
一. 小程序使用本地iconfont的方案 小程序使用本地文件： 转base64或者使用线上环境 但是iconfont线上地址不允许了（有时候官方会没有的情况）,只能用base64 二. 如果使用 1. 首先下载iconfont文件2. 取出iconfont.css 取出iconfont.css 将iconfont.css变成iconfont.scss…
2022/8/6 1:23:54 人评论 次浏览 -
h5 页面设计长度，scss换算转化方法
h5 页面设计长度，宽度换算---设计图，宽度安装750px的标准来的@function px2rem($px) {@return $px / 75px* 1rem; }rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。https://www.cnblogs.com/yeminglong/p/1497667…
2022/7/13 23:22:49 人评论 次浏览 -
scss 速记
CSS 功能拓展 嵌套 #main p {color: #00ff00;.redbox {color: #000000;} }属性嵌套 个人基本没怎么用过。 .funky {font: {family: fantasy;size: 30em;weight: bold;} }父选择器 & a {font-weight: bold;&:hover {text-decoration: underline;}body.firefox &…
2022/4/22 23:43:47 人评论 次浏览 -
安装SCSS
npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装依赖包sass-loader npm install style-loader --save-dev //安装style-loader在build文件夹下的webpack.base.conf.js的module下 rules里面添加配置{te…
2022/3/2 6:15:28 人评论 次浏览 -
uni-app 引入uView步骤
第一步：在uni-app新建的项目中 使用CMD下载uView npm install uview-ui第二步：在main.js里引入和注册uView 这两句代码需要在import Vue之后import uView from "uview-ui"; Vue.use(uView);第三步：在uni.scss文件中引入uView的全局Scss主题文件@import u…
2022/2/15 6:13:59 人评论 次浏览 -
Nuxt 填坑集合（面向实际开发解决方案）
前言 在 nuxt 开发的过程中，遇到了一些坑，通过官方文档和面向百度式的学习，这些坑得到了解决，最后将这些坑的解决方式记录下来。无需全文阅读，直接阅读需求内容即可。「后续还会更新nuxt相关的坑，并欢迎指正」 样式分类 当页面结构足够复杂时，template、srcitp、st…
2022/2/14 6:14:01 人评论 次浏览 -
vue使用sass
使用sass 1、下载 npm i sass node-sass sass-loader style-loader -D2、在vue.config.js中配置 sass css: {loaderOptions: {sass: {prependData: `@import "@/assets/css/_variable.scss";` //引入全局变量 }}3、使用Sass的scss语法 <style lang="s…
2022/2/6 6:12:37 人评论 次浏览 -
vue项目使用wangEditor使用代码高亮，背景无效的简单粗暴解决方法
最近在写毕设，vue项目中需要用到富文本编辑器，选择了wangEditor V4.0，在使用过程中设置代码高亮时使用了hightlight.js插件，发现代码能高亮但是代码模块没有应用hightlight的背景，导致代码有些浅色地方很难看打开浏览器调试，wangEditor虽然挂载了hightlight.js插件，…
2022/1/17 23:35:23 人评论 次浏览 -
vue项目使用wangEditor使用代码高亮，背景无效的简单粗暴解决方法
最近在写毕设，vue项目中需要用到富文本编辑器，选择了wangEditor V4.0，在使用过程中设置代码高亮时使用了hightlight.js插件，发现代码能高亮但是代码模块没有应用hightlight的背景，导致代码有些浅色地方很难看打开浏览器调试，wangEditor虽然挂载了hightlight.js插件，…
2022/1/17 23:35:23 人评论 次浏览 -
uview-ui_index.scss
// 引入公共基础类 @import "./libs/css/common.scss"; @import "./libs/css/color.scss";// 非nvue的样式 /* #ifndef APP-NVUE */ @import "./libs/css/style.vue.scss"; /* #endif */// nvue的特有样式 /* #ifdef APP-NVUE */ @import &…
2022/1/14 23:13:13 人评论 次浏览 -
uview-ui_index.scss
// 引入公共基础类 @import "./libs/css/common.scss"; @import "./libs/css/color.scss";// 非nvue的样式 /* #ifndef APP-NVUE */ @import "./libs/css/style.vue.scss"; /* #endif */// nvue的特有样式 /* #ifdef APP-NVUE */ @import &…
2022/1/14 23:13:13 人评论 次浏览 -
vue教程之scss的使用
VUE项目中SCSS的使用 vue项目上安装SCSS和开发入门 ① 使用vue-cli模板创建新项目：vue init webpack 项目名 ② 安装sass 依赖包 ，在cmd界面输入： npm install sass-loader --save-devnpm install node-sass --sava-dev ③ 在build文件夹下的webpack.base.conf.js的ru…
2022/1/8 6:05:55 人评论 次浏览
