![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
Terminal丶句点
这个作者很懒,什么都没留下…
展开
-
uniapp中使用pinia,并做数据持久化
安装依赖pnpm i pinia pinia-plugin-persistedstate @nuxt/devalue -S创建store文件夹,创建持久化插件/store/plugins.tsimport { App } from 'vue'import { createPinia } from 'pinia'import devalue from '@nuxt/devalue'import { createPersistedState } from 'pinia-plugin-per.原创 2022-04-26 11:33:30 · 6286 阅读 · 2 评论 -
uniapp vite 路由跳转、登录模块封装(非无感登录)
需求将uniapp的路由跳转promise化navigateTo接受后端返回的url,需要自动解析跳转模式所有的路由跳转都要先检测用户是否已登录1)、如果未登录,打开登录弹框,用户授权登录,登录成功后要自动完成用户的上一次操作,无需用户再次点击跳转2)、如果已登录,跳转对应的页面实现封装路由相关函数import { useStore } from '@/store'import { InjectionKey, Ref } from 'vue'export type loginC原创 2022-04-12 17:01:12 · 7675 阅读 · 0 评论 -
uniapp/小程序 swiper组件无限数据滚动
最近开发的一个小程序中涉及一个答题页面,打算使用小程序的swiper组件开发,题目可能数量过多,使用swiper一次性加载会造成卡顿,于是进行了一些优化解决思路:页面只展示3个swiper-item组件(小程序视频轮播插件受到的启发),每次轮播变化,都截取总数据里面的3条进行展示观察规律:画了个简单草图,大家可以看下,每次轮播索引变化后,计算出当前索引、前一个索引值、后一个索引值,以及分别对应到数据列表上的索引和值代码实现<template> <view class="ind原创 2021-12-30 14:58:44 · 8182 阅读 · 8 评论 -
小程序4.13登录逻辑封装 (wx.getUserProfile)
微信4.13更新通知微信4.13更新后,对用户登录逻辑做了接口调整import {wxGetUserProfile, wxHide, wxLoading, wxLogin} from "../utils/wxPromise";export const basic = Behavior({ methods: { $emit(name, detail, options) { this.triggerEvent(name, detail, options); },原创 2021-03-15 16:28:59 · 3391 阅读 · 2 评论 -
小程序登录弹框
需求描述登录弹框样式实现。在用户发起操作时(如:点击某个按钮)检测用户登录,如未登录,记录用户操作,弹出登录框。用户登录成功后自动用户的上次操作。所需知识点behaviors混入小程序获取自定义组件实例实现登录弹框样式...原创 2021-03-06 14:22:34 · 821 阅读 · 0 评论 -
uniapp/微信小程序底部动态tabBar解决方案 (自定义tabBar底部导航)
需求有5 个(或n个)页面,页面路径如下,均可设置为tab页,底部tab的展示数据通过接口加载 '/pages/index/index' '/package/user/index' '/package/index/cat/index' '/package/index/cart/index' '/package/user/order/index'设置为tab页,则需tab形式跳转,否则为普通页面跳转...原创 2021-01-19 13:50:32 · 8971 阅读 · 14 评论 -
小程序路由跳转封装 若跳转tab页 需解析路径url中携带的参数
//路由跳转 若不选择跳转方式,则会自动顺序选择 navigateTo switchTab minifunction wxLinkTo(url, type = '') { switch (type) { case "switchTab": wx.switchTab({url}) break case "reLaunch": wx.reLaunch({url}) break case "redirectTo": wx.r原创 2020-08-07 10:42:09 · 441 阅读 · 0 评论 -
微信小程序父子组件、兄弟组件通信的封装
基础支持父组件获得子组件实例对象this.selectComponent(selector)this.selectAllComponents(selector)子组件触发父组件this.triggerEvent()封装实现新建bus.js文件module.exports = Behavior({ methods: { _onBusRelations(e) { e.detail = e.detail || {} let options = {原创 2020-07-30 15:13:39 · 1135 阅读 · 0 评论 -
分享一个小程序骨架屏skeleton,仿vue-content-loader
小程序骨架屏的实现网上也有很多例子,有更简便的直接使用样式去生成默认骨架如:skeleton但是根据个人爱好写法,仿照vue-content-loader的思想还是简单封装一个自己的看一下结构:sww-skeleton文件夹是骨架屏的框架,circle和rect分别用来画圆和矩形使用:在使用骨架屏的页面json中引入组件"skeleton": "/components/sww-...原创 2020-05-04 15:24:30 · 1048 阅读 · 0 评论