叁仟叁佰-CSDN博客

原创 uniapp 微信浏览器打开外部APP

全部设置好之后并且接口调通之后你会发现，wx-open-launch-app里的东西已经展示在页面上了，剩下的就是点击，如果APPID配置正确并且手机安装了需要打开的APP的话，点击标签是可以正常打开的，那么没有安装或打开失败的情况下需要有备用方案，我们的方案是打开应用市场。wx-open-launch-app 标签有@error=""属性，这个就是打开失败的回调。在微信服务号里设置IP白名单以及JS接口安全域名，并且关联被打开的APPID。使用之后查看页面发现没有出现按钮，那么马上就要进入第二大重点了。

2024-01-02 14:26:58 1229 1

原创阿里oss图片处理使用图片水印

然后将这一段路径转换为base64字符串得到类似’ZWR1L2ltYWdlcy8yMDIzMTEyMy9hYWFhLmpwZw==‘的一段话。然后在你要渲染的图片路径后加'?x-oss-process=image/watermark,image_转换后的base64字符串'转换方法：将图片在你oss里的路径直接复制，去掉域名只留下路径即可。只留下：edu/images/20231123/图片名.jpg即可。首先你要拿到作为水印的图片base64字符串。这就是你水印图片的base64字符串。

2023-11-27 11:43:48 1148

原创 uniapp使用阿里矢量图

进入uni_modules\h-icon\components\h-icon目录打开h-icon.vue文件。首先，咱们要在iconfont里有个项目，并且将要用到的矢量图全部导入到这个项目里。找到下方代码，将之前保存的代码替换一下（记得保留'https:'）ok这个咱们目前用不到，切换tab到FontClass。其中 icon属性就是你项目里icon的名称。下面进入咱们的uniapp项目，引入下方插件。那么到此为止引入就算完成了，接下来是使用。这样一来，页面就显示出你引入的icon了。

2023-11-24 14:42:23 732 1

原创 uniapp根据scroll-view实现顶部tab和页面滑动联动选中

根据scroll-view的scroll-into-view属性值实现点击按钮滑动页面根据滚动的距离实现顶部按钮的样式切换

2023-11-01 16:43:03 650

原创 Date.now()和new Date()的区别以及选择

Date.now()和new Date()的区别以及选择

2023-10-25 18:04:43 1561

原创 uniapp canvas 图片渲染变形的解决方法及使图片文字倾斜

当使用canvas渲染图片时，如果图片的宽高比例和咱们设置的不一样的话就会有图片变形的问题。那么解决的方法就是根据uniapp的。废话少说，直接贴代码。

2023-10-08 17:35:42 1261 1

原创 uniapp 仿网易云黑胶会员等级页面顶部旋转

刚一开始打算把所有的等级都手写一套然后挨个调旋转角度以及位置，写到五级就放弃了，太费劲而且兼容性太差了，就索性让ui且了一张大图，把整个圆都切进来了。然后只需要在轮播的时候用transform:rotate()更改图片的旋转角度就可以了。但是有细心的人就发现了，当前等级的点和当前选中的点以及未选中的点样式都是不一样的，而且还得跟着大圆进行旋转，并且轮播走完之后与轮播对应的点还得回到中间。最近写项目碰到一个这样的需求，就是上面的等级需要跟着下面轮播旋转，轮播走到七级那么顶部等级也要旋转到七级的点上。

2023-07-27 16:13:19 505 4

原创 uniapp app跳转到微信小程序

【代码】uniapp app跳转到微信小程序。

2023-07-26 14:44:41 507 1

原创 uniapp 微信小程序支付 App微信支付宝支付

res内的东西全是向后台返回的，后台创建订单后向前台返回订单信息，然后前台拿到订单信息后向微信调起支付。注，以上方法只能用于原生支付，若是后台使用其他第三方支付的话以上方法不适用，推荐跳到小程序进行支付。支付宝的比较简单，只需要一个orderInfo就可以拉起。saId=10000007 打开支付宝扫一扫功能。同样的，后台返回给res后直接向微信发起支付。qrcode 请求网址（二维码网址）

2023-07-26 14:41:26 594 1

原创 uniapp 伪弹窗形式实现美团左右列滑动联动

整理一下，核心属性就是scroll-into-view，利用动态赋值让两个scroll-view自动滚动，其次就是获取右侧列表每一项距离顶部的距离，动态计算出当前右侧滚动到哪个分类下后再将左侧动态赋值。近期有项目要求做一个类似美团的左右列联动的商品选择列表，但是去插件市场找了一圈基本都是整个页面的列表，没有在某个区域内实现左右列联动的，于是自己写了一套。很简单，动态赋值，利用scroll-into-view属性，当绑定的值改变时，他会自动滚动到元素id为绑定值的地方。下面开始右侧跟随左侧。

2023-07-26 14:10:19 741 4