随笔分类 - uni-App
uni-App 的学习记录
摘要：开发小程序的时候 也有那么一个 observers 但是vue中 他是 watch ，用法如下：【看注释即可】 开发uniapp 的时候用到
阅读全文
摘要：首先创建utils 然后新建 request.js /** * 封装请求对象 */ const BASE_URL = "https://xxxxx/xxxx/xxxxx/xxxx/api"; /** * */ function request({url, data, method}) { retur
阅读全文
摘要：如题 ：限于隔壁目录的components
阅读全文
摘要：这里自定义的是 页面 的一个导航栏啊 ，所以会覆盖掉全局的一个导航栏： pages.json 里面 设置 pages 中的 页面，， stayle 中的 页面属性 app-plus： appplus里面有一个titleNView ，就是自定义导航，我们可以看下面有详细参数： https://unia
阅读全文
摘要：其实很简单 下载 引入 使用即可。 下载： https://animate.style/ 引入： 使用： 非常简单！
阅读全文
摘要：其实就是偷来用一下 在Hbuider中新建 He.lloWorld 的模板 把它里面的 uni.css 偷来 然后我们呢在 自己项目的 App.vue 换上去，然后我们就报错了 此时 我们看错误说找不到 static的 uni.ttf 所以我们再去偷 然后放自己的项目里 然后你就成功了： 矢量库的话
阅读全文
摘要：uni.request(OBJECT) 发起网络请求。 在各个小程序平台运行时，网络相关的 API 在使用前需要配置域名白名单。 OBJECT 参数说明 参数名类型必填默认值说明平台差异说明 url String 是 开发者服务器接口地址 data Object/String/ArrayBuffer
阅读全文
摘要：小程序的原生导航栏是禁用不了的 因为他会用有一些东西，H5 和 安卓、IOS 是可以禁用的： 官网找到 appplus 配置编译到 App 平台时的特定样式，部分常用配置 H5 平台也支持。以下仅列出常用，更多配置项参考 WebviewStyles。 属性类型默认值描述平台兼容 background
阅读全文
摘要：view 看做一个div 即可 属性说明 属性名类型默认值说明 hover-class String none 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果 hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现
阅读全文
摘要：很简单 TabBar是一个对象，然后项存在list中，list是和 对象，最少2个项 最多5个： /*tabBar是一个对象*/ "tabBar":{ "color":"#ff55ff", //tabBar 字体颜色 "selectedColor":"#007AFF", //tabBar 被选择选择
阅读全文
摘要：第三次学flex 布局，学吧 学无止境 ，没脾气。 设置主轴 这个我洗了很多遍了： <template> <view> <view class="container"> <!--这是一个flex 弹性盒子--> <view class="red text"> 红 </view> <view clas
阅读全文
摘要：参考C语言的，详细如下： 大量写 if else，会造成代码执行性能低下和管理混乱。 编译到不同的工程后二次修改，会让后续升级变的很麻烦。 在 C 语言中，通过 #ifdef、#ifndef 的方式，为 windows、mac 等不同 os 编译不同的代码。 uni-app 参考这个思路，为 uni
阅读全文
摘要：<template> <view> <!--这个key 也是和vue一样的 是保证组件的唯一性 和 数据的唯一性--> <block v-for="(item,idnex) in studentArray" :key = "item.id"> <checkbox> {{item.name}} </c
阅读全文
摘要：<template> <view> <view v-for="item in hero"> 英雄：<b>{{item.Name}}</b> <br> 年龄：{{item.age}} <br> 语言：<text v-for="langItem in item.language">{{langItem}
阅读全文
摘要：首先介绍一下表单的常用事件： 看一下代码： <template> <view> <!-- 下面是一个编辑框 --> <input type="text" style="width: 750upx; height: 50upx; border-bottom: solid #555555" placeh
阅读全文
摘要：uni-app 使用 upx 作为默认尺寸单位， upx 是相对于基准宽度的单位，可以根据屏幕宽度进行自适应。uni-app 规定屏幕基准宽度750upx。 就是说无论屏幕大多 宽度都是750upx 和小程序的rpx 一样的。 你尝试设置一个宽度为750upx 那么在哪里的手机和屏幕 都是占满的。
阅读全文
摘要：应用生命周期 uni-app 支持如下应用生命周期函数： 函数名说明 onLaunch 当uni-app 初始化完成时触发（全局只触发一次） onShow 当 uni-app 启动，或从后台进入前台显示 onHide 当 uni-app 从前台进入后台 onError 当 uni-app 报错时触发
阅读全文
摘要：一般就是这样的模板了 pages 这个文件夹是放页面的 右键然后直接新建页面即可 static 文件夹是放一些静态文件的 例如图片什么什么的 unpackage这个文件夹是打包目录 下面有个dist 下面有个dev，里面可以有各个环境的小程序打包，例如微信、支付宝等... App.vue 这个是全局
阅读全文
摘要：在pages 新建一个页面 ，然后 ，选择默然模板 然后在里面写一个文本即可： 然后我们打开 在里面有个pages ，和微信小程序一样 谁是最先那么就是启动页，这个自己弄。 然后有个style 属性 ，这个style属性就是设置这个页面的一些样式，注意是页面的 不是全局的，你尝试把 navigati
阅读全文