<scroll-view>是滚动容器，适用于页面上的区域滚动。（我之前一直以为滚动就一定要用<scroll-view>来做，后来才知道页面本身就可以滚动，而且页面滚动的性能是优于<scroll-view>的。）在.vue里的<scroll-view>，我记得跟微信小程序的是一样的，display不可以为flex,（设置了也是无效的）如果要使用flex

大家好，我是南宫，最近我在做一个用avue的项目，感觉这个框架的生态非常不友好啊，找不到官方交流群之类的，文档也写得特简单，我感觉阅读项目的旧代码比看官方文档学习方便多了。avue的crud组件看起来非常强大，就一个表格组件，配一配数据，配一配表格的分列，一个整整齐齐还自带分页组件的表格就出来了，而且一进入页面，就自动查询啊，很方便，有木有？但是我现在的需求有一点特殊：我要获取的数据，不仅仅是有接

大家好，我是南宫。最近在项目里，发文字的时候有配上表情的需求，这个需求令我一头雾水，后来通过查资料和参考别人的代码，我做了一个表情组件，下面来分享一下我的思路和过程。效果大概是这样的。一、想要显示表情图标，就需要表情素材这个非常重要，有了素材才有东西展示嘛，我找到的这个素材是json格式的文件，里面的内容大概长这个样子:[{"codes": "1F600","char": "????","name

大家好，我是南宫，今天来写一篇关于canvas绘制“图片选区”的博客。最近我接到了一个新的任务，要求做一个新的弹窗，里面可以点击按钮，切换配置的能力。其中一个能力涉及到在图片上用鼠标拖动，框选出一个区域，这看起来比较复杂，各种百度无果，我只能自己从零开搞。历时两天终于弄完了，所以现在写一篇博客来记录一下这个思路和实现的过程。一、成品效果截图如下：初始状态是这样的，左右是两张相同的图片，中间有一个钩

本文参考了这篇博客：vue项目使用qrcodejs2生成二维码 - 潇湘羽西 - 博客园大家好，我是南宫。最近我这边有这样一个需求：在PC端的web页面获取下载链接，同一个软件的下载的链接不止一个，其中PC端可以直接下载到电脑上，安卓和iOS的客户端需要扫码下载，所以需要把APP的下载地址转成二维码。简而言之，不确定有几个链接要转换成二维码，不确定要转换成二维码的链接是什么（换一个软件，地址就不同

大家好，我是南宫。好久没有写博客了。最近两个月来在做一个Vue_CLI的项目（Vue2.x+ElementUI），项目不简单而且需求很急，一直在加班。这是我上班以来第一次写Vue_CLI项目，之前仅仅只有两次项目经验，而且都是自学时候做的，做这个项目让我很紧张，遇到不少问题，所以考虑写几篇博客分享一下思路和解决方案。今天的标题有一点拗口了，很抱歉，好像用三言两语很难讲清楚这个需求，而这个需求我觉得

最近我在用uni-app做一个app，涉及到了类似抖音的那种播放视频。我在网上找了个别人讲解相关内容的博客，用.vue的文件照着敲下来，在小程序上可以运行，美滋滋。结果放到app上真机调试就翻车了，只能看到一整个视频。我本来准备放在视频上面的东西全被盖住了，所以选择用nvue进行重构。这是我第一次使用nvue，感觉特别艰辛。我翻了uni-app官网的文档，weex的文档，还有一些别人的博客，好不容

用柱状图展示出一系列分类的数据，结果发现分类共9种，每类的名字都很长，一行显示的时候x轴文字直接重叠到飞起，就算是弄成x轴3个字一换行，效果也很难看，变成换了很多行。本文参考了这篇博客里面的思路和分割数据的代码，不过我用的是vue页面，后面没有照搬他的代码，而是我自己根据我的项目需求拆分了我的函数，下面整理一下思路。1.调用接口获取数据，然后在数据里找到x轴、y轴要显示的字段，用map方法映射出了

今天来分享一个我自己写的圆形倒计时组件。我在用uni-app做一个APP，里面新增了一个要做倒计时的需求，也就是旁边提示“看视频，得xx奖励”的那种。这个东西在多个页面上都要使用，所以我封装了一个组件，现在详细讲一下其中的过程，因为里面有一些我觉得值得思考的地方。测试环境是在安卓手机的APP，有vue的页面，也有nvue的页面。如果有差不多需要的同学们可以参考，也欢迎给我提出建议。（长文预警，所以

大家好，我是南宫。今天写一篇博客来整理下最近刚解决的一个问题，那就是导航栏跟内容联动的问题。简单说一下我想要的效果：写了一个宽度为屏幕100%的div，居中的部分是一个导航栏，水平排列，默认位于banner下，如果页面滚到了banner下面，要让导航栏固定顶部。如果页面滚到了下方对应的内容，那就高亮对应的tab标记。如果点击了tab，那就要让页面滚到对应的内容，并且让该tab高亮。（效果是动态的，