上一页 1 2 3 4 5 6 7 8 ··· 25 下一页

2025年3月3日

磨砂效果、fit-content

摘要: backdrop-filter: blur(10px); width:fit-content // 自适应内容的宽度 阅读全文

posted @ 2025-03-03 14:09 ChoZ 阅读(19) 评论(0) 推荐(0)

uni-扩展组件

摘要: 官方提供的组件包,直接下载安装按需导入即可 loading示例 <template> <view class="" v-for="item in 50">{{item}}</view> <text>当前页面无数据时显示loading</text> <text>把数据下划到最下,下划时显示loadin 阅读全文

posted @ 2025-03-03 00:36 ChoZ 阅读(27) 评论(0) 推荐(0)

2025年3月2日

pageScrollTo、env(safe-area-inset-bottom)

摘要: <template> <view class="" v-for="item in 50">{{item}}</view> <button @click="back">回到顶部</button> <view class="v">11</view> </template> <script setup> 阅读全文

posted @ 2025-03-02 15:10 ChoZ 阅读(57) 评论(0) 推荐(0)

api调用下拉刷新和关闭startPullDownRefresh、stopPullDownRefresh

摘要: <template> <button @click="fresh">api调用下拉刷新</button> <button @click="stop">api关闭下拉刷新</button> </template> <script setup> const fresh = () => { uni.sta 阅读全文

posted @ 2025-03-02 14:39 ChoZ 阅读(70) 评论(0) 推荐(0)

图片懒加载lazy-load,图片预览previewImage、小程序本地开发https配置和上线配置

摘要: <template> imge自带懒加载功能啊,只针对page与scroll-view下的image有效并且是小程序有效 <image :src="item.url" mode="" v-for="(item,index) in data" lazy-load @click="preview(ind 阅读全文

posted @ 2025-03-02 13:29 ChoZ 阅读(93) 评论(0) 推荐(0)

2025年3月1日

request

摘要: <template> <text>{{data}}</text> </template> <script setup> import { ref } from 'vue'; const data = ref([]) // 代替axios了,返回的是一个promise const init = asy 阅读全文

posted @ 2025-03-01 22:52 ChoZ 阅读(22) 评论(0) 推荐(0)

setStorageSync、getStorageSync、removeStorageSync、clearStorageSync

摘要: <template> <text>{{getStorage}}</text> </template> <script setup> // 一般使用Sync同步的api // 设置localStorage uni.setStorageSync('key', '我是存的数据') // 获取localSt 阅读全文

posted @ 2025-03-01 22:24 ChoZ 阅读(167) 评论(0) 推荐(0)

navigateTo、relaunch、navigateBack、getCurrentPages

摘要: <template> <button @click="show">跳1</button> <button @click="hide">跳2</button> <button @click="back">回退</button> </template> <script setup> // 使用js代码跳 阅读全文

posted @ 2025-03-01 18:54 ChoZ 阅读(38) 评论(0) 推荐(0)

setTabBarItem、setTabBarStyle、showTabBar、hideTabBar、setTabBarBadge、removeTabBarBadge、showTabBarRedDot、hideTabBarRedDot

摘要: <template> <!-- <button @click="show">显示</button> <button @click="hide">隐藏</button> --> </template> <script setup> // 设置下面的tabbar的配置 uni.setTabBarItem 阅读全文

posted @ 2025-03-01 17:18 ChoZ 阅读(94) 评论(0) 推荐(0)

setNavigationBarTitle、setNavigationBarColor、showNavigationBarLoading、hideNavigationBarLoading、hideHomeButton

摘要: <template> <button @click="show">显示</button> <button @click="hide">隐藏</button> <view class=""> <navigator url="/pages/demo/rpx">跳</navigator> </view> 阅读全文

posted @ 2025-03-01 15:25 ChoZ 阅读(29) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 8 ··· 25 下一页

导航