- 博客(10)
- 收藏
- 关注
原创 uniapp中methods方法调用其他方法
使用uni.getlocation获取当前定位成功后success调用其他方法直接通过this.functionName()无法调用该方法,会提示下述错误通过this.$options.methods.functionName()直接调用, 会提示下述错误success中拿不到vue中的this,可以用bind()绑定(success后),或者用that存储thisgetAaddress(){ let that = this uni.getLoc...
2021-12-02 11:37:03
5812
原创 2021-10-12
需求: 宠物养成游戏Eva.js是一款前端框架, 了解HTML/css/JavaScript就可以使用基于Eva.js实现宠物养成游戏具体使用参考官网教程新建vue项目, 使用vue cli3创建vue create evademo安装eva所需npm包(按需导入)// 添加资源npm install @eva/eva.js// 创建游戏npm i @eva/plugin-renderer// 添加游戏对象npm i @eva/plugin-renderer.
2021-10-12 10:25:21
961
原创 uni-app选项卡内容区联动(适用商品详情页面等类似页面)
问题: (1) 点击选项卡页面滚动到对应区域 (2) 滑动页面选项卡切换到对应Tab (3) 选项卡切换与页面滚动双向联动 解决: (1) 通过 uni.createSelectorQuery().select('#id').boundingClientRect(data => { console.log(data.top) ...
2021-09-24 17:55:17
872
原创 数据转换(树状数据)
问题: 将后台返回的平级数据转换为嵌套数据格式getTestData(){ const arr = this.testData // 请求到的源数据 const result = []; for (let data of this.testData) { if (data.parent_id == 0){ // 判断是否为顶层节点 var parent = { "cate_id": data.cate_id, "cate_name": d
2021-09-14 14:18:57
126
原创 swiper轮播图指示点修改
问题: swiper轮播图指示点形状位置需要调整到某个位置解决: 通过深度选择器获取swiper指示点面板的类名, 设置样式进行调整// sass样式::v-deep .uni-swiper-wrapper{ .uni-swiper-dots{ // 指示点面板样式 .uni-swiper-dot-active{ // 指示点点击时样式 } .uni-swiper-dot{ /
2021-09-14 14:03:38
951
1
原创 uni-app移动端自定义导航栏高度判断
问题: 自定义Top状态栏, 固定高度导致全面屏顶部空白部分过高解决: 通过判断屏幕形状, 动态添加距离屏幕顶部高度, 使用动态样式if(plus.navigator.hasNotchInScreen()){ console.log('这是异型屏') // 业务代码} else { console.log('这是全面屏') // 业务代码}...
2021-09-14 13:53:24
490
转载 省市JSON(A-Z排列)
{ "city": [ { "title": "A", "lists": [ "阿坝", "阿拉善", "阿里", "安康", "安庆", "鞍山", "安顺", "安阳", ...
2021-09-14 13:41:30
432
原创 ajax请求get自动添加时间戳
$.ajax({ url:'http://www.com', type: 'GET', dataType: 'json', data: {}, headers: { Token: token }, async: true, cache: false, succ...
2021-07-29 14:38:12
1648
原创 :nth-child(n)使用记录排行榜前三名头像皇冠展示
需求:实现排行榜前三名用户头部皇冠展示问题::nth-child(n)用法不熟悉导致开始出现头像上的皇冠图都是一样的:nth-child(n)选择父元素的第N个指定类型的子元素(类型: 数字/关键词/公式)代码:html部分<view class="user_avatar_box" style="margin-top: -50rpx;margin-left: -20rpx; width: 80rpx; height: 136rpx;position: ...
2021-07-19 12:04:01
684
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人