sunnyeve

摘要： 1.背景描述：在页面上点击显示二维码图标，然后以弹窗的形式将二维码展示出来 2.效果如下： 3.代码如下： <template> <view> <!-- 二维码 --> <view @click="showQRcode">二维码</view> <!-- 显示二维码弹窗 --> <uni-popup 阅读全文

摘要： 1.uni-app中使用 uni-popup 和 uni-popup-dialog组件mode模式为input时，会自动把键盘弹出来，如图所示： 2.代码如下： <uni-popup type="dialog" ref="dialog"> <uni-popup-dialog mode="input" 阅读全文

摘要： 1.高亮方法代码如下： highlightMap(myChart){ // 高亮轮播展示 var index = 0; this.timer = null; this.timer = setInterval(()=>{ myChart.dispatchAction({ type: 'downplay 阅读全文

摘要： 1.背景描述 在页面中，添加一个悬浮按钮并实现拖动它到任意位置。使用到的内置组件有 movable-area, movable-view。 2.效果 3.具体代码实现 <template> <movable-area class="movable-area"> <movable-view class 阅读全文

摘要： 1. vue 路由间跳转和新开窗口的方式（query， params） 路由间跳转配置： query方式：参数会在url中显示 this.$router.push({ path: '路由地址', query: { msg: 'hello world' } }) params方式：传参数据不会在导航栏 阅读全文

摘要： 1.常用子元素选择器-选择特定子元素 :nth-of-type(n) 选择其父级下的第n个元素 例如：p:nth-child(2):last-of-type 选择其父级下的最后一个元素:nth-child(n) 选择其父级下的第n个子元素:nth-last-child(n) 选择其父级下的第n个子元 阅读全文

摘要： 1.vue是什么？ vue是一套构建用户界面的渐进式框架，核心库只关注视图层。vue和react相同点： 1.都使用 virtual DOM; 2.提供了响应式(reactive); 3.组件化(composable)的视图组件； 4.都支持native方案； 5.都支持SSR服务端渲染； 6.都支 阅读全文

摘要： 1. mock 介绍 mock： 假的。mock数据 意思是： 真的假数据。【真的即为符合接口规范要求的。 假数据：数据是自己造的，不是真实数据。】mock实现方式操作流程： 1.本地启mock服务器【用express写接口或本地用专门的mock服务】 2.线上的mock服务器mock.js基本语法 阅读全文

摘要： 1.vue中监听切出页面方法 使用到的事件为： visibilitychangevisibilitychange 是浏览器新添加的一个事件，当浏览器当前页面被最小化或切换浏览器其他标签页后者从其他页面或应用返回到当前标签页 都会触发这个事件。document.visibilityState 共有四个 阅读全文

摘要： 1.背景描述： 图表数据过多，需要展示滚动条方便查看剩余数据 2.效果展示： 关于截图中左下角伪类样式：<div class="chart-container"> <div class="chart" id="myChart"></div> <div class="chart-footer"></d 阅读全文