
移动端
uniapp实践
沐风拂千渔
贩卖创造力
展开
-
vuex的使用之mapActions
vuex中mapActions的使用原创 2022-06-09 17:17:17 · 15120 阅读 · 0 评论 -
vuex的使用之mapGetters
vue项目中,经常会使用到vuex,vuex是vue的一个状态管理。本文简单总结一下:vuex中mapGetters的使用。如果一个变量或对象需要在多个页面和组件中使用,那么,可以使用mapGetters。一.vuex中声明变量个方法1.在state中声明:state: { freeShipping:cookie.get('freeShipping'),}2.在mutations中书写方法:mutations: { updatefreeShipping(state, fre原创 2021-05-10 14:58:51 · 16416 阅读 · 0 评论 -
vue中使用mixins实现组件方法复用
vue中提供了一种混合机制mixins,用来更高效的实现组件内容的复用。 组件在引用之后相当于在父组件内开辟了一块单独的空间, 来根据父组件props过来的值进行相应的操作,单本质上两者还是泾渭分明,相对独立。 而mixins则是在引入组件之后,则是将组件内部的内容如data等方法、 method等属性与父组件相应内容进行合并。 相当于在引入后,父组件的各种属性方法都被扩充了。 单纯组件引用: 父组件 + 子组件 >>> 父组件 + 子组件 mixins:原创 2021-04-29 17:59:25 · 1244 阅读 · 3 评论 -
uniapp内嵌入外部页面
uniapp内嵌入外部页面嵌入外部页面找到了两种解决方法:1,iframe<iframe src="https://blog.youkuaiyun.com/weixin_44794123?spm=1001.2101.3001.5343" :style="{ height: this.app_height * 0.5 + 'rpx',width: this.app_height * 100 + 'rpx' }" ></iframe>使用iframe,会出现布局错乱,然后需要手动去适原创 2021-04-21 15:38:12 · 10356 阅读 · 0 评论 -
uniapp实现上传图片及其复制文本功能
uniapp实现上传图片及其复制文本功能一,上传图片1,util/index.js中封装方法export function chooseImage(URL,callback) { uni.chooseImage({ count: 1, sourceType: ["album"], success: res => { uni.getImageInfo({ src: res.tempFil原创 2021-04-19 10:52:16 · 940 阅读 · 0 评论 -
HBuilderX与手机SDK版本不匹配问题
HBuilderX与手机SDK版本不匹配问题1.云打包app后,手机启动App后会出现以下问题:2.找到问题所在,需要去uniapp源码中的manifest.json中找到【源码视图】3.找到"app-plus" 在其下面添加: "compatible": { "ignoreVersion": true; //true表示忽略版本检查提示框,HBuilderX1.9.0及以上版本支持 },这样就可以完美搞定手机app启动所出现的问题。...原创 2021-04-16 13:51:04 · 8843 阅读 · 9 评论 -
uniapp的App安卓端,视频+图片轮播,层级过高及卡顿问题
uniapp安卓App端,视频+图片轮播,层级过高及卡顿问题1,问题:使用uniapp打包安卓app,在使用轮播图的过程中,如果使用纯图片或者纯视频,轮播是没有问题的。但是,如果使用视频+图片的形式轮播的话,返回视频会出现卡顿,扭曲,变形等问题,或者是只能看到半个视频,而且不同型号的手机端,时好时坏,看着很是不爽。具体问题如图2,出现问题的原因是:由于在uniapp中video属于原生,层级很高,即使设置z-index也不可行。在和图片一起轮播的过程中还是会出现那个卡顿问题:主要是在swiper原创 2021-04-16 11:10:58 · 7435 阅读 · 9 评论 -
使用HBuilderX云打包App之视频相机权限配置
使用HBuilderX云打包App之视频相机权限配置1,uniapp中如果App中需要使用扫码的话云打包成app后,如果没有配置相关权限的话。在手机端使用app扫码功能是无法调用的。在云打包时配置:找到manifest.json文件然后打开:找到【权限配置】》勾选CAMERA2,uniapp中如果App中需要使用视频的话云打包成app后,如果没有配置相关权限的话。在手机端使用无法打开视频播放的。在云打包时配置:找到manifest.json文件然后打开:a.【模块配置】》勾选【V原创 2021-04-15 17:29:57 · 3694 阅读 · 1 评论 -
使用HBuilderX下载插件及运行微信小程序
一,使用HBuilderX下载插件使用HBuilderX开发项目,运行uniapp的过程中,会报错显示需要安装一些插件。1,打开HBuilderX,选择工具》点击插件安装;2,出现小弹框,点击前往插件市场安装;3.在市场中搜索,点击下载;4.选择导入方式,前往安装;前往安装5.安装成功及展示;成功显示:这样,项目就可以正常运行了。一,使用HBuilderX运行微信小程序1,配置微信开发者工具,选择工具》设置2,选择运行配置》添加微信开发者工具路径3,配置Appid原创 2021-03-17 10:08:01 · 7127 阅读 · 5 评论 -
Uniapp_HBuilderX打包app
Uniapp HBuilderX 打包app一,项目启动(1).创建打包文件:文件》新建》项目(2).选择:5+App》修改项目名称》修改地址》点击创建二.运行打包项目,将生成的页面及css,js等相关文件,填充在刚刚已经创建好的空打包文件中:三,右键点击manifest.json进行文件配置:(1).注册DCould账号,获取DCould_AppID修改相关应用名称,应用版本名称,应用版本号。(2),勾选允许x86(3)修改app的图标四,打包Android app(原创 2021-03-08 16:32:25 · 1307 阅读 · 2 评论 -
小程序开发之新手上路
小程序开发前期准备工作1,首先需要准备注册一个小程序账号,获取到该账号的appid点击下面注册微信公众平台注册教程参考:账号申请示例2,微信开发工具下载安装包,安装微信开发者工具下载3,微信开发者文档原生小程序开发文档参考:微信小程序官方文档api4,导入项目a,获取appid,填写小程序appidb,填写AppID,导入项目5,微信小程序ui框架常用推荐:tarouniappmpvueMpxWepyWux Weapp官网参考:tarouniappmp原创 2021-02-24 16:03:07 · 114 阅读 · 0 评论