摘要: 效果图: uni.setTabBarBadge(OBJECT) 为 tabBar 某一项的右上角添加文本。 eg: uni.setTabBarBadge({ index: 0, text: '1' }) 注意:有些时候,当设置了uni.setTabBarBadge添加文本后,若修改文本值为空或者不存 阅读全文
posted @ 2021-02-23 14:48 星河几重 阅读(3287) 评论(0) 推荐(0) 编辑
摘要: 因为uniapp基本上都是将页面,或者页面中相同的部分,进行组件化,所以会存在父,子,(子,父)之间的传值的情况,但在某些情况下,可以选择将内容设置为一个全局的变量,并根据需求来进行内容的更新。大大减少了代码的使用,和传值可能遇到的各种复制的计算等等的情况 下面来看看如何设置将一个变量设置为全局数据 阅读全文
posted @ 2021-02-23 14:42 星河几重 阅读(2857) 评论(0) 推荐(0) 编辑
摘要: 官网:https://uniapp.dcloud.io/api/ui/navigationbar?id=setnavigationbartitle 一、动态设置当前页面的标题 uni.setNavigationBarTitle(OBJECT) uni.setNavigationBarTitle({ 阅读全文
posted @ 2021-02-23 14:36 星河几重 阅读(1145) 评论(0) 推荐(0) 编辑
摘要: 起初小程序上线时,微信限制了代码包不能超过1MB,后来功能变大变成了2M了,限制大小是出于对小程序启动速度的考虑,希望用户在使用任何一款小程序时,都能获得一种“秒开”体验。但是,2MB也限制了小程序功能的扩展,小程序业务的发展可能需要更大的体积。为了解决这个问题,微信推出了—分包加载。 小程序分包加 阅读全文
posted @ 2021-02-23 14:02 星河几重 阅读(2576) 评论(0) 推荐(0) 编辑
摘要: 传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精简为一步。 只要组件安装在项目的components目录下,并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册,直接在页面中使用。 如下: 官网:https://uniapp.dclo 阅读全文
posted @ 2021-02-23 13:48 星河几重 阅读(11412) 评论(0) 推荐(0) 编辑
摘要: condition 启动模式配置,仅开发期间生效,用于模拟直达页面的场景,如:小程序转发后,用户点击所打开的页面。 代码示例: "condition": { //模式配置,仅开发期间生效 "current": 0, //当前激活的模式(list 的索引项) "list": [{ "name": "s 阅读全文
posted @ 2021-02-23 13:11 星河几重 阅读(773) 评论(0) 推荐(0) 编辑
摘要: 一、在官网选择合适的字体图标加入到项目中,然后在页面中打卡在线链接,全选复制代码 二、新建一个字体图标库样式文件(iconfont.css),然后粘贴刚刚复制的代码 三、使用字体图标 1、首先要在app.vue文件中引入刚刚新建的字体图标库样式 2、使用图标 其他方法 在uni-app中使用阿里巴巴 阅读全文
posted @ 2021-02-23 13:03 星河几重 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 搭建项目之前,请确认好你自己已经安装过node, npm, vue cli。没安装的可以参考下面的链接安装。 如何安装node? 安装好node默认已经安装好npm了,所以不用单独安装了。 如何安装vue cli? 剧场环境已搭建好,开始表演! 1. 进入一个目录,创建项目 对应命令: vue cr 阅读全文
posted @ 2021-02-21 23:06 星河几重 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 1、安装node.js https://blog.csdn.net/qq_43285335/article/details/90696126 node -v 查看版本号 2、安装最新的vue-cli npm install -g @vue/cli # OR yarn global add @vue/ 阅读全文
posted @ 2021-02-21 23:02 星河几重 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 一、通过元素类型的方法来操作 id获取 getElementById <div id="box"></div> <script> let box= document.getElementById("box"); </script> class获取 getElementsByClassName 注意: 阅读全文
posted @ 2021-02-19 16:29 星河几重 阅读(818) 评论(0) 推荐(0) 编辑
摘要: splice 方法一个数组中最强大的方法,不仅可以对数组进行元素对添加,对数组元素对删除,对数组元素的替换,可以说它集百家与一身,它会直接修改原数组,返回删除的元素。 那么我们就来好好的看看它是如何进行数组的添加、删除与替换工作。 splice 方法的参数传入数量不的不同形成的效果也会不同。 首先它 阅读全文
posted @ 2021-02-19 15:42 星河几重 阅读(3126) 评论(0) 推荐(0) 编辑
摘要: uni-app官网:https://uniapp.dcloud.io/api/media/image?id=previewimage 微信小程序官网:https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.preview 阅读全文
posted @ 2021-02-19 14:43 星河几重 阅读(6143) 评论(0) 推荐(0) 编辑
摘要: <html> <head> <title>屏蔽鼠标右键</title> <script language="javascript"> function click(){ if (event.button==2){ alert('禁止使用鼠标右键!') } } document.onmousedown 阅读全文
posted @ 2021-02-04 10:47 星河几重 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 鼠标经过展开下拉菜单 方法一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" 阅读全文
posted @ 2021-02-03 14:37 星河几重 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 列表文字无缝滚动 (说明:省份、姓名、性别都是随机生成) <!-- 领取动态 --> <div class="dynamic"> <div class="activity" id="J_Activity"> <ul> <!-- <li >来自湖南苏**女士成功 领取多功能早餐一台~</li> <li 阅读全文
posted @ 2021-02-03 10:06 星河几重 阅读(173) 评论(0) 推荐(0) 编辑