![](https://img-blog.csdnimg.cn/acc92f5f011e4f208c984fe1bdb4c924.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
uni-app
文章平均质量分 59
第一个项目用到的知识
SunACong
这个作者很懒,什么都没留下…
展开
-
vue前端将请求回来的base64格式的图片进行解析
项目需要前端页面获取后台API的二维码并且展示在前端问题:从后台发来的二维码数据是一串很长的字符串,没学过base64格式,一直很懵逼,看网上的也没有多少好的答案。解决:uniapp运行在前端H5界面...原创 2021-12-09 16:51:09 · 1078 阅读 · 0 评论 -
uni-app学习目录
UNI-APPuni-app介绍pages.json页面组件(text,view,button,image)uni-app中的样式uni-app的数据绑定uni-app的事件uni的生命周期下拉刷新和监听 上拉加载原创 2021-11-17 18:37:30 · 210 阅读 · 0 评论 -
组件的创建以及组件间通信 uni-ui组件库的使用
文章目录组件的创建组件之间的通信父组件给子组件传值子组件给父组件传值兄弟组件之间的通信uni-ui的使用组件的创建分两步:创建组件在项目文件夹下面创建一个components文件夹后右键创建组件文件注册组件在要使用组件的页面进行import导入和脚本模块里面进行注册<script> import test from '../../components/test.vue' //导入组件 import testA from '../../components原创 2021-11-17 10:00:59 · 667 阅读 · 1 评论 -
uni中的导航跳转
uni中的导航跳转利用navigator进行跳转跳转至普通页面跳转至tabbar页面利用编程式导航进行跳转利用navigateTo进行导航跳转通过switchTab跳转到tabbar页面利用redirectTo进行跳转通过onUnload测试当前组件确实卸载导航跳转参数传递利用navigator进行跳转navigatornavigator 跳转至tabbar页面的open-type属性详解跳转至普通页面<navigator url="../detail/detail?id=80&转载 2021-11-16 21:52:33 · 121 阅读 · 1 评论 -
上传预览图片 条件注释实现跨段兼容
文章目录上传图片预览图片条件注释实现跨段兼容组件的条件注释api的条件注释样式的条件注释上传图片uni.chooseImage方法从本地相册选择图片或使用相机拍照。图片参考<template> <view> <view>hello-uni</view> <button type="primary" @click="chooseImg">上传图片</button> <image v-for="item原创 2021-11-16 21:33:31 · 53 阅读 · 0 评论 -
网络请求 数据缓存
文章目录网络请求数据缓存uni.setStorageuni.setStorageSyncuni.getStorageuni.getStorageSyncuni.removeStorageuni.removeStorageSync网络请求在uni中可以调用uni.request方法进行请求网络请求需要注意的是:在小程序中网络相关的 API 在使用前需要配置域名白名单。网络请求参考<button @click="get">发送get请求</button>methods:原创 2021-11-16 21:17:15 · 103 阅读 · 0 评论 -
下拉刷新上拉加载
文章目录下拉刷新(两种方式)下拉刷新的监听上拉加载下拉刷新(两种方式)需要在 pages.json 里,找到的当前页面的pages节点,并在 style 选项中开启 enablePullDownRefreshpages.json页面里面{ "path":"pages/list/list", //开启用户下拉刷新动作,关闭,监听,按钮刷新 get请求 "style":{ "enablePullDownRefresh":true, }},通过调用uni.startPullDo原创 2021-11-16 21:03:16 · 228 阅读 · 0 评论 -
uni的生命周期
文章目录uni的生命周期应用生命周期页面的生命周期组件的生命周期uni的生命周期应用生命周期应用生命周期仅可在App.vue中监听,在其它页面监听无效。生命周期的概念:一个对象从创建、运行、销毁的整个过程被成为生命周期。生命周期函数:在生命周期中每个阶段会伴随着每一个函数的触发,这些函数被称为生命周期函数应用生命周期参考定义在App.vue<script> export default { onLaunch: function() { cons原创 2021-11-16 20:47:31 · 677 阅读 · 0 评论 -
uni-app的数据绑定&事件
文章目录数据绑定插值表达式用插值表达式渲染基本数据插值表达式里面运用三目运算符插值表达式基本运算v-bind动态绑定属性v-for的使用事件事件绑定数据绑定在页面中定义数据,直接在data中定义数据即可data(){ return{ msg:'hello', flag:false, imgURL:'http://destiny001.gitee.io/image/monkey_02.jpg', arr:[ { name:'宋小宝',原创 2021-11-16 20:24:49 · 596 阅读 · 0 评论 -
uni-app中的样式
uni-app中的样式scss插件需要在官网下载,按提示操作即可rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变宽,rpx 实际显示效果会等比放大。使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束定义在 App.vue 中的样式为全局样式,作用于每一个页面。在 pages 目录下 的 vue 文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖 App.v原创 2021-11-16 19:52:28 · 611 阅读 · 0 评论 -
组件的基本使用
组件基础组件的列表text文本基础组件view视图容器组件button表单组件image媒体组件基础组件的列表基础内容(Basic Content)视图容器(View Container)表单组件(Form)路由与页面跳转(Navigation)媒体组件(Media)地图(Map)画布(Canvas)webview(Web-view)广告页面属性配置uniCloudtext文本基础组件text 组件相当于行内标签、在同一行显示除了文本节点以外的其他节点都无法长按选中&原创 2021-11-16 19:40:07 · 191 阅读 · 0 评论 -
pages.json页面
pages.jsonpages数组pathstyleglobalStyleconditiontabBarpages数组uni-app 通过 pages 节点配置应用由哪些页面组成,pages 节点接收一个数组,数组每个项都是一个对象,其属性值有path:配置页面路径和style:配置页面窗口表现pages参考pathpath中第一项表示应用启动页,style用于设置每个页面的状态栏、导航条、标题、窗口背景色等。页面中配置项会覆盖 globalStyle 中相同的配置项style参原创 2021-11-16 19:06:09 · 665 阅读 · 0 评论 -
uni-app
文章目录介绍环境搭建不同设备运行微信小程序手机或模拟器介绍项目目录介绍一套代码可以发布到IOS、Android、H5、等多个小程序平台即使不跨端,它也是更好的小程序开发工具环境搭建安装编辑器HbuilderX 下载地址如果需要在小程序上运行,还要下载微信开发者工具 下载地址不同设备运行微信小程序如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功HbuilderX—>工具—>运行配置找到微信开发者工具配置路径微信开发者工具在设置中安全设置原创 2021-11-16 17:33:47 · 211 阅读 · 0 评论