![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp
菊花枸杞茶
广东
展开
-
vue.js、uniapp两种封装接口请求方法
前言:分别有两种封装方法适用于vue.js和uniapp;第一种:全局注册,通过this调用,不需要import引入js文件。第二种:需要请求接口的页面还要import一下。ps:下面代码示例是uniapp项目目录结构第一种封装1:在项目根目录新建common目录http.js文件http.js文件//服务器地址const service = "域名/ip地址";module.exports = (params) => { let url = params.url; le原创 2020-11-25 11:49:12 · 2087 阅读 · 1 评论 -
uniapp自定义组件-组件传参-父组件向子组件传参-子组件向父组件传参详细示例
前言:本篇文章主要讲的是自定义组件的使用与传参。在不同的页面重复使用到相同或者类似的模块,这里就可以使用到组件就省略了不少代码,不用每个页面去写相同的代码,直接去引用该组件就可以了,下面以自定义顶部为示例。引入自定义顶部组件效果:PS:父组件向子组件传参使用的是props,后面可以看到打印出来的传参。子组件向父组件传参效果:PS:子组件向父组件使用的uni.$emit目录结构:...原创 2020-04-08 10:50:25 · 4785 阅读 · 0 评论 -
uniapp-本地图片分享-截图分享-解决打包之后图片分享为空
前言:uniapp的分享功能也是常用到的,可以将图文 、纯文字 、纯图片、音乐、视频、小程序。本篇文章主要是图片/图文分享,分享是分享至微信聊天界面、微信朋友圈、微博、QQ。最终效果-gif图片:PS1:分享之前还需要在项目根目录下的manifest.json里面的App模块权限配置里面的Share(分享)勾上PS2:打包之后的分享同样是需要对应的appkey/appid之类的;这些...原创 2020-01-12 10:54:59 · 2703 阅读 · 3 评论 -
uniapp-字体图标使用-解决字体图标无法正常显示(IOS显示正文形/问号)
前言:字体图标常用到的是阿里的iconfont,阿里的iconfont在IOS默认显示的基本是没有问题的,但是有时候图标显示不正常,比如:显示正方形、或者问号。在buttons引用的字体图标如果是固定的,不是动态修改一般是没有问题的,但是有的时候关系到字体图标的动态切换。在安卓上点击字体图标进行切换是正常的,在IOS就出现以上提到的正方形、或者问号。这里就有一个坑了,下面是描述的是解决方~法...原创 2020-01-11 12:10:59 · 8438 阅读 · 2 评论 -
uniapp地图-点击添加标记点
前言:这篇文章讲述的是map标签的@tap点击地图事件;添加的标记点都是保存在markers数组里面,点击地图就会获取点击的位置的经纬度,然后在point里面追加了iconPath标记点的图标,之后使用了concat将点击地图的对象添加到markers数组里面就完成了点击地图显示标记点了。uniapp地图-删除标记点uniapp地图-标记点-多点连线具体的也可以看看官网的介绍:https...原创 2020-01-05 10:24:22 · 14004 阅读 · 21 评论 -
uniapp地图-删除标记点
前言:本篇文章衔接了【uniapp地图-标记点-多点连线】文章;下面是一个示例,用到的是本地数组,以及地图的标记点点击事件@markertap,点击标记时触发的,触发前提是需要指定 marker 对象属性 id才会触发。之后拿到markerId循环@markertap绑定的数组中ID相等的splice掉。当然这个只是对本地数据的一个简单的demo,到了项目当中用到接口,根据实际情况进行传参删除指定...原创 2020-01-01 10:47:23 · 3858 阅读 · 5 评论 -
uniapp-tabBar中间凸起按钮
前言:以下是使用的是原生方法,兼容会比绘制按钮的好,不用写更多代码去让图标固定到tabBar位置。官网有提到“中间按钮 仅在 list 项为偶数时有效”,这需要注意,另外在中间按钮的图标有的凸出的部分的图标有个描边的边框之类的,这点在当前uniapp版本已经自动适应了,在之前的开发版本是不会自适应的。比如在安卓上面能够自适应凸出部分的描边可以刚刚好跟tabBar水平对齐,但是在苹果上面是不会的。...原创 2019-12-29 09:36:05 · 14653 阅读 · 12 评论 -
uniapp子窗体的使用与传参
前言:以下是我分享的是项目开发中的子窗体和子窗体与交窗口之间的通信;为什么使用子窗体?比如项目中有类似地图这样的功能,如果页面有弹窗的话会被地图所遮挡,或者有弹窗的层不高无法遮挡原生顶部这时就需要子窗体来实现该弹窗了,例如:页面中的弹出分享、客服、通知之类的弹窗都可以使用子窗体实现…PS:表达不详细的地方可以评论补充,谢谢~实现效果:(子窗体显示前)(子窗体显示后)现在来看看dem...原创 2019-12-04 15:11:44 · 3173 阅读 · 0 评论 -
uniapp关闭回弹
原创 2019-12-03 15:51:49 · 2680 阅读 · 0 评论 -
uniapp地图-标记点-多点连线
前言:正在使用uniapp开发地图这块不明白的小伙伴可以看看我以下的代码分享;下面是我开发中使用vue+uniapp遇到的地图问题,有的APP涉及到地理位置的功能,所以,地图组件可以实现这个功能,如:调起手机的第三方导航(百度地图、高德地图)、在地图上标记出来每个不同的定位,也可以让相同类型的标记点相连并设置不同的图片和颜色更好的辨认。PS:下面我跟大家分享是地图标记点和标记点相连;注释已经写在...原创 2019-11-03 18:28:02 · 21793 阅读 · 49 评论