vue 数据大屏,一般都会在右上角或者左上角显示日期,日期格式多种多样,年月日时分秒周等,将这些类型封装成一个组件,后期可以直接拿来复用,节省时间。
/**
* @Author: 858834013@qq.com
* @Name: dayTime
* @Date: 2022-7-...
yekong
3年前 (2022-07-17)
喜欢
用到的插件lib-flexible+postcss-pxtorem
我的项目是cli3构建,UI设计稿是1920*1080
utils目录创建flexible.js
;(function (win, lib) {
var doc = win.document
var do...
yekong
3年前 (2022-07-17)
喜欢
2年前做了一个大屏项目重要目标预警与智慧分析系统,因为标题需要一个外发光效果,当时偷懒标题是直接用的图片,现在用css的方式实现一下。
代码实现
通过text-shadow来实现外发光效果
text-shadow:0 0 3px #60E3D5;
h3 {
font-si...
yekong
3年前 (2022-07-17)
喜欢
最近翻看了一下2年前做的大屏项目,vue数据大屏 重要目标预警与智慧分析系统,想看看这两年技术方面有没有啥进步。
在看代码的时候又想到,在某个项目中看到项目用引用了百度统计,于是尝试试一下看看,vue单页项目如何使用百度统计。
获取统计代码
使用百度统计,没有百度账号的首先要注册...
yekong
3年前 (2022-07-16)
喜欢
uniapp微信小程序开发,要求页面可以横向显示。在网上查找了一番实现方法,记录下来。
pages修改
通过设置pageOrientation实现横向显示
portrait 竖向 (默认)
landscape 横向
auto 自适应
{
"path": &...
yekong
3年前 (2022-07-15)
喜欢
uniapp微信小程序外包项目开发,要求获取当前经纬度并与接口返回的经纬度进行计算,获取两个经纬度点之间的距离,并显示在页面中。
计算距离
getDistance() {
var that = this;
this.distance = getDistance(this.da...
yekong
3年前 (2022-07-15)
喜欢
uniapp微信小程序外包项目要求,echarts的tooltip,只在点击时显示
echarts tooltip只在点击时显示
并且长按echarts或者拖动的时候tooltip隐藏。
我这边使用的方式是uniapp 微信小程序 使用Echarts,所以是修改此插件。
修改
...
yekong
3年前 (2022-07-15)
喜欢
项目要求echarts tooltip只在点击时显示
默认tooltip默认是'mousemove|click'鼠标移动以及点击时触发,
triggerOn
通过triggerOn可以设置为只点击显示。
tooltip: {
show: true,
trigger: 'ax...
yekong
3年前 (2022-07-14)
喜欢
vue外包项目开发,要求el-input输入框只能输入数字,且数字不能小于1,将实现方法记录一下。
html
<el-input @input="inputChangeMinOne('maxCharacterCount')" class="ma...
yekong
3年前 (2022-07-14)
喜欢
uniapp外包项目开发时,当数据比较多,校验规则比较复杂时,可以考虑用forEach循环进行校验。
使用实例
// 必填校验
if (!this.getCheckMaterial()) {
return
}
实例代码
getCheckMaterial() {
var th...
yekong
3年前 (2022-07-14)
喜欢