乐胖代购免代理版

欢迎

uniapp 添加分包页面，配置分包预下载

分包即将小程序代码分成多个部分打包，可以减少小程序的加载时间，提升用户体验。

uni-app

php

分包

json

程序代码

原创 2023-12-28 11:04:07 366 阅读

uniapp实战 -- 个人信息维护（含选择图片 uni.chooseMedia，上传文件 uni.uploadFile，获取和更新表单数据）

uni-app

javascript

前端

表单

导航栏

原创 2023-12-28 10:50:22 602 阅读 1点赞

uniapp 登录

仅企业版可获取用户微信绑定的手机号。</

uni-app

企业版

微信

获取参数

原创 2023-12-28 10:36:16 78 阅读

el-select 全选

【代码】el-select 全选。

element ui

vue

sed

List

动漫

原创 2023-12-28 10:36:11 278 阅读

uniapp实战 —— 可滚动区域 scroll-view （自适配高度，下拉刷新）

如图可见，在页面滚动过程中，顶部导航栏和底栏未动，仅中间的内容区域可滚动。自定义的顶部导航栏，可参考博文。

uni-app

css

下拉刷新

导航栏

重置

原创 2023-12-20 12:11:27 1684 阅读

css 巧用 ::after 实现 tab 切换动效

【代码】css 巧用 ::after 实现 tab 切换动效。

css

vue

动漫

原创 2023-12-20 12:05:57 181 阅读

css 巧用 ::after 和 ::before 实现竖排分类导航

/ 移除最后一项和高亮项的灰色线条。

css

vue

动漫

高亮

原创 2023-12-20 09:58:55 66 阅读

vue 限制在指定容器内可拖拽的div

/ 用鼠标的位置减去鼠标相对元素的位置，得到元素的位置。// 在容器范围内移动时，被拖拽元素的最大left值。// 在容器范围内移动时，被拖拽元素的最小left值。// 在容器范围内移动时，被拖拽元素的最大left值。// 在容器范围内移动时，被拖拽元素的最小left值。// 按下鼠标时，鼠标相对于被拖拽元素的坐标。//此处+1为容器的边框1px。//此处+1为容m。

vue.js

javascript

拖拽

sed

自定义指令

原创 2023-12-20 09:58:38 138 阅读

uniapp实战 —— 分类导航【详解】

padding;display;flex-wrap;min-height;width;display;;;;box-sizing;.iconwidth;height;color;</

uni-app

javascript

ico

封装

原创 2023-12-19 11:00:43 227 阅读

uniapp实战 —— 自定义顶部导航栏

下图中的红框区域。

uni-app

导航栏

自定义

json

原创 2023-12-19 11:00:07 1528 阅读

css 十字分割线（含四等分布局）

/ 父元素的前两个子元素(即第1和第2个item)// 父元素中的偶数个子元素。

css

前端

核心技术

伪类选择器

原创 2023-12-19 11:00:02 155 阅读

css 元素前后添加图标（::before 和 ::after 的妙用）

【代码】css 元素前后添加图标（::before 和 ::after 的妙用）

css

原创 2023-12-19 10:59:57 294 阅读

uniapp实战 —— 猜你喜欢（含滚动触底分页加载）

效果预览组件封装src\components\SUI_Guess.vue<script setup lang="ts">import { ref, onMounted } from 'vue'import type { GuessItem } from '

uni-app

分页

多数据

数据

原创 2023-12-19 10:59:55 229 阅读

uniapp实战 —— 开发微信小程序的调试技巧

开发版和体验版的小程序，域名没有备案时想调试接口访问效果，可以按下述方式操作：在手机上点右上方三个点，点击“开发调试”，开启调试模式，即可真机访问接口（跳过域名校验）重新进入小程序，看到下图所示的绿色浮标，即进入了调试模式。

uni-app

微信小程序

启动页面

开发调试

开发环境

原创 2023-12-19 10:59:49 307 阅读

uniapp实战 —— 骨架屏

1. 自动生成骨架屏代码在微信开发者工具中，预览界面点击生成骨架屏确定后，会自动打开骨架屏代码文件 pages\index\index.skeleton.wxml2. 将骨架屏代码转换为vue文

uni-app

骨架屏

ico

xml

ci

原创 2023-12-19 10:59:45 588 阅读

uniapp实战 —— 竖排多级分类展示

效果预览完整范例代码页面 src\pages\category\category.vue<script setup lang="ts">import { getCategoryTopAPI } from '@

uni-app

二级

表数据

高亮

原创 2023-12-19 10:59:13 384 阅读

uniapp实战 —— 轮播图【数字下标】（含组件封装，点击图片放大全屏预览）

importfrom'vue'constconfigconstref0constchangee=>// 点击图片时constonTapImageurlstring=>// 大图预览currenturls?positiont。

uni-app

javascript

vue.js

ci

封装

原创 2023-12-19 10:59:07 271 阅读

uniapp实战 —— 弹出层 uni-popup (含vue3子组件调父组件的方法)

/ 子组件调父组件的方法const'close'void</</</</</</</</</</</</</</</padding;;position;;.title;padding;text-align;font-size;;;co

