小朱笼包-优快云博客

用微信小程序做一个抽奖活动一轮是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 806

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

2021-07-03 16:07:40 1262

原创一个公告喇叭的组件

一个公告喇叭的组件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 647

原创 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 620

原创 uniapp全局引入字体

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

2021-01-15 09:37:50 6727

原创 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 6857 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 1379 1

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

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

2020-11-03 18:22:57 11648 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 592

qq_44295667的博客

原创 uniapp打包成h5项目在app和小程序里打开，头部导航栏适配，在小程序内隐藏默认导航栏，app中展示默认导航栏

原创实现picker时间选择器设置step时间间隔（开始结束时间不是整点）

原创使用webview内嵌的H5项目怎么调起H5支付，包含在app环境下中调起微信支付

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

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

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

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

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

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

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

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