uni-app
Tippye
这个作者很懒,什么都没留下…
展开
-
给图片加个自适应颜色的阴影
一个牛逼的设计师真的会让前端u感到自己无比的垃圾这两天设计师给我丢来个这东西要求里面能换图片,阴影需要根据图片内容自动适应颜色用box-shadow肯定是不行了,别说自适应图片,弄成渐变色都不行不过机智的我怎么能做不出来呢????实现自适应图片颜色的阴影先画出来要放图片的部分然后复制一份其中一份加上一个样式filter: blur(20px);对,没错,就是高斯模糊然后通过定位或其他方法把这两个重叠到一起这样换张背景也依然可以看出适应图片的阴影这是把上面一层隐藏掉的效果花原创 2020-07-17 09:06:53 · 374 阅读 · 1 评论 -
uniapp连接本地服务器请求超时
刚拿到后端准备去接,结果发现本地请求还都超时了看网上有说请求时加上sslVerify:false但是我加上也没有任何变化,该超时还是超时终于找到原因我用的是Android studio的模拟器,需要把本地的127.0.0.1改成10.0.2.2改完就可以用了但是很快又有了新问题 真机调试不能用了这里其实可以访问网络位置先在cmd中输入ipconfig然后会返回一大...原创 2020-04-27 22:07:07 · 3737 阅读 · 1 评论 -
uniapp使用高德地图线路规划
地图终于实现了想要的功能准备高德地图提供了线路规划的接口,但是由于uniapp使用的是小程序的SDK,有些东西就会无法使用参考文档SDK里面的东西都是小程序中的语法,比如wx.getLocation这样一来在uniapp中就会报错为了解决这个问题,我把他的amap-wx.js改成了amap-uni.js我已经放到了我的资源和百度云里,百度云提取码 mtm5const key = '...原创 2020-04-16 14:55:26 · 5871 阅读 · 3 评论 -
uniapp nvue map中刚踩到的坑 解决markers和polyline不显示
uniapp真是个神奇的框架,文档上明明写着marker,polyline中的部分属性在nvue中支持,结果,别说marker的属性了,marker都没了解决还是来看看怎么解决的这是开始时不能显示marker的代码<map class="my-map" id="my-map" :style="{ height: mapHeight }" :latitude="latitude...原创 2020-04-14 21:28:35 · 10351 阅读 · 16 评论 -
uniapp使用高德地图
uni中使用地图还是挺麻烦的,文档还要借鉴人家小程序的文档先做最基本的地图首先在高德地图的控制台里下载小程序的SDK(不管你是不是开发小程序,都是这个)点这里直接下载然后把压缩包里的amap-wx.js放到工程的common目录下不添加这个的话没法用高德地图提供的一些方法制作地图页的时候建议使用nvue页面,即使原来的页面都是vue也没关系,因为map的好多属性和方法不支持vue页面...原创 2020-04-12 16:15:33 · 6168 阅读 · 1 评论 -
uniapp申请高德地图Key SHA1和PackageName
项目中需要使用地图,没想到申请还这么麻烦注册开发者账号首先在高德开放平台注册开发者账号不多解释创建应用先进入控制台填写应用名称和类型就好创建key创建应用后点击key名称按照[应用名 + 应用场景]的格式填写比如:悠游-小程序小程序不用设置啥这里就不多说创建Androidkey看起来很正常,谁能想到SHA1和PackageName在uniapp项目中这么难找呢...原创 2020-03-31 16:47:39 · 7368 阅读 · 5 评论 -
uniapp中使用Vuex存储全局变量和方法
创建先在项目的根目录下创建store文件夹并在文件夹中创建index.jsindex.js中写上这些import Vue from "vue"import Vuex from "vuex" Vue.use(Vuex); export default new Vuex.Store({ state:{ }, mutations:{ ...原创 2020-03-30 17:26:40 · 3480 阅读 · 3 评论 -
uniapp中使用iconfont
耗了一晚上终于把框框变成了图标????如果uniapp要开发微信小程序就放弃在iconfont下载使用吧,小程序不支持在css中引入本地文件(就这个问题让我看了一晚上的框框)顺便一说,小程序不支持在css中使用本地文件,包括本地的背景图和字体文件。需以base64方式方可使用。因为我涉及到了小程序所以要用在线的,不过本地应该也差不多,文件放到common中,网络链接换成本地路径应该就可以了找图...原创 2020-03-29 20:36:42 · 484 阅读 · 2 评论 -
uniapp tabBar在安卓端不显示text
在pages.json中设置tabBar结果显示的时候没有文字只有图片去掉图片就一片空白了这是因为fontSize中使用了rpx在这里只能使用px而不能用rpx和upx去掉即可...原创 2020-03-29 16:48:36 · 1898 阅读 · 0 评论 -
uni redirectTo:fail can not redirectTo a tabbar page和navigateTo:fail can not navigateTo a tabbar解决
真机运行突然遇到了这种报错redirectTo:fail can not redirectTo a tabbar pagenavigateTo:fail can not navigateTo a tabbar大概意思就是跳转到tabbar页面失败解决也很简单,比如tabbar上有index和setting两个页面我在a页面写了uni.redirectTo({ url:"@/pages...原创 2020-03-29 14:48:34 · 3137 阅读 · 0 评论 -
uni-app第二天
app端上传图片和拍照这两个其实差不多官方文档里给出了选择图片的方法下面是方法点击后调用这个方法uploadImg() { console.log('上传图片'); //看是否调用的此方法 uni.chooseImage({ count: 9, //最多选择9张照片 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认...原创 2020-03-15 15:07:34 · 102 阅读 · 0 评论 -
uni-app踩坑日记--app无法显示图片
昨晚模仿QQ做出来了这几个按钮,本来是在iconfont复制的svg,结果发现这几个图标都不见了,然后就保存了png,用的图片发现可以正常显示突发奇想,找来了家里退伍的安卓机测试一下发现这几个图片都没了!!没了!!了!!!!今天早上再试还是没有我就干脆在组件上又写了一个image想用来找找原因<view class="chat-send"> <!-- 这是刚...原创 2020-03-15 14:58:58 · 2446 阅读 · 4 评论 -
uni-app第一天
搭建uni-app搭建这样一个项目十分简单,不需要像Vue一样去用cmd下载,直接用HBuilderX新建项目的时候选择uni-app即可,开发时体验最好的应该也是HBuilderX了(毕竟是自家产品)插件安装在工具中选择插件安装,里面会有各种各样的插件uni-app 项目中会用到scss,不装插件的话会无法编译这里我只找到了prettier为了在手机上真机调试,我把这几个插件也装...原创 2020-03-15 14:43:32 · 165 阅读 · 0 评论