自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 纯css写一个会跳动的音符

<template> <view> <view class="container"> <view class="one"></view> <view class="two"></view> <view class="three"></view> <view class="four"></view> <view class="five".

2021-09-30 16:05:16 645

原创 uni-app实现左右联动效果

1,首先在onload里面调用这个方法。可以得到右侧数据的高度数组getHeightList() { let that=this let selectorQuery=uni.createSelectorQuery().in(this); selectorQuery.selectAll('.right_box').boundingClientRect(function(rects){ let arr=[0] let top=0 r

2021-09-07 15:31:57 2221 1

原创 uni-app消息推送功能实现

1,首先可以简单的看一下HTML5+ API文档了解一下对应的方法HTML5+API:https://www.html5plus.org/doc/zh_cn/push.html#plus.push.MessageOptions2,功能实现,写在APP.vue中。可以看到前面二行代码我做了一下测试,测试成功。onLaunch: function() { //消息推送功能 // #ifdef APP-PLUS let options={cover:false,title.

2021-09-01 15:56:13 1302

原创 promise封装公用请求

1,在目录里建一个公用的js文件(若这里js文件起名:cloundfun.js) ,写一些公共的方法,导出const db= , //这里写公用的一些数据var home = function(){console.log('123')}export { home }2,在需要用到的vue文件里面导入<script> import { home } from '../cloundfun.js'</script>...

2021-09-01 14:05:14 213

原创 uni-app上传图片功能

直接上代码了updateImg() { let that = this uni.chooseImage({ count: 1, success: res => { console.log(res) let fil = res.tempFilePaths[0] uni.uploadFile({ url: 地址, filePath: fil, name: 'photo',

2021-09-01 11:22:27 280

原创 uni-app实现发送到朋友圈,微信好友等功能兼容小程序app

做小程序app,其本都需要用到这个功能,这里详细总结一下相关步骤。大概就是实现下图的三个功能:一,保存图片功能:<view @click="baoimgFn">保存图片</view><script>data(){return:shareImg //这是要保存转发的图片}methods:{ baoimgFn() { uni.showLoading({ title: '正在保存...' }) uni.down

2021-08-30 11:33:39 1125

原创 uni-app web-view导入地图

记录下webview中调用谷歌地图的方法:uni-app的官方说法是:这边使用第1种方法,就不用插件了。注:调用谷歌地图,首先需要翻墙1,首先申请谷歌帐号,这里申请步骤就不赘述了。2,其次申请谷歌秘钥:平台地址:https://developers.google.cn/maps/gmp-get-started选择Maps JavaScript API:https://console.cloud.google.com/google/maps-apis/new?project=fl.

2021-08-27 17:06:23 1318

原创 关于uni-app的webview

最近工作中遇到webview,对于我这个刚接触前端的小白来说真的不懂啥意思,所以在这里记录一下学习的进展首先,得明白webview是什么:它就是网页浏览,就是浏览网页,浏览html。为什么要使用webview,它的好处是什么:原生APP是将页面的布局设计 ,以及业务代码打包然后用户下载安装使用,而webview是通过加载html文件来进行页面的展示,当需要更新页面布局的或者业务逻辑变更时,如果是原生的APP就需要修改前端内容,升级打包,重新发布才可以使用最新的。而通过webview方式的页面则只

2021-08-20 15:45:46 1929

原创 ios和android强制退出app的区别

先看官方文档。对app的一些方法有个大致的了解:app方法做过强制退出app功能的宝宝们都能发现plus.runtime.quit()在ios端竟然无效,这里就是解决在ios端如果强制退出,下面几行代码就可以i解决啦:plus.ios.import("UIApplication").sharedApplication().performSelector("exit");哈哈...

2021-08-17 15:17:10 323

原创 简述uni-app热更新和整包升级

当然首先得调用接口检查更新,会返回一些最新版本,升级地址一些字段,然后在判断用户目前的使用版本是需要整包升级还是热更新,还是已经是最新版本了。话不多说,直接在methods里写方法。那就先上代码喽:async checkUpdateApp() { let that = this let data = await updateApp({ //这是后台接口 data: '' }) const platform = uni.getSystemInfoSync.

2021-08-17 10:56:22 1087 4

原创 uni-app中scroll-view组件遭遇无法横向滚动的问题

最近在做uni-app导航栏自带滑动问题,结果怎么他都无法滑动,给他100%宽度,他还会排成两行,最后加了一个css属性:white-space一切都解决了。实现效果:

2021-08-16 11:18:24 714 1

原创 uni-app打包安卓app如何接入极光推送(JG-JPUSH)?

最近公司在做uni-app的跨端应用,其中在打包app时需要用到消息推送功能,经过一番摸索也是终于弄通并成功集成了第三方极光推送。话不多说,直接开撸:一.我们需要用到的一些插件以及极光平台的官网链接:1.极光推送官方SDK2.极光JCore官方SDK3.极光官网平台4.极光官方demo二.具体实现:1.上面的前两个链接是极光推送的官方插件,需要我们下载下来用作本地插件使用(或者直接在Dcloud绑定云插件,和其他插件的引入方式没有大致的区别,就不在累述。)如果是本地插件的话,需

2021-08-13 11:23:47 1560 1

空空如也

空空如也

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

TA关注的人

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