自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

青峦。的博客

BOOM! BUG!

  • 博客(16)
  • 收藏
  • 关注

原创 uniapp微信小程序自定义分享配置及可能存在的问题及解决方法

data() {return {//设置默认的分享参数title: '分享标题',path: '/pages/homePage/homePage',//分享默认跳转到页面地址imageUrl: 'https://****/1.png',//分享卡片默认展示的图片},//发送给朋友//设置分享的当前页面的地址let data = getCurrentPages()[getCurrentPages().length - 1]//获取当前页面地址}//当前页面是否携带参数,并获取参数。

2024-03-07 14:41:47 1231

原创 弹性盒子空余不足时,滚轴展示内容

【代码】弹性盒子空余不足时,滚轴展示内容。

2024-02-01 10:23:45 203

转载 vue动态渲染三级菜单

vue动态渲染三级菜单

2022-08-10 09:58:32 2244

原创 行政区高亮显示

vue结合openlayer使用geoserver发布服务根据下拉框选择对应属性显示高亮,并根据中心坐标定位放大,显示结果为:加载整体的geoserver服务:this.sxboundary = new ImageLayer({ source: new ImageWMS({ ratio: 1, url: geoserver图层工作区, params: { FORMAT: "ima

2021-12-03 13:47:27 1041

原创 微信小程序使用websocket

微信小程序使用websocket连接websocketlet url = `******`//websocket地址wx.connectSocket({ url: url, success() { console.log('连接成功') that.initEventHandle() //websocket绑定的各种事件 } })websocket绑定的各种事件 // web

2021-11-29 09:49:28 8181 3

原创 微信小程序使用table及左滑操作

微信小程序使用table及左滑操作wxml<view class="table"> <view class="tr"> <view class="th th1">序号</view> <view class="th th2">类型</view> <!-- <view class="th th3" wx:if="{{roleid == 1 || roleid == 2}}">

2021-11-29 09:48:59 892

原创 el-tree的使用

el-tree的使用el-tree复选框的使用后台返回数据处理为el-tree展示格式,使没有子级时父级也不展示复选框,有子级时展开展示,如下图:想不起来为什么有红框位置的代码,带我想一下再补充,但是这么写确实解决了我目前关于el-tree的需求...

2021-11-29 09:45:46 585

原创 geoserver服务点击某一元素显示高亮

geoserver服务点击某一元素显示高亮针对vue结合openlayers的使用点击geoserver显示弹框文章中显示高亮的优化,弹框popup待优化let self_map = this.map; self_map.on("singleclick", function(evt) { //点击只一个元素高亮 if (this._wfs_layer_) { self_map.removeLayer(this._wfs_laye

2021-11-23 10:49:55 904

原创 openlayer绘制矩形/多边形并返回geojson

openlayers绘制矩形/多边形并返回geojson//添加绘制矩形图层layer = new vectorLayer({ source: new Vector(), style: new Style({ stroke: new Stroke({ color: "red", width: 4, }), fill: new Fill({ color: "rgba(255, 255, 255, 0.8)",

2021-08-10 14:24:09 2253

原创 vue动态样式的添加

<div v-for="(item,index) in rain" :key='index' :class="{'numnomal':true,'con-active':index == active?true:false}" @click="changenum(item, index)">{{item}}</div>data() { return { active: 0, } }changenum(item, index) { this.a

2021-08-06 17:50:37 546

转载 vue使用elementUI刷新页面保持菜单栏选中状态

<el-menu :default-active="this.$route.path" class="el-menu-demo" mode="horizontal" background-color="#1A545A" text-color="#fff" active-text-color="#fff"> <SidebarItem v-for="route in permission_routes" :key="route.path" :item="route" :base-p

2021-08-06 17:35:25 1329

原创 vue结合openlayers加载geojson,并根据不同级别渲染不同颜色

vue结合openlayers加载geojson,并根据不同级别渲染不同颜色不同级别不同颜色样式的设置(面) let styleFunction = function(feature) { let dn = feature.get('dn'); if (dn == 1) { return new Style({ stroke: new Stroke({

2021-05-06 14:57:58 3270

原创 echarts 图表根据不同值展示不同颜色的柱子

echarts 图表根据不同值展示不同颜色的柱子series: [{ name: '面积', data: this.ydata, type: 'bar', itemStyle:{ normal:{ color:function(params){ let ty = params.name;

2021-05-06 14:03:13 696

原创 vue结合openlayer的使用之在弹框中展示地图

vue结合openlayer的使用之在弹框中展示地图弹框中展示地图将map创建组件形式引入弹框中<el-dialog width="600px" :title="shpTitle" v-dialogDrag :close-on-click-modal="true" :fullscreen="dialogFull" :visible.sync="diashp" :before-close="closeDetial" append-to-body style="margin-top:

2021-03-29 11:55:39 655

原创 vue父组件获取子组件数据/事件

vue父组件获取子组件数据父组件;在已引入的子组件标签 <child @cityCode="cityCode" ref="childSheng"></child>获取子组件的事件,在父组件方法中 this.$refs.childSheng.getTileUrl();获取子组件数据,在父组件方法中cityCode(val) { console.log(val)}子组件中将数据传给父组件this.$emit("cityCode", city);.

2021-01-17 21:50:05 1092

原创 vue结合openlayer的使用

Vue结合openlayer加载geoserver图层(imageWms)的弹框geoserver中imageWMS添加popup弹框geoserver中imageWMS添加popup弹框查看图片图层包含的图块信息:弹窗;<div id="popup" class="ol-popup"> <a href="#" id="popup-closer" class="ol-popup-closer"></a> <div id="popu

2021-01-17 21:41:49 709 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除