uni-app
认真的小蜗牛
这个作者很懒,什么都没留下…
展开
-
微信小程序动态改变顶部导航的颜色
微信小程序顶部导航原创 2022-11-01 17:25:34 · 810 阅读 · 1 评论 -
字节跳动小程序报错 login:fail system error
退出字节开发工具重新登陆即可原创 2022-03-02 15:47:46 · 708 阅读 · 0 评论 -
uniapp微信小程序点击图片进行预览
地址https://uniapp.dcloud.io/api/media/image?id=unipreviewimageobjectuni.previewImage({ indicator: "none", //图片指示器样式 current: msg, //图片索引值 urls: arr //需要预览的图片链接列表});原创 2021-07-24 17:52:00 · 1255 阅读 · 0 评论 -
uniapp微信小程序 ios上 video组件全屏播放结束后,无法返回?
官网是没找看解决办法,我想到两种思路1,全屏按钮直接隐藏掉,干脆利落<video :show-fullscreen-btn="false"></video>2,全屏之后,播放结束,退出全屏不就可以拉<video id="myVideo" @ended="endedFun()"></video>onReady() { this.videoplay = uni.createVideoContext('myVideo')},methods:{原创 2021-06-21 15:33:23 · 1719 阅读 · 0 评论 -
uniapp微信小程序获取地理位置授权
文件写在了App.vueonShow() { this.handleAuthorize()},methods: { // 获取用户的地理位置, getLocationFn() { const _this = this uni.getLocation({ type: 'gcj02', // <map> 组件默认为国测局坐标gcj02 altitude: true, success(res) { uni.setStorageSync原创 2021-06-12 10:53:37 · 817 阅读 · 0 评论 -
微信小程序点击地址,跳转到地图导航
在进入小程序的时候我就获取了地理位置了,所以直接在地址的位置加点击事件即可uni.openLocation({ latitude: lat, //要去的纬度-地址 longitude: lng, //要去的经度-地址 name: name, address: address})原创 2021-06-12 10:46:50 · 4367 阅读 · 0 评论 -
uniapp如何设置横向滚动,而且没有滚动条
设置横向滚动overflow-x: auto;display: -webkit-box;overflow-y: hidden;隐藏横向滚动条::-webkit-scrollbar { display: none;}原创 2021-05-15 10:17:45 · 1610 阅读 · 0 评论 -
uniapp动态改变导航标题
uni.setNavigationBarTitle({ title: this.productInfo.name});原创 2021-05-12 16:48:26 · 217 阅读 · 0 评论 -
uniapp 报错Uncaught SyntaxError: Unexpected end of JSON input
页面跳转传递json数据时,报错Uncaught SyntaxError: Unexpected end of JSON input检查代码时发现JSON.stringify和JSON.parse使用也是正确的这就到了关键一步,检查传递的json对象中,是否有url属性如果有的话就需要这样写了点击按钮跳转uni.navigateTo( url:'./buysucess?info=' + encodeURIComponent(JSON.stringify(this.orderinfo))})原创 2021-05-05 15:56:06 · 1894 阅读 · 0 评论 -
微信小程序分享好友和朋友圈的功能
在做好小程序后,看到右上角三点的分享好友和朋友圈是暗灰色的不能点。如图新建share.js文件全局引入export default { data() { return { //设置默认的分享参数 sharedata: { title: '*************', path: '/pages/index/index', imageUrl: '', desc: '', content: '' } } }, //发送给朋友原创 2021-04-19 11:08:12 · 988 阅读 · 0 评论 -
uniapp计算时间差,安卓机显示正常,ios显示null,计算时间不正确
时间原先格式是这样的this.currentDate = new Date(year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds).getTime();改正this.currentDate = new Date(year + "/" + month + "/" + day + " " + hours + ":" + minutes + ":" + seconds).getTime();在i.原创 2021-04-12 16:39:00 · 1011 阅读 · 0 评论 -
uniapp左上角按钮返回,返回到指定页面
onUnload(){ uni.navigateBack({ delta:3 }) },原创 2021-02-27 11:47:14 · 5591 阅读 · 0 评论 -
uniapp复制功能
copy(value) { //提示模板 uni.setClipboardData({ data: this.list.id,//复制的内容 success: function(res) { uni.getClipboardData({ success: function(res) { uni.showToast({ title: '已复制到剪贴板', icon:'none' }); } }); } });}...原创 2021-02-20 10:09:38 · 900 阅读 · 0 评论 -
微信调用支付JSAPI缺少参数:total_fee,
微信调用支付JSAPI缺少参数:total_fee,注意package的格式,,正确格式为package = "prepay_id=" + res.data.js_api_payment.prepay_id原创 2021-02-02 09:23:56 · 549 阅读 · 0 评论 -
uniapp的上拉加载和下拉刷新
插件地址 https://ext.dcloud.net.cn/plugin?id=29#detailhtml<view v-show="isLoadMore" style="width: 100%;display: flex;justify-content: center;"> <!-- loading加载提示处 --> <uni-load-more :status="loadStatus"></uni-load-more></view&.原创 2021-01-15 10:12:36 · 1151 阅读 · 0 评论 -
uniapp微信小程序授权登录
<template> <view> <view class="login" v-if="show"> <image src='../../static/login-bg(1).png'></image> <view class='content'> <view class="text">尊贵的会员,请您先登录</view> <button open-type="getUse原创 2021-01-15 10:03:48 · 2635 阅读 · 0 评论 -
uniapp接口封装和使用
新建util文件夹,当前目录下新建api.js,代码为下const BASE_URL = 'http://192.168.110.188:8001' //后端给的urlexport const myRequest = (options) => { return new Promise((resolve,reject)=> { let authtoken = uni.getStorageSync('authtoken') uni.request({ url:BASE原创 2021-01-15 09:54:24 · 2683 阅读 · 0 评论 -
筛选组件接接口,
组件地址https://ext.dcloud.net.cn/plugin?id=1078注意哈,有个confirm函数是用来接收菜单结果的所以我们只要在组件找个这个函数的位置,在这个函数下对接接口即可最关键的问题就是怎么找到 我们点击任何一个筛选按钮时对应的index就可以了注意看组件的备注部分,根据你自己设置组件的需求来打印相对应的index,然后根据index的值来处理接口了每个筛选的条件,相对应的接口类型不同。比如type = 1是综合排序,type=2 是距离排序,将type的类原创 2021-01-07 10:31:30 · 215 阅读 · 0 评论 -
uniapp轮播图 加入video,video滚动到图片的时候,视频停止播放
下面是我用的插件地址,感觉还不错的https://ext.dcloud.net.cn/plugin?id=284<uni-swiper-dot :info="info" :current="current" :mode="mode" :dots-styles="dotsStyles" field="content" class="swiper"> <swiper class="swiper-box" @change="change"> <!-- 这里是v.原创 2021-01-02 15:31:54 · 2611 阅读 · 11 评论 -
uniapp运行到微信开发者工具出现 [ WXSS 文件编译错误] 的解决办法
问题描述:uniapp运行到微信开发者工具,在控制台出现:[ WXSS 文件编译错误]提示,如图:控制台点击main.wxss文件发现在uniapp中定义的uni.scss变量保持原样,没有经过编译,如图:问题出现的原因:经过查找发现,是由于我在app.vue中手动引入了uni.scss,并未在style标签上声明scss模式,所以uni.scss内定义的css变量就未经编译,被当做普通css进行引入,编译到小程序后,wxss不识别所以报错,如图:解决办法:1.不要在app.v.原创 2020-12-25 10:49:07 · 17786 阅读 · 0 评论 -
时分秒去掉秒
this.endshijian = moment(this.productInfo.business_hours_end,'HH:mm').format('HH:mm')原创 2020-12-19 10:18:25 · 1700 阅读 · 1 评论 -
uni-app的vuex使用说明书
Vuex是vue的状态管理工具,为了更方便的实现多个组件共享状态。主要讲vuex的五个属性,官网的那些专业术语了,我就不来了,按自己的理解来写了,完事了,我来举例子(不用大概看例子什么意思,看怎么使用就可以了)state vuex的基本数据,用来存储变量,也就是我们直接可以拿来用的值getters 相当于state的计算属性mutations 相当于methods ,但是他是同步的actions 相当于methods ,他是异步的,,比如setIntervalmodules:模块化v原创 2020-12-02 14:25:39 · 412 阅读 · 0 评论 -
uniapp实现筛选栏吸顶和点击筛选条件回到顶部的需求
这里先说一下,,筛选的插件我用的是DCloud插件市场的,,,注意详细看组件的使用方法,有问题可以留言https://ext.dcloud.net.cn/plugin?id=1078下面上代码了,如果是类似需求的话可以直接复制的<view id="scrollId" :class="{'is-fixed': isFixed}" @click="open()"> <HMfilterDropdown :menuTop="0" :filterData="filterData"原创 2020-11-19 10:13:38 · 4783 阅读 · 4 评论 -
uni-app微信小程序更改复选框checkbox ,单选框radio的样式
没错就是这样的,,不要怀疑wx/* #ifdef APP-PLUS ||MP-WEIXIN */ checkbox .wx-checkbox-input { border-radius: 50% !important; color: #ffffff !important; } checkbox .wx-checkbox-input.wx-checkbox-input-checked { color: #fff; background: #07C160; } /* #end原创 2020-11-10 18:29:20 · 1615 阅读 · 1 评论 -
uni-app小程序自定义tarbar,扫码体验版的时候会出现两个导航
在自定义tarbar文件种,复制下面代码即可,完整的哦created() { uni.hideTabBar({ })},原创 2020-11-06 15:42:22 · 415 阅读 · 0 评论 -
uin-app动态的设置标题
onReady(){ uni.setNavigationBarTitle({ title:"满庭花音乐餐吧" }); },原创 2020-11-02 10:07:06 · 150 阅读 · 3 评论 -
uni-app 新手入门到精通完结篇
uni-app 新手入门到精通1https://blog.csdn.net/renxiaoxing55/article/details/109073564uni-app 新手入门到精通2https://blog.csdn.net/renxiaoxing55/article/details/109079171uni-app 新手入门到精通3https://blog.csdn.net/renxiaoxing55/article/details/109103310最后一篇文章我们说一下小程序,H.原创 2020-10-16 18:25:40 · 2206 阅读 · 0 评论 -
uni-app 新手入门到精通3
1, 组件的创建使用和组件的生命周期引入组件=>注册组件=>使用组件<template> <view> <test></test> </view></template>import test from '../../components/test.vue'export default { components: { test:test, },}组件生命周期,我就说说常用的几个吧(组件中原创 2020-10-16 09:11:23 · 768 阅读 · 3 评论 -
uni-app 新手入门到精通2
1, uni 基本的数据绑定 v-bind v-for 注册事件和传递函数 和vue 基本是一样的,这里我就不多说了2, 生命周期 API=>基础=>生命周期主要作用的话,大家去官网看文档吧https://uniapp.dcloud.io/api/lifecycle分为两部分其一,应用生命周期 在App.vue 运行的时候的控制台可以直接看到打印结果其二, 页面生命周期 用的比较多的是onLoad 监听页面加载,其参数为上个页面传递的数据,参数类型为Object(原创 2020-10-14 20:41:36 · 1848 阅读 · 6 评论 -
uni-app 新手入门到精通1
uni-app的开发必须要通过HBuilderX可视化页面HBuilderX的下载地址 https://www.dcloud.io/hbuilderx.htmlHBuilderX的使用教程在uni-app也有,我这里就不详细说了https://uniapp.dcloud.io/quickstart?id=_1-%e9%80%9a%e8%bf%87-hbuilderx-%e5%8f%af%e8%a7%86%e5%8c%96%e7%95%8c%e9%9d%a21,大概目录介绍,运行方式可以直接阅读工原创 2020-10-14 16:59:33 · 2849 阅读 · 1 评论