- 博客(15)
- 收藏
- 关注
原创 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
原创 微信小程序六宫格抽奖
用微信小程序做一个抽奖活动一轮是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将文章内容转为音频并朗诵
将文章内容转为音频并朗诵一.创建一个标签用来控制音频播放和暂停 <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关注的人