首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
uniapp常用
白杨木影子被拉长
创建于2025-04-09
订阅专栏
工作中uniapp常用模板、功能
暂无订阅
共18篇文章
创建于2025-04-09
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
uniapp scroll-x布局
```js // 模版 {{ tab.name }} // 样式 .scroll-x--wrap { width: 100%; overflow: hidden; white-space: nowra
多状态映射
```js data() { retutn { statusType: { 1: '缺货', 2: '入位', 3: '撤销' }, statusColor: { 0: '', 1: 'danger'
查看图片
```js // 查看图片 viewImg(imgArr, index) { uni.previewImage({ current: index, urls: imgArr }) } ```
设置应用启动页(广告页)、首页活动弹窗
应用启动页(广告页) homePage.vue: pages.json: 首页活动弹窗。。。。。。。
去除button默认样式、修改input placeholder样式、搜索input、按钮禁用样式
去除button默认样式 修改input placeholder样式 搜索input 按钮禁用样式。
scroll-top返回顶部
```js <scroll-view scroll-y :scroll-top="scrollTop" @scroll="scroll"></scroll-view> ```
判断数据真假
在js中空数组([]),空对象({})会也会被判断为真,故封装一个[]、{}为假的一个方法来判断数据真假。 判断是否为数组,是数组则判断数组是否为空。
绑定样式
```js 1. computed: { scrollHeight() { let info = uni.getSystemInfoSync() return info.windowHeight -
页面传值
```js // 传 let objData = { id: 1, name: '张三', age:18 } let data = encodeURIComponent(JSON.stringify(
设置自定义导航栏
取消原生导航栏 封装设备信息 common/system-info.js: screenHeight是整个手机屏幕的高度。 windowHeight是webview(不包括手机通知栏、小程序标题栏和t
uni.showModal
```js uni.showModal({ title: '系统提示', content: '这是一条错误提示', showCancel: false, }); uni.showModal({ tit
全局分享/自定义分享
share.js main.js 某个页面自定义分享并携带参数export default { data() { return { // 默认的全局分享
rpx/px转换
```js //rpx转px rpxToPx(rpx) { const screenWidth = uni.getSystemInfoSync().screenWidth return (screen
视频播放
默认视频全屏展示,上划触发半屏展示并显示视频相关信息。<template> <view class="vidTutDetails-page"> <view class="vid
grid布局的应用
分三列,每列固定宽度,每行的布局为space-between 固定行间距、列间距和每列宽度,每行元素自动平铺
列表下拉刷新
实现列表下拉刷新数据,请求完成后,停止刷新。只需要两个参数(triggered、isRefreshing),一个方法(refreshFn),接口调用完成后重置triggered、isRefreshin
获取盒子高度
```js mounted() { this.getBoxSize(); }, methods: { getBoxSize() { uni.createSelectorQuery() .select(
数组常用操作
给数组中新增一个属性 删除数组中的属性 修改数组中的属性 删除又新增。。。。。。。。。。。。。。。。