![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
cuizhichao2
这个作者很懒,什么都没留下…
展开
-
定位5.根据地址获取经纬度,一对多获取距离和时间等相关信息
$getLocation详见4.定位4.点击按钮获取地图选择位置+整合代码独立封装+定位全部代码Router详见小程序demo11.wxml<view> <view wx:for="{{shopList}}"> {{item.name}}---{{item.address}} <view>{{item.other.distance}}m</view> <view>{{item.other.duration}}s&l原创 2020-09-04 11:33:12 · 360 阅读 · 0 评论 -
定位4.点击按钮获取地图选择位置+整合代码独立封装+定位全部代码
$set,Router 和类似代码详见小程序:demo11.wxml<van-cell-group> {{address}} <!-- autosize:自适应 获取授权,获取经纬度 --> <van-field autosize type="textarea" model:value="{{ s_address }}" center clearable label="短信验证码" placeholder="请输入短信验证码" border=原创 2020-09-03 23:55:39 · 253 阅读 · 0 评论 -
定位3.根据经纬度在获取的腾讯地图接口上找到地址
详见demo11.注册腾讯地图>设置key>key管理勾选WebServiceAPI2.开发文档>服务端WebServiceAPI>逆地址解析(坐标位置描述)//获取get请求的接口,location和key必填3.wxml<van-cell-group> {{address}} <!-- autosize:自适应 --> <van-field autosize type="textarea" model:value="{{原创 2020-09-03 22:29:43 · 787 阅读 · 0 评论 -
定位2.小程序一个按钮获取定位授权以及设置,封装调用
详见:demo11.wxml:<button bindtap="getAddress3">获取定位</button>2.jsimport Router from '../../utils/index'import { getLocationWithSetting} from '../../utils/location'Router({ async getAddress3() {//异步 执行函数getLocationWithSetting let re原创 2020-09-02 23:56:00 · 266 阅读 · 0 评论 -
定位1.微信小程序按钮切换获取定位权限一个授权,一个设置
详见:小程序demo11.wxml:<button wx:if="{{isok}}" bindtap="getAddress">获取定位</button><!-- 先显示提示框要求用户给予权限 --><button wx:else bindtap="getAddress1">获取定位</button><!-- 如果用户拒绝,则显示此框,点击弹到设置页面 -->2.app.json"permission": { "s原创 2020-09-02 21:39:08 · 1130 阅读 · 0 评论 -
3.小程序:模拟前端给条件,后台发送符合条件的数据
详见小程序demo1/menu页面点击左边侧边栏,右侧边栏刷新获取新的数据1.前端:wxml:点击事件changeMenu<view wx:key='i' bindtap="changeMenu" data-i='{{index}}' class="{{activeIndex===index?'active':''}}" wx:for='{{menu}}'>{{item.name}}</view>js:changeMenu(e) { let { i原创 2020-09-02 20:31:32 · 169 阅读 · 0 评论 -
2.小程序:后台提供接口前端获取接口数据
后台过程详见:前端传入数字后台生成二维码,后台使用mockjs生成数据一.后台的代码//详见:d:/style/nodevar qr = require('qr-image');var fs = require('fs')var express = require('express')var app = express()var mock = require('mockjs')let typeList = mock.mock({ 'list|10': [ {原创 2020-09-02 20:30:32 · 577 阅读 · 0 评论 -
1.小程序:前端传入数字后台生成二维码,后台使用mockjs生成数据
vsCode当作node后台生成二维码1.创建package.json文件npm init -y2.根目录下创建需要的index.js3.启动index.js 终端: node index.js4.保存自动启动index.js 终端下载: cnpm i nodemon -g终端启动: nodemon保存后自动启动index.js5. 使用qr: var qr = require('qr-image');var fs = require('fs')var qr_svg = qr原创 2020-09-02 20:27:52 · 362 阅读 · 0 评论 -
小程序页面之间传值 例:点击搜索跳转到搜索页,传回需要搜索的值
详见demo11.有值的页面wxml::<view data-keywords='声' bindtap="search">声</view>2.有值的页面js:import Router from '../../utils/index'Router({ search(e) { let pages = getCurrentPages() //getCurrentPages获取当前页面栈。数组中第一个元素为首页,最后一个元素为当前页面。 let prev原创 2020-09-02 18:11:48 · 497 阅读 · 0 评论