样式 地图mapbox
easyExcel自定义样式和内容
需求背景 项目框架导出Excel功能使用easyExcel，需要导出的Excel样式较为复杂，只使用注解样式实现不了，因此考虑到了easyExcel提供的“拦截器”。 需求： 导出Excel，多个sheet页，每个sheet页数据格式相同，内容不同，表头上方增加一行特殊信息，每个sheet页工点断面 ......
vue项目中引入echarts中国地图
最近项目中根据项目需求，展示中国地图 一、下载echarts插件（我这里使用的是 4.9.0 版本） npm install echarts@4.9.0 --save 二、在需要使用的页面引入echarts （这里是单独封装了地图组件） components/map.vue <template> < ......
Element 级联选择器（Cascader）点击文字（或者一行）选中样式回显
预览图 实现的效果 1、选中最后一级，下拉框收缩 2、下拉框的每一行点击都可以选中 3、点击radio，也能实现选中最后一级，下拉框收缩 组件代码 <el-cascader ref="cascaderHandleRef" v-model="languageIds" class="width-260" ......
可视化大屏：mapbox+vue全攻略
如题图，mapbox是一个支持真3D地形展示的webGIS框架，与常用的Leaflet、Cesium和Openlayers并称四大框架，本文将介绍mapbox-gl js 在 vue 中的用法。 为什么要用 mapbox ? 各位可以自行搜索上面提到的或者其他的webGIS框架或者集成服务商，可以很 ......
高德地图Demo
第一步先创建高德账号，创建应用获取key和密匙，自行百度。 npm安装 npm i @amap/amap-jsapi-loader --save 引入插件使用,此处是vue3引入，主要使用了位置和天气功能 <template> <div class="page"> <div class="icon" ......
基于原生alert或者confirm的样式修改
<style> #alertModel {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;background: rgba(0, 0, 0, 0.6);display: -webkit-box;displa ......
通过 css 控制 window.print 的样式
打印页面隐藏打印按钮 在 button 按钮加一个 class 样式 class="print-button-container" 调用 window.print 方法的页面加以下css <style scope lang="scss"> @media print { .table-print-di ......
【前端可视化】ECharts中国地图+散点图demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
高德地图授权
公司出行项目用到了高德地图。 用了几个月，最近收到高德官方电话告知：高德地图接口商用需授权才能使用。 授权费，基础版5w元/每年。 5万一年对小企业来说，有点负担重重重重。 但有没办法，只能给钱。 三大地图都要求授权才能使用： 高德商用授权：https://lbs.amap.com/upgrade# ......
你真的掌握样式优先级和选择器优先级吗？
css选择器以及优先级 1.样式优先级 最近的祖先样式比其他祖先样式优先级高 "直接样式"比"祖先样式"优先级高 选择器优先级 内联样式 > id选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器 组合选择符 分类 后代选择符 .a .b{} 子选择符 .a > ......
el-table设置表格表头和内容的对齐方式及样式
在el-table标签上加上以下代码即可为表头和表格设置统一对齐方式和样式 :header-cell-style="{ 'text-align': 'center', 'background': '#f7f8fa' }" :cell-style="{ 'text-align': 'center' } ......
CSS样式 按钮颜色透明
.close{ background-color:transparent; border-style:none; color: #FFFFFF; font-size: 32rpx; text-align: center; } ......
el-button实现点击按钮更换背景色并自动回显原来的样式
场景：点击按钮的会更改背景色会自动回显默认样式 点击之前： 点击之后自动又恢复点击前样式 实现：我用得是element-ui的el-button组件实现，代码如下 在template中 设置一个id <el-button class="downloadBtn" id="resetFormBtn" @ ......
基于HTML5的移动Web应用——Bootstrap 样式案例
需求说明使用container、row等栅格系统的知识布局网页结构 使用表单元素制作登录页面 使用btn-success制作“搜索”按钮，用btn-danger制作“登录”按钮 运行效果 新梦想技术分享 参考代码 <!DOCTYPE html><html><head lang="en"> <meta ......
组件的样式（含三元表达式）
04-组件的样式 import '../css/01.css' //导入样式 function App(){ var myname="lucax" var obj={ background:"red", fontSize:"40px" //font-size 所有样式的-都改为用驼峰写法去替代 } ......
设置控件边框的阴影Shadow 样式
在一些场景下需要WPF的控件显示阴影边框的效果。主要是通过控件的 DropShadowEffect 对象来进行控制。 1. DropShadowEffect的基本属性： Direction : 设置投影的方向值，单位是角度，默认为 315，其角度值对应的方向如下图所示： ShadowDepth：阴影 ......
sass样式穿透，深度作用选择器, 父选择器
scss .el-input-number { ::v-deep #inputNumber { text-align: left; } } css .el-input-number >>> #inputNumber { text-align: left; } & a { font-weight: b ......
2023.3.2 JQuery CSS 样式操作与jQuery 动画
CSS 样式操作 addClass() 添加样式 removeClass() 删除样式 toggleClass() 有就删除，没有就添加样式。 offset() 获取和设置元素的坐标。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transition ......
css在标签右上角添加“推荐”字样的斜三角样式
可以使用CSS中的伪类:before来实现在标签右上角添加“推荐”字样的斜三角样式，具体实现代码如下： ```.recommend:before { content: "推荐"; position: absolute; top: -8px; right: -26px; z-index: 1; pad ......
类与样式绑定
Class与Style绑定 Vue专门为class和style的v-bind用法提供了特殊的功能增强，除字符串外，表达式的值也可以是对象或数组 绑定HTML class 可以给 ：class(v-bind:class缩写)传递一个对象来动态切换class <div :class="{ active: ......
博客园页面展示--前端及样式代码
这是一个博客园的首页面的展示前端代码和样式代码 样式代码CSS采用外部链接，建好文件直接复制运行vscode即可，话不多说，直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mickey - 博客园</title> < ......
v3+ts中使用百度地图 附带搜索地址
话不多说 直接上源码 let addressInfo = reactive({ longitude: "", // 经度 latitude: "", // 纬度 province: "", // 省 city: "", // 市 district: "", // 区 address: "", // ......
网页滚动条样式修改
title: 网页滚动条样式修改 date: 2022-12-21 16:03:45 tags: ['Css'] categories: ["前端篇"] 修改网页中侧边滚动条可以对如下几方面进行修改 ::-webkit-scrollbar:滚动条整体 ::-webkit-scrollbar-thum ......
在js中修改less文件内样式
title: "在js中修改less文件内样式" date: 2023-04-21T22:51:58+08:00 tags: ["React", "less", "JavaScript"] categories: ["前端篇"] 在项目中使用使用进度条时遇到了一点问题,根据需求进度条的百分比需要在条 ......
EasyExcel格式化映射注解和样式注解详解
https://blog.csdn.net/qq_44749491/article/details/127879946 一、概述 使用注解很简单，只要在对应的实体类上面加上注解即可。 也就是说使用实体类模型来读写Excel文件时，可以通过注解来控制实体类字段和Excel列之间的对应关系。二、Exce ......
C#中winform窗体 用代码设置字体的样式
protected override void OnPaint(PaintEventArgs e) { FontFamily myFontFamily = new FontFamily("微软雅黑"); //采用哪种字体 base.OnPaint(e); this.ForeColor = Color ......
drf之定制返回样式SerializerMethodField与在表模型中定制
SerializerMethodField 定制返回的样式为person:{name:xxx,age:xxx}或person:[{name:xxx, age:xxx},{name:yyy, age:yyy}...]等，就可以使用到SerializerMethodField 语法 在序列化类中进行定义 ......
04-DOM操作练习：Tab栏切换（通过className设置样式）
title: 04-DOM操作练习：Tab栏切换（通过className设置样式） publish: true 京东网页上，可以看到下面这种tab栏的切换： 我们把模型抽象出来，实现一下。 举例引入：鼠标悬停时，current元素的背景变色 本段我们先举一个例子，因为这里用到了排他思想（先干掉 al ......
腾讯地图开发填坑总结
前言：腾讯地图分为两个版本，版本1是以Tmap为标志，链接为https://map.qq.com/api/gljs?v=1.exp的1为主， 版本2是以qq.map为标志，链接为https://map.qq.com/api/gljs?v=2.exp的2为主， 可以在导入了在线链接的页面上使用wind ......
优雅封装vue中的 iframe组件（可修改iframe内部样式）
公共组件 <template> <div class="wrapper-c"> <iframe id="fram_box" @load="loadFrame" :src="url"> </iframe> </div> </template> <script> export default { nam ......