摘要：
头尾固定，中间区域可以滑动效果是移动端最常见的效果，以京东页面为例。以前开发时常用的方法是用固定布局position:fixed;实现，但是该方法在ios上或者其他机型上会出现问题。现在，可以用flex方法快速实现该布局 <div class="wrap"> <div class="header"> 阅读全文
摘要：
官网：https://uniapp.dcloud.io/component/swiper 效果图： <view class="swiper"> <swiper :interval="3000" :duration="1000" :indicator-dots="false" :current="to 阅读全文
摘要：
一、onLoad 只加载一次，监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参） 二、onShow 监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面。 主要区别： 从二级页面返回该页面时，onLoad不会再次加载，而onshow会重新加载。 这 阅读全文
摘要：
@input事件 ，当键盘输入时，触发input事件，event.detail = 场景 @input事件想要传递一个参数到方法中 但是同时还要保留原来返回的event 解决方法：$event @input="onKeyInput($event,123)" 运用 <view class="item" 阅读全文
摘要：
效果图： uni.setTabBarBadge(OBJECT) 为 tabBar 某一项的右上角添加文本。 eg: uni.setTabBarBadge({ index: 0, text: '1' }) 注意：有些时候，当设置了uni.setTabBarBadge添加文本后，若修改文本值为空或者不存 阅读全文
摘要：
因为uniapp基本上都是将页面，或者页面中相同的部分，进行组件化，所以会存在父，子，（子，父）之间的传值的情况，但在某些情况下，可以选择将内容设置为一个全局的变量，并根据需求来进行内容的更新。大大减少了代码的使用，和传值可能遇到的各种复制的计算等等的情况 下面来看看如何设置将一个变量设置为全局数据 阅读全文
摘要：
官网：https://uniapp.dcloud.io/api/ui/navigationbar?id=setnavigationbartitle 一、动态设置当前页面的标题 uni.setNavigationBarTitle(OBJECT) uni.setNavigationBarTitle({ 阅读全文
摘要：
起初小程序上线时，微信限制了代码包不能超过1MB，后来功能变大变成了2M了，限制大小是出于对小程序启动速度的考虑，希望用户在使用任何一款小程序时，都能获得一种“秒开”体验。但是，2MB也限制了小程序功能的扩展，小程序业务的发展可能需要更大的体积。为了解决这个问题，微信推出了—分包加载。 小程序分包加 阅读全文
摘要：
传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。 只要组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用。 如下： 官网：https://uniapp.dclo 阅读全文
摘要：
condition 启动模式配置，仅开发期间生效，用于模拟直达页面的场景，如：小程序转发后，用户点击所打开的页面。 代码示例： "condition": { //模式配置，仅开发期间生效 "current": 0, //当前激活的模式（list 的索引项） "list": [{ "name": "s 阅读全文
摘要：
一、在官网选择合适的字体图标加入到项目中，然后在页面中打卡在线链接，全选复制代码 二、新建一个字体图标库样式文件(iconfont.css）,然后粘贴刚刚复制的代码 三、使用字体图标 1、首先要在app.vue文件中引入刚刚新建的字体图标库样式 2、使用图标 其他方法 在uni-app中使用阿里巴巴 阅读全文