自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 小程序实现在一定区域内拖拽浮窗,并不阻碍下方区域的点击事件

实现区域内拖拽浮窗,使用uniapp

2024-08-08 11:12:43 232

原创 高德api+vue2.0实现左右联动点击站点串线功能

使用高德api简单快捷实现线路规划串线功能

2023-12-25 17:46:51 600

原创 uniapp实现picker时间选择器设置时间间隔

uniapp通过picker-view自定义一个可以设置时间间隔,开始时间,结束时间的选择器组件

2023-10-30 15:02:38 1668

原创 el-select选择时获取其中某一条的详细数据

我们在使用elementUI的el-select时,想要获取option的具体信息,想要获取id有想要name,下拉框全高亮了怎么办

2023-03-16 09:34:14 1971

原创 小程序内实现扫码识别跳转功能

小程序内实现实时扫描并识别二维码的功能;使用camera获取图片数据后将图片绘制在canvas上

2022-11-10 16:06:06 947

原创 微信小程序拍照上传图片

小程序拍照上传图片或头像,使用wx.createCameraContext()方法

2022-11-10 15:00:17 1480

原创 微信小程序六宫格抽奖

用微信小程序做一个抽奖活动一轮是6个红包,需要在第三轮听下转动,初始一个随机数在13-18之间随机来进行抽奖//页面的渲染<view class="container"> <!-- 抽奖区域 --> <view class="box"> <view class="list-content"> <block wx:for="{{prizeList}}" wx:key="id"> <view

2021-09-29 15:04:45 727

原创 uniapp微信获取位置,具体城市信息

我们在小程序以及app内经常会一进入就获取当前城市,只用uniapp的getlocation只能获取到经纬度,那么如何通过经纬度获取当前位置呢(文章中使用腾讯地图)一.在项目的mainfest.json中找到配置位置的地方(小程序)二.使用uni.getlocation方法获取到当前的经度以及纬度。 uni.getLocation({ success: (res) => { console.log(res); this.latitude=res.latitude

2021-07-03 16:07:40 1212

原创 一个公告喇叭的组件

一个公告喇叭的组件1.新建一个组件名为Notice的组件<template> <view class="notice-content" :style="{background:backColor}"> //设置自定义的背景色 <view class="notice-info flex-start"> <image src="../static/index/laba.gif" mode=""></image> //喇叭

2021-03-24 16:23:09 547

原创 uniapp配合colorUI制作简单的信封

uniapp配合colorUI制作简单的信封没有审美,所以样式比较简陋,背景图可以换成自己想要的样子一.先写一个点击事件用来弹出信封。<view @click="dianji">点击</view>二.不想写弹出来的效果,所以直接引用了colorUI的弹窗的外部框架(遮罩以及弹出来的模块),在模块内将信封样式写入。 <view class="cu-modal" :class="modalName=='Modal'?'show':''" @click="hide

2021-01-27 18:30:47 542

原创 uniapp全局引入字体

uniapp引入各种字体一.下载字体二.在全局设置字体在font-face中说明, 在app.vue中使用,

2021-01-15 09:37:50 6319

原创 uniapp将文章内容转为音频并朗诵

将文章内容转为音频并朗诵一.创建一个标签用来控制音频播放和暂停 <view class="btn-audio"> <image :src="autoImg" mode="" @click="playMusic" v-if="Music==false"></image> <image :src="autoImg1" mode="" @click="stopMusic" v-if="Music==true"></image></v

2021-01-13 19:30:38 6297 26

原创 uni-app实现拼多多样式的拼单轮播功能

uni-app实现拼多多样式的拼单轮播功能,一次显示两个用户拼单,上下轮播滚动一次加载一个用户示例一次滚动一个用户//附上代码 <swiper class="share-content" vertical="true" :autoplay="true" :interval="3000" :duration="500" style="height:200rpx;" display-multiple-items="2"> <swiper-item v-for="(ne,ind

2020-12-10 17:29:04 1246 1

原创 uni-app切换选项卡的两种方式

方法一.切换选项卡时,内容改变,内容的样式不同。定义索引:默认选中选项一切换选项卡的索引方法这是效果方法二.切换选项卡时,内容改变,内容的样式相同。定义导航栏选项和索引,默认第一个切换索引这是效果最后附上代码:<template> <view class="new-file"> <!-- 第一种方法 --> <!-- 头部选项卡 --> <view c...

2020-11-03 18:22:57 10777 1

原创 创建对象以指定key->value的形式

一.将后台传的数据创建对象以指定key->value的形式储存请求获取到的数组asd:[{name:'asd',title:'qewqwe'},{name:'阿斯顿',title:'阿萨大大顶起'}]创建的对象:vardui={};for(vari=0;i<asd.length;i++){dui[asd[0].name]=asd[0].title}console.log(dui);结果...

2020-10-31 15:20:42 536

空空如也

空空如也

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

TA关注的人

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