uni-app
Amen-
这个作者很懒,什么都没留下…
展开
-
uniApp-h5端跳转外链
跳转外链只能h5,公众号可以实现,小程序不支持跳转外链链接必须是http / https 开头 否则跳转是 路由后面拼接上跳转地址// #ifdef H5 window.location.href=http://www.baidu.com;// #endif原创 2021-02-24 11:20:07 · 4137 阅读 · 0 评论 -
uniapp/vue报错: VUE Support for the experimental syntax ‘classProperties‘ isn‘t currently en
报错内容:VUE Support for the experimental syntax 'classProperties' isn't currently en****Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins'解决:1. npm i -D @babel/plugin-proposal-class-propertiesnpm i -D @babel/plugin.原创 2021-02-04 17:18:25 · 547 阅读 · 0 评论 -
uniapp-运行-Android环境
1.找到数据线,链接手机跟电脑2.打开手机设置-开发者选项-勾选USB调试、通过USB验证应用3.首次链接的话手机上会弹出是否信任该电脑,点击确定4.打开HBuilderX,导入要运行的项目,选中该项目,点击左上角,运行-运行到手机或模拟器-选择自己的手机5.手机上会弹出是否要安装HBuilder,只管点确定6.打开HBuilder,里面运行的就是刚才启动的项目注:如果是mac电脑想要链接安卓手机的话,需要在准备一些工具1.首先你需要有一个转换器,2.然后你需要在m.原创 2020-08-05 19:39:35 · 3292 阅读 · 0 评论 -
npm install -g @vue/cli 失败
npm ERR! code ENOTFOUNDnpm ERR! errno ENOTFOUNDnpm ERR! network request to http://registry.npmjs.org/@vue%2fcli failed, reason: getaddrinfo ENOTFOUND registry.npmjs.orgnpm ERR! network This is a problem related to network connectivity.npm ERR! network.原创 2020-06-15 11:29:26 · 10030 阅读 · 0 评论 -
uni-app 拨打电话
官网地址:https://uniapp.dcloud.io/api/system/phone?id=makephonecall注:手机号格式必须是string类型,不能为number类型,否则小程序上会调用失败,h5上不会报错 uni.makePhoneCall({ phoneNumber:‘40088888888’,//手机号 // 成功回调 success: (res) => { console.log('调用成功!')原创 2020-05-29 18:27:15 · 1135 阅读 · 0 评论 -
uni-app 复制文本
官方文档地址:https://uniapp.dcloud.io/api/system/clipboard?id=setclipboarddata uni.setClipboardData({ //准备复制的数据 data: ‘123’, success: function (res) { uni.showToast({ title: '复制成功', }); } })...原创 2020-05-25 22:01:36 · 5204 阅读 · 1 评论 -
uni-app 查看大图
uni.previewImage({ current:index, //预览图片的下标 urls: imgList//预览图片的地址,必须要数组形式,如果不是数组形式就转换成数组形式就可以 })注:小程序下 图片路径是http://开头的会造成图片打不开 h5下无所谓是http://还是 https://...原创 2020-05-11 16:32:13 · 4960 阅读 · 0 评论 -
uni-app 微信公众号(H5)自定义分享,禁止分享
先放一个官方文档的链接https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#48上代码:禁止分享:async hideShare() { let locationHref = {url: window.location.href}; let info = await r...原创 2020-03-23 16:11:00 · 6886 阅读 · 0 评论 -
uni-app ios环境微信分享 当前页面的url与分享的url不一致
问题出现的原因就不多解释了,在vue离开里面这个问题是可以用路由守卫解决虽然uni-app没有路由守卫,但是可以放在onShow方法里面解决在onShow里面重新调取一下分享操作...原创 2020-03-19 15:03:21 · 2168 阅读 · 1 评论 -
mac环境 - 前端node启动压缩包(http-server )
打开终端 全局安装sudo npm install http-server -g安装成功后打开打包好的目录,可以直接把文件拖拽过去然后在当前目录输入http-serve -p 3000 -P http://x x.x x.x x.com.cn小写-p 是启动的端口号,大写是接口访问的前缀启动成功后在浏览器打开 ,然后手动进入文件夹例:http://127.0.0.1:3...原创 2020-03-16 20:55:58 · 426 阅读 · 0 评论 -
uni app uni-page-body高度没有百分百
问题:uni-page-body标签高度没有百分百,导致页面只显示一半解决:page { height: 100%;}或者用flex布局原创 2020-03-12 15:20:12 · 11498 阅读 · 4 评论 -
uni app 覆盖组件样式
编译到H5如果要重置组件样式使用>>> .className{width:xxx}scss的话 要使用 /deep/ .className{width:xxx}可根据权重在前面加父级class 或者加!important...原创 2020-03-10 20:21:30 · 6514 阅读 · 0 评论 -
uni app 微信分享 仅前端
地址:https://ask.dcloud.net.cn/article/35380https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html1.npm install jweixin-module --save2.// 我这个data 是调取后台接口返回的微信配置 const wx ...原创 2020-03-09 15:54:03 · 578 阅读 · 0 评论 -
uni-app 路由跳转带着当前页的路由
问题:用 uniapp跳转的时候总带着当前页的路由问题原因:uni.reLaunch({ url: `pages/personalCenter/index` });注:url:'./pages/xxx' 或者 'pages/xxxx',这样的写法跳转的时候都会带着当前页的路由,正确写法是'/pages/xxx'解决:uni.reLaunch({ ...原创 2020-03-09 14:21:56 · 1860 阅读 · 0 评论 -
vue公众号转uni-app,仅做自己项目整理参考
根据原项目的功能板块挪动整理依赖及重新npm点击工具 - 插件安装 - 安装项目所需要的插件安装成功会在右下角提示安装成功跑npm install安装依赖better-scroll - 移动端滑动插件mint-ui - 移动端样式库,uniapp有自己的样式库,可以参考使用clipboard -拷贝js-cookie - cookievue-qr - ...原创 2020-02-03 12:38:04 · 1245 阅读 · 0 评论