uni-app

uni-popup

弹出层

关闭按钮

原创 2023-12-19 10:59:02 1735 阅读

vue实战——登录【详解】(含自适配全屏背景，记住账号--支持多账号，显隐密码切换，登录状态保持）

效果预览技术要点——自适配全屏背景技术要点——密码输入框自定义图标切换显示隐藏技术要点——记住账号（支持多账号）核心需求和逻辑勾选“记住账号”，一旦登录成功过，下次登录能在账号输入框的输入推荐建议列表中，选择该账号未勾选“记住账号”，登录成功后，清除对该账号的存储相关代码页面加载时，获取记住的账号mounted() { this.accountList = JSON.parse(local

vue.js

javascript

前端

JSON

Data

原创精选 2023-12-15 12:13:25 1223 阅读

WebSocket 【实用教程】

WebSocket是一种网络传输协议，可在单个TCP连接上进行全双工通信，位于OSI模型的应用层。

websocket

网络

前端

客户端

服务端

原创 2023-12-14 09:33:00 76 阅读

码云 -- 本地代码上传到码云

复制远程仓库地址。

码云

Gitee

git

远程仓库

本地代码

原创 2023-12-14 09:32:54 139 阅读

vue3 教程（中）

组件触发的事件不会冒泡，父组件只能监听直接子组件触发的事件。父组件–在引入的子组件上绑定事件子组件–用 defineEmits() 声

数据源

响应式

Vue

原创 2023-12-14 09:32:49 64 阅读

uniapp 轮播图（含组件封装，自动注册全局组件）

uni-app

轮播图

ci

ide

.net

原创 2023-12-14 09:32:41 353 阅读

uni-app 使用vscode开发uni-app

用于快速创建页面配置插件。

uni-app

vscode

json

安装插件

原创 2023-12-07 10:50:13 1289 阅读

Snipaste 截图悬浮工具【实用教程】

无需安装，解压后即可使用其他版本见官网。

截图悬浮

贴图

颜色值

下载安装

f5

原创精选 2023-12-07 10:50:05 1222 阅读

vue实战——404页面模板001——男女手电筒动画

src\views\otherPages\404.vue<template> <div class="pageBox"> <svg width="100%" height="auto" viewBox="0 0 63

javascript

vue.js

css

ci

Group

原创 2023-12-07 10:49:43 283 阅读

vue实战——登出【详解】

【代码】vue实战——登出【详解】

vue.js

前端

javascript

登录页面

重置

原创 2023-12-06 10:04:26 132 阅读

css排版—— 一篇优雅的文章（中英文） vs 聊天框的特别排版

文章 <div class="contentBox"> <p>这是一篇范文——仅供测试使用</p> <p> With the coming of national day, I have a

css

前端

ide

左对齐

Internet

原创 2023-12-06 10:04:05 187 阅读

vuex——重置vuex数据

登出系统时，需将 vuex 中存储的数据，恢复为最初的默认状态。

vue.js

前端

vuex

Vue

数据

原创 2023-11-14 17:36:27 305 阅读

vue实战——路由访问权限【详解】

Vue Router 路由守卫。相关的 vuex 代码。

vue.js

javascript

前端

用户登录

用户中心

原创 2023-11-14 17:36:22 138 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

朝阳39的博客

欢迎

uniapp 添加分包页面，配置分包预下载

uniapp实战 -- 个人信息维护（含选择图片 uni.chooseMedia，上传文件 uni.uploadFile，获取和更新表单数据）

uniapp 登录

el-select 全选

uniapp实战 —— 可滚动区域 scroll-view （自适配高度，下拉刷新）

css 巧用 ::after 实现 tab 切换动效

css 巧用 ::after 和 ::before 实现竖排分类导航

vue 限制在指定容器内可拖拽的div

uniapp实战 —— 分类导航【详解】

uniapp实战 —— 自定义顶部导航栏

css 十字分割线（含四等分布局）

css 元素前后添加图标（::before 和 ::after 的妙用）

uniapp实战 —— 猜你喜欢（含滚动触底分页加载）

uniapp实战 —— 开发微信小程序的调试技巧

uniapp实战 —— 骨架屏

uniapp实战 —— 竖排多级分类展示

uniapp实战 —— 轮播图【数字下标】（含组件封装，点击图片放大全屏预览）

uniapp实战 —— 弹出层 uni-popup (含vue3子组件调父组件的方法)

vue实战——登录【详解】(含自适配全屏背景，记住账号--支持多账号，显隐密码切换，登录状态保持）

WebSocket 【实用教程】

码云 -- 本地代码上传到码云

vue3 教程（中）

uniapp 轮播图（含组件封装，自动注册全局组件）

uni-app 使用vscode开发uni-app

Snipaste 截图悬浮工具【实用教程】

vue实战——404页面模板001——男女手电筒动画

vue实战——登出【详解】

css排版—— 一篇优雅的文章（中英文） vs 聊天框的特别排版

vuex——重置vuex数据

vue实战——路由访问权限【详解】