自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 uniapp-微信小程序使用圆形进度条,不会产生层级问题。

在uniapp中写微信小程序时,使用了插件市场的一些circle-progress组件,但是他们使用canvas写的,在微信小程序中会出现层级问题(如果你的页面存在fixed、sticky等)。自己根据网上的进度条组件写了一个适配uniapp的圆形进度条组件。

2024-04-11 09:55:16 187

原创 在uniapp和微信公众号中使用微信授权登录-vue3-vuecli-ts

因为需要做多端应用,所以选择使用uniapp来同时开发h5、微信小程序。这里只写有关微信网页的登录授权,非微信网页的后续会写对应的文章。技术栈:uniapp、vue3、vite编辑器:vscode。

2024-03-25 10:37:54 398

原创 在uniapp+vue cli中使用lime-echart图表,关于使用异步数据

在uniapp项目中,我们想要用图表,但是一般的echarts由于代码中存在使用浏览器对象,不能使用,本篇文章推荐使用lime-echart作为图表组件。项目环境:uniapp vue3 vue-cli。

2024-03-20 11:22:32 431 1

原创 lime-echart和微信js-sdk,解决一起使用时图表不显示的问题,解决wx变量冲突问题。

在我写uniapp中,需要用到微信的jssdk和echarts组件,但是我使用的是lime-echart组件和weixin-jsapi库。这两个模块一起使用时会导致图表不显示。

2024-03-20 10:55:19 213 1

原创 使用hooks解决微信公众号JSSDK中的wx.ready()和wx.error()问题-uniapp-vue3-vue cli

可以在评论区讨论uniapp和微信JSDK相关问题,博主有空可以给予回答。

2024-03-18 11:50:07 445

原创 uniapp 中自定义的tabbbar导航栏

在uniapp中我们需要自定义tabbar,而不去使用pages.json内的tabbar配置项。

2023-11-16 15:13:22 1042 9

原创 printJs库的使用心得 printJs配置 echart table超出

在我们需要在页面中打印某个区域的内容或者生成pdf的时候,我们可以直接用printJs库。

2023-11-10 13:48:56 613 1

原创 微信小程序scroll-view动态加载数据滚动指定位置

【代码】微信小程序scroll-view动态加载数据滚动指定位置。

2023-08-29 10:24:58 1855 3

原创 tinymce富文本编辑器 plugin插件 两端缩进

KaleidosChen/tinymcePlugin_indent: tinymce Plugin indent of both ends 富文本编辑器 两端缩进 word (github.com)4.删除node_modules文件夹中的.vite文件夹(用于清除缓存)或者启动项目时输入npm run server --force;3.在tinymce的init时,在plugins和toolbar中添加endsIndent;发现全网都没有关于tinymce富文本编辑器的两端缩进插件,于是自己就写了一个。

2023-08-21 09:12:11 244 1

原创 微信小程序通过js动态修改css样式的方法,以及css变量

不知道各位小帅有没有遇到这种问题,在微信小程序开发的时候,我们想要将某个文字大小变大,那么本篇文章就是解决这个问题。

2023-07-13 15:06:41 3348 3

原创 html css毛玻璃效果

【代码】html css毛玻璃效果。

2023-07-13 10:57:25 51 3

原创 在微信小程序中的 答题系统。

view>活动介绍</view></view>" hover-class="btn_hover" bindtap="onChangeProgressFlag">进入答题</button></view>这里将3个页面集合到了1个页面中,用progressFlag代表页面的进度。title指的是答题系统的标题,比如说xxx届答题大赛。onChangeProgressFlag函数就是修改progressFlag,并且获取答题题目。})

2023-07-13 09:02:18 588 1

原创 如何实现类似b站banner图片效果,景深透视图。

【代码】如何实现类似b站banner图片效果,景深透视图。

2023-04-14 08:55:29 119 1

原创 grid案例-九宫格

grid-template-columns为设置列模板,grid-template-rows为设置行模板。grid-column为列的定位,grid-row为行的定位。在父元素container中,设置为grid布局。然后将container的行和列分割成3x3。然后将各个子元素box定位到对应位置即可。

2023-04-11 14:08:13 90 1

原创 canvas绘制两点渐变图,以及如何自适应窗口大小

window.onresize事件监听,当窗口大小发生改变则调用函数draw()。colorA和colorB是你要选择的颜色,默认是铺平整个屏幕。通过获取浏览器窗口的高和宽,设置给canvas。两次for循环绘制两点渐变图。

2023-04-10 17:29:14 196 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除