logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue-cli3引入sass(.scss)样式管理、sass-resources-loader全局变量

style lang = " scss " > /* 标记语言为scss */ div {/* 直接书写变量 */ margin : 0;h1 {/* 使用 @include 引入混合样式 */ padding : 0;< style lang = " scss " > /* 标记语言为scss */ div {/* 直接书写变量 */ margin : 0;h1 {/* 使用 @include

#vue.js#sass#scss +1
Chrome浏览器及electron-vue项目添加vue-devtools插件的方法步骤

Step 1:Chrome浏览器添加vue-devtools插件Step 2:electron-vue项目添加vue-devtools插件

#chrome
vue-cli引入Element Plus(element-ui),修改主题变量,定义全局样式

……附录:Element Chalk Variables主题变量预设值……

#elementui#scss
[HTML+CSS+Vue] 自定义单选按钮效果:点击不同按钮切换(switch)不同选项,同一按钮在2个状态之间切换(toggle)

刚刚搞定一个排序组件:三个按钮对应三个不同的排序方式,单选切换,同时在当前排序方式下,再点击当前按钮切换正序和倒序,小箭头图标示意。因为radio单选框的默认样式太丑了,bootstrap给的custom也不理想,所以就决定从样式到功能全部自定义,感谢vue让一切如此简单~• 效果示例:• HTML代码:&lt;div id="app"&gt;&lt;div class="...

[HTML+CSS+Vue.js] 超长文本等内容默认折叠显示,点击展开全文,再点击收起(仿知乎效果)

•需求:浏览时默认只显示前三行文本,剩余部分折叠,点击“展开阅读全文”显示完整文本,再点击文末的“收起”恢复折叠状态•美化:“展开阅读全文”折叠杆挡住面板下端,并呈现半透明渐变效果•技术:HTML + CSS + Vue.js

vue-cli引入Element Plus(element-ui),修改主题变量,定义全局样式

……附录:Element Chalk Variables主题变量预设值……

#elementui#scss
到底了