- 博客(47)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 uniapp微信小程序点击图片进行预览
地址https://uniapp.dcloud.io/api/media/image?id=unipreviewimageobjectuni.previewImage({ indicator: "none", //图片指示器样式 current: msg, //图片索引值 urls: arr //需要预览的图片链接列表});
2021-07-24 17:52:00
1368
原创 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
1794
原创 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
871
原创 微信小程序点击地址，跳转到地图导航
在进入小程序的时候我就获取了地理位置了，所以直接在地址的位置加点击事件即可uni.openLocation({ latitude: lat, //要去的纬度-地址 longitude: lng, //要去的经度-地址 name: name, address: address})
2021-06-12 10:46:50
4486
原创 如何去掉button自带样式
button:after { border-radius: 0; border: none; outline: none;}
2021-05-20 09:01:54
348
原创 uniapp如何设置横向滚动，而且没有滚动条
设置横向滚动overflow-x: auto;display: -webkit-box;overflow-y: hidden;隐藏横向滚动条::-webkit-scrollbar { display: none;}
2021-05-15 10:17:45
1653
原创 uniapp动态改变导航标题
uni.setNavigationBarTitle({ title: this.productInfo.name});
2021-05-12 16:48:26
239
原创 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
1952
原创 微信小程序分享好友和朋友圈的功能
在做好小程序后，看到右上角三点的分享好友和朋友圈是暗灰色的不能点。如图新建share.js文件全局引入export default { data() { return { //设置默认的分享参数 sharedata: { title: '*************', path: '/pages/index/index', imageUrl: '', desc: '', content: '' } } }, //发送给朋友
2021-04-19 11:08:12
1096
原创 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
1038
原创 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
933
原创 微信调用支付JSAPI缺少参数：total_fee，
微信调用支付JSAPI缺少参数：total_fee，注意package的格式，，正确格式为package = "prepay_id=" + res.data.js_api_payment.prepay_id
2021-02-02 09:23:56
587
原创 如何去掉eslint代码规范
找到.eslintrc.js 覆盖下面代码即可module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essential', /* '@vue/standard' */ ], parserOptions: { parser: 'babel-eslint' }, rules: { 'no-console': process.env.NODE_
2021-01-15 11:09:26
956
1
原创 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
1179
原创 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
4545
原创 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
2728
原创 筛选组件接接口，
组件地址https://ext.dcloud.net.cn/plugin?id=1078注意哈，有个confirm函数是用来接收菜单结果的所以我们只要在组件找个这个函数的位置，在这个函数下对接接口即可最关键的问题就是怎么找到 我们点击任何一个筛选按钮时对应的index就可以了注意看组件的备注部分，根据你自己设置组件的需求来打印相对应的index，然后根据index的值来处理接口了每个筛选的条件，相对应的接口类型不同。比如type = 1是综合排序，type=2 是距离排序，将type的类
2021-01-07 10:31:30
240
转载 node.js响应，输出文本解决乱码问题
res.setHeader('Content-Type','text/plain;charset="utf-8"')Content-Type的类型text/plain 文本text/html 包含html标签的文本例子：var http = require('http')var server = http.createServer()server.on('request',function(req,res){ if(req.url === '/text'){
2021-01-05 20:43:48
319
原创 后台给的数据 对象的属性加着双引号如何去掉 涉及到知识点JSON.parse()和JSON.stringify()
let data ='{"age":"12","name":"小朋友"}'; let json = JSON.parse(data);console.log(json);
2021-01-03 17:11:30
2690
原创 后端设置的时间格式的转化
'2020-12-30T03:00:50+08:00'.substring(0,16).replace('T',' ').replace(/-/g,'/')
2021-01-03 09:55:20
692
原创 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
2701
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
21766
原创 时分秒去掉秒
this.endshijian = moment(this.productInfo.business_hours_end,'HH:mm').format('HH:mm')
2020-12-19 10:18:25
1759
1
原创 uni-app的vuex使用说明书
Vuex是vue的状态管理工具，为了更方便的实现多个组件共享状态。主要讲vuex的五个属性，官网的那些专业术语了，我就不来了，按自己的理解来写了，完事了，我来举例子（不用大概看例子什么意思，看怎么使用就可以了）state vuex的基本数据，用来存储变量，也就是我们直接可以拿来用的值getters 相当于state的计算属性mutations 相当于methods ，但是他是同步的actions 相当于methods ，他是异步的，，比如setIntervalmodules：模块化v
2020-12-02 14:25:39
2369
原创 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
5210
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
1656
1
原创 uni-app小程序自定义tarbar，扫码体验版的时候会出现两个导航
在自定义tarbar文件种，复制下面代码即可，完整的哦created() { uni.hideTabBar({ })},
2020-11-06 15:42:22
449
原创 uin-app动态的设置标题
onReady(){ uni.setNavigationBarTitle({ title:"满庭花音乐餐吧" }); },
2020-11-02 10:07:06
178
3
原创 uni-app 新手入门到精通完结篇
uni-app 新手入门到精通1https://blog.youkuaiyun.com/renxiaoxing55/article/details/109073564uni-app 新手入门到精通2https://blog.youkuaiyun.com/renxiaoxing55/article/details/109079171uni-app 新手入门到精通3https://blog.youkuaiyun.com/renxiaoxing55/article/details/109103310最后一篇文章我们说一下小程序,H.
2020-10-16 18:25:40
2322
原创 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
820
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
1923
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
3066
1
原创 vue环境的一步安装+移动端开发字体自动处理px转rem
第一步 实测解决:系统上禁止运行脚本(目的是为了npm create可以直接创建好项目)https://blog.youkuaiyun.com/l_x_cser/article/details/104956657第二步 vue --version 检测脚手架的版本 如果低于3.0npm uninstall vue-cli -g 如是有的话，就用命令卸载npm -g install vue-cli@3.0 安装脚手架第三步 vue create +项目名称移动端字体解决第一步 npm i p
2020-09-29 11:41:57
207
vue所有知识点--可以下载看看
2020-09-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人