紫诺花开

摘要： CSS Grid布局中的subgrid的作用，以及适用场景 subgrid表示子网格，并不是一个CSS属性，而是 grid-template-columns和grid-template-rows属性支持的关键字，需要外面已经有个Grid布局。 什么时候使用subgrid ？ Grid布局负责大的组织 阅读全文

摘要： drawCharts() { let myChart = echarts.init(document.getElementById('main')); let option = { tooltip: { trigger: 'axis', axisPointer: { type: 'line' } } 阅读全文

摘要： 需求：后端返回产品图片和个人信息，前端根据产品链接生成二维码，然后将产品图片、用户信息、二维码生成海报，并点击下载。 这里使用了qrcodejs2、html2canvas、file-saver插件，使用前分别进行安装。 点击海报列表在弹层中显示对应的海报产品，并且生成组合的图片供用户下载。 <u-p 阅读全文

摘要： uView2.0与uView1.x之间，有着非常大的差异，由于2.0是重构版，所以1.x不能直接升级到2.x版本。 2.0版本优化了一些组件的使用，对加强了form表单的校验。 提供了通用性的customStyle参数，可以方便设置一些基础样式等等。 1.0没有DatetimePicker 选择器组 阅读全文

摘要： vant组件库中，DatetimePicker 可以通过 min-date 和 max-date 属性确定可选的时间范围。 但他只支持Date类型，时间戳的话会报错，需要转换一下 <van-popup v-model="showStartTime" position="bottom"> <van-d 阅读全文

摘要： 需求：后端返回的地址，点击图标在地图上显示，并且有位置标注。 这里后端只返回了地址，获取经纬度需要自己处理。 <div class="bg_first"> <div class="map" id="allmap"></div> </div> export default { data() { ret 阅读全文

摘要： 项目中，后端返回的文件流，fileName是机构名称+服务器时间。前端需要拿到响应头里的Content-Disposition字段的值，从中获取文件名 在控制台Headers中可以看到相关的字段和文件名，但是在axios里面却获取不到 如果想要让客户端访问到相关信息，服务器不仅要在heade里添加， 阅读全文

摘要： 移动端项目中使用 vut UI组件库。 比较常用的dialog弹出框和Picker 选择器，这两个的样式跟UI设计的不太一样，尤其是border边框在手机ios系统上有兼容问题。 dialog弹框组件 <template> <transition name="confirm-fade"> <div 阅读全文

摘要： 在右下角或者左下角的图标，有时候会遮挡住 数据，体验不是特别好。需要可拖拽、挪动。 结构 <div id="item_box" @click="$router.push('/newAddPersonal')" @touchstart="getDown" @touchmove="getMove" @t 阅读全文

摘要： 实现思路： 1、 页面使用内置组件 keep-alive 实现缓存2、获取列表的滚动距离 3、返回列表页面恢复高度 在路由文件中添加meta信息，将keepalive设置为true { path: '/pubCustomerPage', name: 'pubCustomerPage', meta: 阅读全文