摘要:
1. 通过js文件修改 ant.design官网已写明 2. 通过less文件修改 好处: 除了更改变量还可以写入其他样式;可以直接复制原antd变量进行修改; 方法步骤: (1)styles文件夹中创建theme文件夹,其中 index.less:引入其他主题相关less文件 common.les 阅读全文
摘要:
一:项目文件准备 设置publicPath(vue.config.js文件) const BaseUrl = process.env.NODE_ENV 'production' ? './' : '/'; module.exports = { publicPath: BaseUrl }; vue项目 阅读全文
摘要:
1. 需求 通过接口拿到一个url,前端根据此url生成一个二维码并展示此二维码以及二维码说明文字,如图: 点击复制按钮,将红色框部分当做图片进行复制,并可通过聊天框(比如微信,qq)直接以图片形式发给客户 2. 实现 .vue文件如下: <template> <div> <div id="QR-c 阅读全文
摘要:
1. 需求 点击左侧导航栏‘批量生成’:出现批量生成的页面,上传文件后显示一个列表页(通过v-if控制,此时并没有切换路由), 意思就是第一步上传,第二步显示上传列表,但是第二步没有回退按钮; 要求再次点击左侧导航栏‘批量生成’时,页面重新显示上传(第一步) 2. 实现 使用this.$router 阅读全文
摘要:
1. 扩展Select组件,注册新的组件(global-components.js文件中进行) import Vue from 'vue'; import { Upload } from 'view-design'; // 扩展组件 // 拖拽文件上传时检测文件个数(单文件上传,拖拽大于一个报错) 阅读全文
摘要:
背景 uni-app本身没有路由,无法使用路由守卫。 那么有这么一个功能: 当某些页面需要登录,进入之前需要判断是否登录,如果没有登录则跳转到登录页。 可以封装公共方法或混入实现,但是不太优雅,这时使用路由守卫实在是太方便了! 幸好,插件uni-simple-router给我们提供了 1. uni- 阅读全文
摘要:
app.vue中判断手机机型,设置需要留出的高度(如果不是iPhonex,则默认为空) <script> export default { methods: { getMobileInfo() { const mobileInfo = uni.getSystemInfoSync(); let Bot 阅读全文
摘要:
前言 之前,写过一篇基于less自定义函数实现主题切换功能; 此种方法缺陷: 从原本的项目中抽离样式比较繁琐; 自定义函数传参方式,可读性比较差,容易造成传参混淆; 因为主题自定义函数中定义的类是共用的,如果不同组件中类重名了,会影响到每个组件;需要在自定义函数中定义一个唯一命名的类,然后在需要使用 阅读全文
摘要:
存在问题 做了一个记录页面(类似单方聊天页),输入框在底部;当弹出键盘时,页面整体上移,页面头信息会消失不见 需要实现效果: 比如一个记录页面,需要在键盘弹出时: 底部的输入框跟随键盘上弹 页面头固定在顶部不动 聊天信息区域(即内容区)调整高度,该区域局部滚动 解决方法 底部输入框fixed定位在底 阅读全文
摘要:
选择框架原因 项目开始的时候,考虑到后续可能有做h5的需求,所以决定选择使用框架来做小程序。 调研发现目前小程序框架主要有 腾讯自家的wepy DCloud公司的uni-app 美团的mpvue 京东的taro wepy: 腾讯团队开源的一款类vue语法规范的小程序框架,借鉴了Vue的语法风格和功能 阅读全文