- 博客(15)
- 资源 (4)
- 问答 (1)
- 收藏
- 关注
原创 uni-app - 自定义安卓模拟器配置到MUMU模拟器运行程序(电脑手机模拟器运行)
前言有时候,可能需要将 uni-app 项目运行到电脑的手机模拟器,比如 MUMU 模拟器,如下图所示:第一步下载传送门:http://mumu.163.com/下载 MUMU 模拟器,很简单。第二步接下来,配置模拟器端口以及 adb 路径,在 HBuilder 安装目录中找到如下路径:保留窗口。紧接着打开 HBuilder 编辑器,在菜单栏依次点击 运行 → 运行到手机或模拟器 → Android模拟器端口设置 :填写你的 adb 路径(指向到 adb.exe),端口 7555
2020-12-31 15:42:13
472
2
原创 CSS - 左右摇曳摆动动画(无限循环)
效果图代码@-webkit-keyframes demo{ 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%,100% { transform: rotate(0deg); } }/* 使用
2020-12-28 15:18:13
661
1
原创 un-app - 单行文字和多行文字溢出隐藏显示...(超出容器最大宽度不换行)
前言如下图所示,可控制单行或多行溢出处理。实现给容器加入以下 css 代码:.text{ display: -webkit-box; /*弹性伸缩盒子模型显示*/ -webkit-box-orient: vertical; /*排列方式*/ -webkit-line-clamp: 1; /*显示文本行数(这里控制多少行隐藏)*/ overflow: hidden; /*溢出隐藏*/}...
2020-12-24 18:50:04
945
2
原创 uni-app - 将元素固定在顶部且下拉页面不会露出顶部空白(强吸顶)
前言如果普通的方式固定住,刷新页面动作(下拉页面)会在顶部出现空白块。有时候,我们需要将一个元素 “牢固” 定在一个位置,无论页面怎么上拉下滑,都不会偏移或露出顶部安全距离。实现给最外层父容器加上以下 css 代码即可。view { position: fixed; left: 0; right: 0; top: 0;}...
2020-12-24 18:30:16
1414
2
原创 uni-app - APP平台禁止页面滑动(无法上下滚动屏幕页面)
前言注意:仅 APP 平台,在 pages.json 中进行配置。有些时候,我们需要将页面固定住,让用户无法下拉与滚动页面。全局配置在 globalStyle 中进行配置,便是所有页面均有效。"globalStyle": { "app-plus": {//app平台 "bounce": "none"//禁止滚动 }},局部配置在该页面 style 中进行配置,仅对该页有效。"path": "pages/login/login","style": { "app-plus":
2020-12-23 12:03:47
2266
原创 uni-app - 去除隐藏页面右侧垂直滚动条(App/全平台)
前言uni-app 项目中,想去除右侧滚动条很简单,只需要进行简单配置即可。全局配置全局配置下,除了 app 平台有差异(所以 app-plue 单独配置下)都会生效。"globalStyle": { //全局配置 "scrollIndicator":"none", // 不显示滚动条 "app-plus":{ "scrollIndicator":"none" // 在APP平台都不显示滚动条 } }局部配置与全局配置一样,只不
2020-12-23 11:15:40
745
原创 uview - 环境搭建详细教程(windows)
前言uview 依赖 scss ,如果您还未安装该插件请先安装:https://ext.dcloud.net.cn/plugin?id=2046声明,本文只适用于使用 HBuilder X 创建 uni-app 项目的小伙伴,如果您是使用 vue-cli 创建,请您移步其他文档资源或在本文寻找资源。下载传送门:https://ext.dcloud.net.cn/plugin?id=1593进入插件市场后,点击如下图所示下载按钮:下载后,您会得到 manifest.json 与 uvie
2020-12-22 21:55:01
870
2
原创 JavaScript - 根据对象数组中某一属性删除该项(根据数组对象属性删除里面的对象)
前言有时候,我们需要根据 某一属性与属性值 找到数组对象中对应的该项。例如,现有如下结构数组对象:// Array Objectconst arr = [ { name: '王佳斌', age: '20' }, { name: '孙玉红', age: '15' }]现在,我们要删除 年龄=15 岁的项,预期如下代码所示:// Array Objectconst arr = [ { name: '王佳斌', age: '20' } // 被删除]解决方案由于使用了 sp
2020-12-21 16:13:16
1385
4
原创 uni-app - 配置 Vuex 状态管理(在 uni-app 项目中使用 Vuex 状态管理)
前言uni-app 内置了 Vuex 状态管理,我们只需要配置好便可使用。配置 Vuex 很简单,只需要以下几步操作便可使用。一、第一步在项目最外层新建 store 文件夹,并在该文件夹下新建一个 index.js 文件,写入以下代码。// store/index.jsimport Vue from 'vue'import Vuex from 'vuex' Vue.use(Vuex);const store = new Vuex.Store({ state : {
2020-12-16 22:10:41
621
原创 uni-app - 去掉 button 组件自带的边框线
前言组件文档:https://uniapp.dcloud.io/component/button有时候,我们需要去掉 button 组件自带的边框线。解决方案直接在该页面或全局使用以下代码:button::after { border: none }
2020-12-16 20:38:28
1216
原创 uni-app - 更改默认 checkbox 组件样式(变为实心圆/更改√对号大小等)
前言组件文档:https://uniapp.dcloud.io/component/checkboxcheckbox 组件默认样式很难看,但大部分样式写法都覆盖不掉。解决方案注意:请将以下代码放置在 app.vue 中,否则更改可能无效,也不要在 style 中增加 scoped 属性。根据你的需求,可在以下代码中进行修改即可。uni-checkbox-group{ width: 100% !important; }uni-checkbox-group uni-label{ wid
2020-12-16 20:29:13
1265
原创 JavaScript - 获取字符串字节数(函数封装)
前言有时候,我们需要判断一个字符串的 字节数,下面是封装好的函数,您直接传参接收返回值即可。代码调用函数,然后传入要获取字节数的字符串。/* * 获取字符串字节数 * @param {Object} str - 要获取的字符串 * @return Number */function getStringByte(str){ var byteLen = 0, len = str.length; if(str) { for(var i = 0; i < len; i++)
2020-12-05 20:48:41
570
原创 uni-app - uni.request 网络请求超时时间配置(全局超时时间配置)
前言官方配置文档(networktimeout):https://uniapp.dcloud.io/collocation/manifest?id=networktimeout有时候,我们需要对接口做一个超时处理,即 当接口请求后多长时间内无结果处理 。uni-app 已经帮我们做了超时处理,我们只需要配置一下即可。一、第一步打开 manifest.json ,点击菜单栏左侧最底部源码,如下图所示:二、第二步在配置文件外层加入以下代码:"networkTimeout": { "req
2020-12-05 20:11:41
1561
原创 uni-app - 监听用户滚动屏幕开始与结束(解决方案)
前言uni-app 提供了 onPageScroll(){} 监听滚动条事件,但是无法判断滚动结束。当我们需要知道 用户滚动屏幕和结束滚动 需求时,onPageScroll(){} 就无能为力了,但通过改造可实现。解决方案整体思路:在全局定义一个变量 timer,用来记录 定时器 状态,在滚动的期间一直清除延时事件 一旦空了 N 秒就判定为滚动停止,在滚动开始与结束的代码段中,赋值给一个变量标识(挂载到data上)。主要是如何判断结束滚动,具体看以下代码,请您注意代码所在位置。var t
2020-12-04 13:14:23
1289
原创 uni-app - 刘海屏(Iphone X)底部横杠(——)白色区域块(安全距离处更改颜色)解决方案
前言场景:因为要做无 tabbar 页面,所以在配置文件中取消底部导航栏。取消后,iPhone X(刘海屏) 底部就出现如下图所示白色安全区域问题:这个问题,是因为 uni-app 默认会为 iPhone X(刘海屏) 留出安全距离,这个 安全距离的背景色就是白色。 所以,如果你将页面颜色设置为其他颜色,就会与默认白色冲突。有 2 个不同的解决方案(原生占位),虽然原理是一样,但使用的场景不同,请根据您的需求来采纳。一、自动适应(推荐)将所有 iPhone X(刘海屏) 底部安全区域背
2020-12-02 12:30:01
1606
同一局域网内实现教师机通过IP地址传文件给学生机
2019-05-11
Insomnia_setup.6.6.2.rar
2019-08-11
mysql rpm.zip
2019-06-13
空空如也
微信小程序调用 api 后,如何从 success 中返回数据给包裹它的函数?
2020-11-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