uniapp获取后台定位

  • Post author:
  • Post category:uniapp

由于离开小程序后无法继续使用uni.getLocation获取用户位置,这一点在官方文档有说明,此时就需要后台获取位置的权限 1、首先在 manifest.json 配置 permission获取位置,在配置后台权限设置页的选项: "permission" : { "scope.userLocation" : { "desc" : "小程序需要使用您的位置信息" } }, "requiredBac…

继续阅读 uniapp获取后台定位

uniapp 之 获取底部安全距离,状态栏高度等

  • Post author:
  • Post category:uniapp

特定样式注意点 固定底部按钮 自定义顶部导航栏 其他 工作中我们常常需要设置一些特定样式: 固定底部按钮 自定义顶部导航栏 …… 固定底部按钮 这里需要注意的是,真机运行时底部时IOS是存在安全距离的,这个时候就需要我们处理一下 .u-fixed-b { position: fixed; bottom: 0; left: 0; right: 0; padding: 24rpx; padding-b…

继续阅读 uniapp 之 获取底部安全距离,状态栏高度等

uniapp之 跳转第三方地图

  • Post author:
  • Post category:uniapp

前言 之前看别人家的小程序里有这个 点击右边的图标就显示一个弹出层,并且若点击里面的高德地图或腾讯地图,则可以直接跳转到对应的地图,这个功能时,就特别的羡慕,那时还单纯的以为,这个功能特别难写,谁知最后我写出来了才知道这个很简单 效果图 代码 就在点击跳转显示这个页面的点击事件里面写 前言也分析过怎么获取自己的经纬度, 这里就不讲解了 这里面的name 属性 显示的就是【位置】的内容,若不写的话,…

继续阅读 uniapp之 跳转第三方地图

UNIAPP的request请求封装

  • Post author:
  • Post category:uniapp

request.js代码 import $store from "@/store/index.js"; export default{ common:{ baseUrl:"你的url", header:{ 'Content-Type':'application/json;charset=UTF-8', }, data:{}, method:"GET", dataType:'json' }, req…

继续阅读 UNIAPP的request请求封装

uniapp通过canvas生成个人电子签名

  • Post author:
  • Post category:uniapp

<template> <view class="container"> <view class="content-box"> <div class="button" @tap="initCanvas" v-show="!showCanvas">签名</div> <image :src="imgRrl" v-if="imgShow" …

继续阅读 uniapp通过canvas生成个人电子签名

uniapp中设置TabBar

  • Post author:
  • Post category:uniapp

效果图: 结构目录: pages.json: { "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页", "enablePullDownRefresh"…

继续阅读 uniapp中设置TabBar

使用vue cli创建uniapp小程序项目

  • Post author:
  • Post category:uniapp

一、创建项目 npm install -g @vue/cli全局安装vue cli vue create -p dcloudio/uni-preset-vue my-project 其中my-project是项目名称 选择默认模板 运行npm run serve在这浏览器中打开项目, 且相应改动在浏览器中都能看到对应效果 注: 若想通过微信小程序开发工具查看项目, 可将项目代码拖入HBuilder…

继续阅读 使用vue cli创建uniapp小程序项目

uniapp简单生成海报

  • Post author:
  • Post category:uniapp

之前一直觉得麻烦压根没看,结果突然就要用,特别记录下。 这次用的最简单的方法,二维码从后台生成,前台只做绘图。 <template> <view class='page'> <canvas canvas-id="myCanvas" id='sss'></canvas> <image :src="base64" mode="" v-if="bas…

继续阅读 uniapp简单生成海报

手把手带你封装uniapp接口,适用于公司开发项目

  • Post author:
  • Post category:uniapp

1. 新建request.js 在目录下新建common文件,common文件下新建request.js。目录结构如下: common/request.js 在request.js里面写入: var baseUrl = 'http://localhost:9999' //基本路径 //接口封装 function request(datas) { //Promise 异步编程的一种解决方案 var …

继续阅读 手把手带你封装uniapp接口,适用于公司开发项目

【Uniapp 原生插件】科大讯飞语音播报插件

  • Post author:
  • Post category:uniapp

文章目录 科大讯飞语音播报插件 插件需求 使用插件 科大讯飞语音播报插件 插件地址: https://ext.dcloud.net.cn/plugin?id=8287 插件需求 使用插件前,请先使用试用版本,在本地调试好,看插件是否满足,再进行购买。如果插件不满足你的需求,可以联系我(微信:18386474459),尝试修改插件或者增加功能的方式,来帮助实现你的业务逻辑。 使用插件 首先到讯飞开放…

继续阅读 【Uniapp 原生插件】科大讯飞语音播报插件