呆子小木心的博客

处理微信小程序scroll-view未被占满时滚动的问题

vue项目中使用qrcode.js生成二维码图片出现的一些问题

uniapp 下载图片并保存到手机的相册中

微信小程序-iphone打开页面空白，报错Miniprogramerror Syntaxerror...

uni-app 修改组件里的button的边框样式

uniapp 时间格式为“2022-06-20 14:32:38”转换时间戳

微信小程序中自定义一个页面放webview标签用来打开第三方给到的url地址，使用navigateTo方法携带这个url参数进行跳转时，webview标签会打不开这个带过来的url。原因：url地址不能直接作为参数进行路由传参，要进行加密。解决：//跳转路径 let url = '/pages/web-view/index?url=' + encodeURIComponent(res.data);//对地址进行编码 wx.navigateTo({ url: u

uniApp使用高德地图api1，在自己项目中的/src/common/js中的weixin.js写入，没有就新建文件，（具体目录因自己项目而议）export const weixin = {/* 获取地理位置接口 */ getLocation: function (callback) { let option = { type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02' success: fun

微信小程序——自定义导航栏官方文档的一些介绍：但是有时候我们项目需求可能需要自定义头部导航栏，如下图所示：现在具体说一下实现步骤及使用方法：步骤：1，在 app.json 里面把 “navigationStyle” 设置为 “custom”，这样子之后就只会保留右上角胶囊按钮了。"window": { "backgroundColor": "#F6F6F6", "backgroundTextStyle": "light", "navigationBarBackgroun

微信小程序——自定义组件1，在创建的微信小程序项目的根目录上创建一个文件夹——component2，在app.json上建立相关文件可以看到，这个组件目录结构跟小程序普通页面结构是一样的，都是包含四个文件，但是.js和.json文件和普通页面略有不同。下面我们来看下每个文件的构成。3，介绍js文件：// js文件Component({ /** * 组件的属性列表 */ properties: {}, /** * 组件的初始数据 */ data: {}

在button添加icon<button class="wxBtn"> <image class="wxfxBtn_image" src="../../images/wx.png"></image> <text>微信</text></button>去除button点击时的默认背景色微信小程序里面的button标签默认背景色为.button-hover样式渲染，可通过控制台查看，只需覆盖这个背景色即可。/* 点

小程序使用Vant Weapp组件的SwipeCell 滑动单元格报错：[渲染层错误] Ignored attempt to cancel a touchmove event withcancelable=false, for example because scrolling is in progress andcannot be interrupted.解决方法在有滚动的容器css样式添加如下代码touch-action: pan-y;//或者使用全局样式样式去掉* { touch

微信小程序scroll-view底部内容无法完全显示真机调试时，滑动到最底部，松手无法显示最底部的内容，如图：需要在scroll-view组件内的最后加一个空白组件view在占位，使最后的信息能够完全显示出来<view class="scrollSpase"></view>...

在微信小程序里面不使用checkbox怎么实现view的多选wxml文件<block wx:for="{{itemList}}" wx:key="id"> <view class='item_container' bindtap='itemSelected' data-index='{{index}}'> <image class='select_icon' src="{{item.isSelected?'/image/selected.png':'/imag

需要跳转的页面wxml:<block wx:for="{{hotLists}}" wx:key="_id"> <view class="hotList" data-detailId="{{item._id}}" data-sign="{{item.sign}}" bindtap="selectOne"></view></block>js:var id = event.currentTarget.dataset.detailid;

在小程序开发过程中，总是会碰到当你点击一个可以点击的元素的时候，在这个元素下会出现一个高亮的正方形浅蓝色背景。如图：解决方案：通过属性 -webkit-tap-highlight-color 进行解决。当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。要解决这个问题，就可以通过禁用这个高亮就可以，只需要设置颜色的alpha值为0即可。.main { -webkit-tap-highlight-color: rgba(0,0,0,0);}.