随笔分类 -  *uniapp

页面加水印
摘要:效果图: 实现思路: 需要一个透明蒙版盖住页面,然后将水印信息循环展示出来,展示完成后将蒙版旋转倾斜,然后为了让水印不影响下层页面功能的正常使用,需要使用pointer-events: none;属性让事件穿透到下面去 // 定义一个水印组件 <template> <view class="make 阅读全文

posted @ 2023-09-05 09:35 一名小学生呀 阅读(45) 评论(0) 推荐(0)

列表滚动保存当前位置,跳转详情页面返回后继续当前位置
摘要:思路如下: // 1. 监听页面的滚动(onPageScroll 生命周期) // scrollTop是data中定义的变量,可以将页面的滚动值赋值保存下来。 onPageScroll(e) { this.scrollTop = e.scrollTop; } // 2.离开当前页面时,保存到缓存中 阅读全文

posted @ 2023-09-04 17:25 一名小学生呀 阅读(368) 评论(0) 推荐(0)

uniapp 浏览器调试配置代理
摘要:"h5" : { "sdkConfigs" : { "maps" : { "qqmap" : { "key" : "SB5BZ-***********************-KVBUC" } } }, "router" : { "mode" : "hash", "base" : "./" }, " 阅读全文

posted @ 2022-12-15 10:06 一名小学生呀 阅读(1362) 评论(0) 推荐(0)

uniapp日历面板
摘要:<template> <view class="calendar-wrapper"> <view class="header" v-if="headerBar"> <view class="preWidth" @click="changeMonth('pre')"> <view class="pre 阅读全文

posted @ 2022-12-15 10:00 一名小学生呀 阅读(264) 评论(0) 推荐(0)

uniapp 上拉加载&下拉刷新
摘要:demo-1.页面方法直接操作 <script> export default { data() { return { listQuery: { pageNo: 1, pageSize: 10, }, //分页 list: [], //列表 totalPage: 1 //当前页 }; }, onLo 阅读全文

posted @ 2022-10-08 11:34 一名小学生呀 阅读(851) 评论(0) 推荐(0)

导航