老大喊你起来营业了醒醒，打工人！开始工作了，今天讲讲我的踩坑记录吧！这次我们用的是vue-admin-webapp，基于 vue 和 element-ui 采用了最新的前端技术栈来开发一个管理系统。其中，有一个需求要引入腾讯地图做一个省市区三级联动。话不多说，撸起袖子加油干。腾讯地图首先，你得注册账号；然后申请密钥(具体操作，自己可以打开腾讯地图官网进行了解)然后，打开webservice API
一、html,body{height:100%}今天看到一个CSS样式：html,body{height:100%}，第一次看到，感觉挺奇怪，为什么html还需要设置height:100%呢，html不就是整个窗口吗？我是这样认为的。然后就把html去掉只剩下body的height:100%，麻烦了，页面内容消失了(页面里只有一个空div通过百分比设置height)。html代码：<body
scss开发指南 **SCSS (Sassy CSS) ）**是Sass的一种语法格式，它仅仅是在CSS3语法的基础上进行拓展，所有的CSS3语法在SCSS中都是通用的，同时加入了Sass的功能特色。SCSS 也支持大多数 CSS hacks 写法以及浏览器前缀写法 (vendor-specific syntax)，以及早期的 IE 滤镜写法。这种格式以 .scss 作为拓展名。1.功能特色完美
前言之前的项目里面用elementUI时，一直使用的都是默认配色。看久了，都有点视觉疲劳了，所以想着去更改一下它的主题配色。在网上看到了很多修改颜色的方式，也走了很多弯路。为了让自己下次修改主题配色的时候能够游刃有余，在这里就用命令行修改主题的方式记录一下吧。官方文档官方自定义主题配色方案命令行方式首先安装一个主题生成工具，建议不用全局安装npm i element-theme -D然后安装白垩主
转载
2024-02-12 07:32:20
175阅读
基本思路实现思路：实现一个mixins混入的主题js即theme.js，注册到全局下。使用el-color-picker组件切换颜色的时候，把颜色值传递到根root下，在根实例下监听主题色的变化来更改页面的主题，然后所有具体的路由页面的主题色修改通过在APP.vue页面监听路由变化来调用改变主题色方法。这里面用到providey与inject的使用，以及怎样把设置的主题色传递到根节点下，这里使用了
转载
2024-03-15 09:38:01
315阅读
1、基本用法Vue 提供了 v-model 指令，用于在表单类元素上双向绑定数据，例如在输入框上使用时，输入的内容会实时映射到绑定的数据上。例如下面的例子：<template>
<div id="app">
<input type="text" v-model="message" placeholder="输入">
<p>输入的内
转载
2024-07-15 20:34:03
66阅读
前言因为项目采用UI组件element-ui，需要部署后（打包后）设置主题，在网上找了一遍，如下几种方法。1/使用全局样式覆盖（工作量大）2/自定义element-ui配色，element-ui提供了一个配置页面 和 配色工具，可以本地生成固定的几套主题色，以便来实现主题切换（编译后无法修改）3/ 通过后端返回css文件，前端配合使用localStorage，储存主题对应的参数
转载
2024-06-09 08:32:34
667阅读
vue-admin-element 整合百度的地图实现地图标记因为项目的需求，老板要求我们在首页做一个联系我们的界面，里面包含地图信息和联系人的基本信息。且这边的地图不是一张图片。上博客看各位博主的各种方法但是就是还原不出来！或许是我太菜了吧，没办法只能硬着头皮看开发手册！！！1、效果图先看一下我做出来的效果图，如果正合您的胃口那么请您悉心看完，你也可以做出一样的来！！！！2、首先申请一个百度地图
问题描述基于若依框架的element-ui，将主题更换为暗黑主题。问题分析现有的element-ui框架提供的主题不满足自定义需求，大多数框架，包括若依提供了更换主题色的功能，但也只是更换的primary-color，其他组件的主题还是以自带的为主。不满足个性化定制需求。解决方案1. 确定你的主题色系风格在线图片取色器：http://www.ecjson.com/image_color#11323
一、认识vue-router目前前端流行的三大框架, 都有自己的路由实现: pAngular的ngRouter React的ReactRouter Vue的vue-router Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得非常容易。 目前Vue路由最新的版本是4.x版本，我们上课会基于最新的版本讲解。 vue-route
路由 1.理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 2.前端路由：key是路径，value是组件。 1.基本使用 1.安装vue-router，命令：npm i vue-router 2.应用插件：Vue.use(VueRouter) 3.编写router配置项://引入VueRouter
块元素(block element)：块级元素生成一个元素框，（默认地）它会填充其父级元素的内容，旁边不能有其他元素。换句话说，他在元素框之前和之后生成了“分隔”符。我们最熟悉的HTML元素是p和div. 内联元素(inline element),也叫行内元素内联元素在一个文本行内生成元素框，而不会打断这行文本。内联元素最好的例子就是XHTML中的a元素。strong和em也属于内联元
前景颜色不同，有深浅色系。文字可以用渐变色，用浅深色系。与背景形成对比。
原创
2021-12-29 14:20:15
170阅读
我的环境@vue/cli 4.5.8
node - v10.15.0
npm - 6.4.1思路：vue项目实现换肤有两部分一、自主样式换肤这部分换肤，在网上趴了不少贴，实现方式也是多种多样，这里不多说，看到这里来的人，肯定也看过不少贴了说一下我的思路考虑网上实现思路都过于复杂
有加命名空间的，有更换css文件的，有用打包工具实现的
而我都看不懂因为只需要更改主题颜色，点缀色什么的根据项目需求，不
转载
2024-07-10 17:41:00
442阅读
中国风配色zhongguose.com超美的中国风配色，网站号称收集了最全的中国色，还有中英文互译，非常贴心，五星好评。ColorGGColorgg.com是一个免费的颜色工具，提供有关颜色信息，为您生成互补色、类似色、分裂补色、三元、四元、单色等配色方案。日本传统配色nipponcolors.com日本传统色彩，无需多说，文艺又古风，值得收藏。Colrdcolrd.com用户可以自己上传图片与配
转载
2023-09-11 10:58:42
215阅读
1 FindBugs-IDEA检测代码中可能的bug及不规范的位置，检测的模式相比p3c更多，写完代码后检测下 避免低级bug，强烈建议用一下，一不小心就发现很多老代码的bug。地址：https://plugins.jetbrains.com/plugin/3847-findbugs-idea2 VisualVM Launcher运行java程序的时候启动visualvm，方便查看jvm的情况 比
转载
2024-04-18 14:37:59
238阅读
今天介绍一下IDEA的一些炫酷的插件，IDEA强大的插件库，不仅能给我们带来一些开发的便捷，还能体现我们的与众不同。1.插件的安装 打开setting文件选择Plugins选项Ctrl + Alt + SFile -> Setting分别是安装JetBrains插件，第三方插件，本地已下载的插件包。详情见往期关于settings的文章。2.各种插件1. activate-power
转载
2023-12-30 19:51:50
1112阅读
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、整体页面布局与完成效果二、代码编写1.标签页引入2.标签页参数设置3.标签页的切换和关闭总结 前言详细介绍如何添加Tabs标签页，很简单的东西，但感觉教程很少，刚刚研究好久才弄好，记录下希望对需要者有帮助。一、整体页面布局与完成效果整体界面(mainview.vue)布局如下图： 代码结构 标签页主要在mainvie
转载
2024-03-04 13:27:52
349阅读
phpstorm7.0 皮肤配置
原创
2014-04-26 16:08:29
3718阅读
点赞
1评论
1、Ubuntu的终端的配色方案 2、护眼配色 ==
转载
2018-01-21 22:36:00
529阅读
2评论
