uni-app
uni-app
&XYZ&
越努力,越幸运!
展开
-
uni-app:刷新当前页面
uni-app:关闭当前页面,跳转到应用内的某给页面(如果想刷新当前页面也可以使用该方法):uni.redirectTo({ url: 'test?id=1'});官方文档讲解:uni.redirectTo原创 2020-09-28 10:53:27 · 17022 阅读 · 0 评论 -
uni-app:app端返回逻辑
uni-app:app端返回逻辑app端返回app端返回 onBackPress(options) { if (options.from === 'navigateBack') { return false; } this.back(); return true; }, methods:{ back(){ // 返回到相对应的模块 let page = this.$store.state.loginTapPage; if(page == 2原创 2020-09-22 09:54:29 · 673 阅读 · 0 评论 -
微信 URL Scheme详细参数、判断是否为微信内置浏览器
weixin:// 打开微信weixin://dl/scan 扫一扫weixin://dl/feedback 反馈weixin://dl/moments 朋友圈weixin://dl/settings 设置weixin://dl/notifications 消息通知设置weixin://dl/chat 聊天设置weixin://dl/general 通用设置weixin://dl/...原创 2020-03-17 10:48:37 · 6632 阅读 · 0 评论 -
uni-app:将页面滚动到目标位置
uni.pageScrollTo(OBJECT)uni-app的官方讲解uni.pageScrollTo(OBJECT)传送门注意点:滚动值是由scrollTop来控制的,滚动值如果在当前你看得到的可视化区域,那么它将不会滚动,反之可以滚动。...原创 2020-02-18 09:14:46 · 5288 阅读 · 0 评论 -
uni-app的页面背景颜色怎么设置
这个页面的背景颜色是这样的,我现在想让我的某个页面的背景颜色变成蓝色,直接在页面的样式里面加入下面代码就可以了。page{ background-color: #3c76cd; }...原创 2020-02-07 21:52:04 · 6495 阅读 · 4 评论 -
scroll-view可滚动视图区域(左右滑动出现文字内容)
scroll-view可滚动视图区域。实例代码:html部分:<scroll-view class="scroll-cont" scroll-x="true" @scroll="scroll" scroll-left="0"> <view class="srroll-details" :style="{width:200*curriculumList.length...原创 2019-12-25 17:51:12 · 620 阅读 · 0 评论 -
uni-app数据缓存
将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。https://uniapp.dcloud.io/api/storage/storage?id=setstorage原创 2019-11-23 09:54:30 · 1177 阅读 · 0 评论 -
微信小程序的页面分享:原生菜单自带的分享按钮(你的右上角三个点点击可以看到有分享或者转发)
原生菜单自带的分享按钮(分享给你的朋友):<template> <view class="content"> 分享(转发)成功出去之后,别人看到的是这个页面的内容。 </view></template><script> export default { onShareAppMessage: function()...原创 2019-11-22 09:10:39 · 7867 阅读 · 0 评论 -
界面交互反馈:显示消息提示框、显示 loading 提示框、隐藏 loading 提示框、显示模态弹窗、显示操作菜单(手机底部弹起弹窗)
显示消息提示框:<template> <view class="content"> <view @click="test">界面交互反馈</view> </view></template><script> export default { methods: { test() { ...原创 2019-11-21 20:42:58 · 735 阅读 · 0 评论 -
uni-app引用第三方插件(根据银行卡卡号查询银行类型和卡类型)
1.npm下载(我们以银行卡卡号查询银行类型和卡类型插件:bankcardinfo为例):npm install bankcardinfo --save-dev2.下载后,你可以在package.json文件里面来查看是否下载成功(如果有就成功了)注意:你如果在文件中找不到package.json文件:请在项目根目录执行命令初始化npm工程:npm init -y3....原创 2019-11-18 10:34:30 · 3764 阅读 · 1 评论 -
uni-app条件编译(跨端兼容)、pages.json 的条件编译
<template> <view class="content"> <!-- #ifdef H5 --> <view> H5 </view> <!-- #endif --> <!-- #ifdef MP-WEIXIN --> <view> 微信小程序 <...原创 2019-11-17 16:43:15 · 6431 阅读 · 0 评论 -
uni-app上拉加载
<template> <view class="content"> <view v-for="(item,index) in msg" :key="index"> {{item.data.content.data.description}} </view> </view></template><...原创 2019-11-17 16:07:43 · 1338 阅读 · 0 评论 -
uni-app下拉刷新
<template> <view class="content"> <view v-for="(item,index) in msg" :key="index"> {{item.data.content.data.description}} </view> </view></template><...原创 2019-11-17 11:08:24 · 217 阅读 · 0 评论 -
uni-app设置导航条(动态设置标题、设置导航条颜色、显示与隐藏导航条标题加载效果)
<template> <view class="content"> <view @click="amend">动态设置当前页面的标题</view> </view></template><script> export default { methods: { //动态设置当前页面的标题。...原创 2019-11-16 15:04:20 · 7286 阅读 · 1 评论 -
uni-app是手机发生振动
<template> <view class="content"> <view @click="vibrate">手机发生振动</view> </view></template><script> export default { methods: { }, methods: { ...原创 2019-11-16 12:23:07 · 3091 阅读 · 0 评论 -
uni-app设置屏幕亮度
<template> <view class="content"> <view @click="luminance">点击设置屏幕亮度</view> </view></template><script> export default { methods: { }, methods:...原创 2019-11-16 12:01:16 · 2070 阅读 · 1 评论 -
uni-app拨打电话
<template> <view class="content"> <view @click="tel">拨打电话</view> </view></template><script> export default { methods: { }, methods: { //拨打电...原创 2019-11-16 10:49:59 · 3035 阅读 · 0 评论 -
uni-app监听网络状态变化(可以检测当前是否有网络连接以及网络类型)
<template> <view class="content"> </view></template><script> export default { methods: { }, onShow() { //监听网络状态变化 uni.onNetworkStatusChange(function(...原创 2019-11-16 10:31:51 · 14580 阅读 · 0 评论 -
uni-app获取网络类型(4G\3G\2G\wifi 网络\无网络等)
<template> <view class="content"> </view></template><script> export default { methods: { }, onShow() { //获取网络类型 uni.getNetworkType({ success: ...原创 2019-11-16 10:23:15 · 1661 阅读 · 0 评论 -
uni-app获取系统信息(手机牌子、手机型号、屏幕宽度、屏幕高度)
<template> <view class="content"> </view></template><script> export default { methods: { }, onLoad() { // 获取系统信息 uni.getSystemInfo({ success(res)...原创 2019-11-16 10:09:38 · 16751 阅读 · 0 评论 -
uni-app:H5页面软键盘弹起,底部元素不弹起
CSS 使用Flex布局让元素保持在页面底部(使用absolute或者fixed布局可以使元素保持在页面底部,但是软键盘弹起时元素也跟着一起弹起)(安卓机)<!-- html部分 --><view class="content"> <view class="accomplish">完成</view></view><...原创 2019-11-13 11:42:57 · 3789 阅读 · 2 评论 -
uni-app扫码调起客户端扫码界面,扫码成功后返回对应的结果。
<template> <view @click="scanCode"> 点击获取扫码二维码后获取二维码的内容 </view></template><script> export default { methods: { scanCode() { // 允许从相机和相册扫码 uni.scanCod...原创 2019-11-11 20:47:55 · 5573 阅读 · 0 评论 -
uni-app上传图片或者说照片(调用相册或者摄像头)
<view @click="chooseImage">热门</view>methods: { chooseImage() { uni.chooseImage({ count: 6, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有 sourc...原创 2019-11-07 22:50:00 · 8293 阅读 · 5 评论 -
uni-app请求网络数据(POST\GET)
POST请求:<h1 @click="requestData">发起网络POST请求</h1>methods:{ requestData(){ uni.request({ url: 'http://api.komavideo.com/news/list', method:'POST', data: { ...原创 2019-11-06 10:10:27 · 14485 阅读 · 0 评论 -
uni-app使用picker底部弹起的滚动选择器(日期选择器)
picker从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。html部分:<view class="">日期选择器</view> <view class=""> <view class=""> <view class="...原创 2019-11-02 17:49:41 · 13028 阅读 · 0 评论 -
uni-app滑块视图容器swiper
轮播图左右滑动:html部分:<swiper :indicator-dots="true" :indicator-color="rgba(0,0,0,.3)" :autoplay="true" :interval="2000" :duration="600"> <swiper-item v-for="(item,index) in list" :key="inde...原创 2019-11-02 12:12:36 · 1997 阅读 · 0 评论 -
uni-app获取对象的所有属性(推荐调用里面currentTarget)
<h1 @click='clickHot'>热门</h1>methods:{ clickHot(e){ console.log(e) } }console.log(e)打印出来如下图:原创 2019-11-02 10:00:40 · 11589 阅读 · 0 评论 -
uni-app长按触发事件
<li @longtap="longtap">长按触发事件</li><script>methods:{ longtap(){ console.log("是否保存?") } },</script>触发事件`@longTap`和`@longpre...原创 2019-11-02 09:26:34 · 23668 阅读 · 2 评论 -
uni-app:问题大全
uni-app 页面跳转的两种方法:地址:https://www.cnblogs.com/lccode/p/10615382.htmluni-app怎么给input双向绑定值:地址:https://ask.dcloud.net.cn/question/63208uni-app两种提示框:地址:https://www.jianshu.com/p/69e4574f2aa5uni...原创 2019-11-02 11:05:34 · 946 阅读 · 0 评论 -
uni-app背景图片 background-image,支持 base64 格式图片、支持网络路径图片、本地路径背景图片
背景图片uni-app支持使用在 css 里设置背景图片,使用方式与普通web项目相同,需要注意以下几点:支持 base64 格式图片。 支持网络路径图片。 使用本地路径背景图片需注意: 图片小于 40kb,uni-app会自动将其转化为 base64 格式; 图片大于等于 40kb, 需开发者自己将其转换为base64格式使用,或将其挪到服务器上,从网络地址引用。 ...原创 2019-10-12 11:31:13 · 16562 阅读 · 0 评论