uni-app
uni-app
苦夏木禾
声明:如效果实现不符,请自己研究,不要随意甩锅
展开
-
uniapp组件库总结笔记
uniapp组件库推荐原创 2023-05-15 18:11:57 · 546 阅读 · 0 评论 -
在uniapp vue3 setup语法糖中调用onLoad、onShow等生命周期
在uniapp vue3 setup语法糖中调用onLoad、onShow等生命周期。原创 2022-11-26 15:15:15 · 10635 阅读 · 3 评论 -
uniapp 微信小程序 全局点亮所有页面的 ‘发送给朋友‘ 和 ‘分享朋友圈‘,mixin
uniapp 微信小程序 全局点亮所有页面的 '发送给朋友' 和 '分享朋友圈'局部配置全局配置原生微信小程序写法uniapp写法小程序离不了分享,但默认是没有办法进行分享发送的,需要在页面进行配置局部配置在页面下,和data同级onShareAppMessage(){//点亮发送给朋友 return { title: '自定义转发标题',//标题 path: '/page/user?id=123'//路径 }},onShareTimeline() {}//点亮原创 2021-04-19 16:53:23 · 1527 阅读 · 1 评论 -
使用uniapp绘制一个折线图(uCharts)
uCharts简介,这是官方介绍,上面有全部的示例,我这篇只是取一部分实现的需要引入u-charts.js,这个文件的代码我放在最后面,当然也可以官方Gitee下载效果图代码:<template> <view> <canvas canvas-id="canvasLineA" id="canvasLineA" class="charts" @touchmove="moveLineA" @touchend="moveLineA"></canvas>原创 2021-01-29 14:32:50 · 11708 阅读 · 5 评论 -
解决uniapp H5端跨域问题(proxy)
uniapp是一个可以开发多端的框架,在小程序、APP端只要配置好合法域名就能够请求,没有跨域的情况,但在H5上不同,会出现跨域问题。 先了解一下跨域:跨域:端口、域名、协议,一者不同即为跨域解决方法1. 使用HBuilder X 内置浏览器这个内置浏览器经过官方处理,不存在跨域问题,简单易用,推荐使用。(需HBuilderX 2.6以上)但是,你不能让用户也使用这个吧?2. 在一个服务器上代码+资源都在一个服务器上,这样一般不会出现跨域问题,但这种也只能是第一种方法的补救3. 服原创 2021-01-29 10:49:46 · 11422 阅读 · 7 评论 -
uniapp九宫格抽奖可控概率
最近因项目需要,做了一个抽奖的功能,前端负责抽取,后端提供奖品名称,图片,概率等,具体逻辑见代码注释素材在最下面代码:html<view class="container"> <view class="frame_view" :style="'background-image:url(' + img + '.gif)'"> <view class="frame_row"> <view class="frame_item" :clas原创 2020-06-19 11:04:52 · 3365 阅读 · 9 评论 -
用uniapp写小程序的可移动侧边栏
代码:<!-- 高度是当前屏幕可用高度-移动区域的高度,防止内容被滑出去 --><movable-area :style="'height:' + (res.windowHeight - 40) + 'px;position:fixed;top: 0px;right: 0px;bottom: 0;z-index: 100;'"> <movable-view direction="all"> <image src="../../static/logo.png原创 2020-06-07 16:25:13 · 765 阅读 · 0 评论 -
小程序与uni-app的全局与页面配置的异同之处
说说uni-app和小程序的全局与页面的差异之处,还是一张图原创 2020-04-10 14:49:01 · 422 阅读 · 0 评论 -
uni-app base64转图片
pathToBase64pathToBase64(path) .then(base64 => { console.log(base64) }) .catch(error => { console.error(error) })base64ToPathbase64ToPath(base64) .then(path => { con...原创 2020-04-01 17:55:03 · 8654 阅读 · 8 评论 -
uni-app介绍及创建
uni-app是什么?是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。为什么使用uni-app?背景:当前跨平台开发:多端泛滥体验不好生态不丰富产品特征:跨平台更多:真正做到了“一套代码,多端发行”;在跨端的同时,通过条件编译+平台特有API调用,可...原创 2020-03-30 15:20:25 · 1293 阅读 · 0 评论