原创 ECharts 的 legend 樣式修改
legend: { orient: 'horizontal', // 'vertical' x: 'right', // 'center' | 'left' | {number}, y: '
原创 一個好看的消息提示框--前端
引入以下兩個插件即可 <link rel="stylesheet" href="static/css/toastr.min.css"> <link rel="stylesheet" type="text/css" hr
原创 VUE項目中引入百度地圖
使用百度地圖js API 前, 需要申請應用的ak 祕鑰,在官網上自己申請即可; 普通的 html 文件 中只要給定script標籤如: <script type="text/javascript" src="http://api.ma
原创 ElementUi中輪播圖走馬燈如何實現添加圖片
<template> <el-row class="warp"> <el-col :span="12" class="warp-breadcrum"> <el-breadcrumb separator="/">
原创 echarts餅圖鼠標移入,懸停部分不放大突出
此代碼爲雙餅圖代碼 裏外餅鼠標移入均不放大 在series裏 設置 hoverAnimation:false, 注意: 如果內部餅圖設置完仍然有放大 很有可能是餅圖的radius設置的過大 將比例縮小即可
原创 bootstrap引入彈窗後卻被陰影覆蓋如何解決
只需要在css中添加 .modal-backdrop{z-index:0;} 即可 <div class="personalinfo" hidden> <ul class=""> <li data-togg
原创 echarts繪製嵌套環形圖/ 雙餅圖
設備類型在裏 設備品牌在外 後臺返回數據如下格式: device_brand_distribution = [{'equipment_type': '智能手機', 'equipment_brand': 'xia
原创 前端翻頁---jqPaginator.js
後臺每次返回10調數據 HTML: <div class="pageDiv"> <div class="floatLeft totaldiv">
原创 前端 繪製世界地圖
<div class="col-xxl-6 col-lg-6 col-md-6" style="margin-bottom: -6px"> <div class="panel
原创 前端js實現--登錄驗證二維碼
數字和字母組合的四位驗證碼 HTML如下 <li class="border testcode"> <i class="iptestcode"></i> <div cl
原创 前端繪製流程圖----流程圖JS插件:dagre-d3
後臺返回的數據爲WEBSOCKET實時推送 ,每推送一條數據來,自動生成一個分支和數據塊,一個父可能會對應多個子。 html如下 <!doctype html> <head> <meta charset="utf-8"
原创 vue+elementUI項目知識點整理
常見知識點說明 ---------------------------------------------------------------------------------------------------------------
原创 通用的左側菜單欄樣式(側邊欄)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link href="http://cdn.bootcss.com/bootstrap/3.2.0/css
原创 前端-只選擇年份的下拉框
HTML如下 <div class="divItem2">
原创 css解決 多張圖片如何統一大小 且沒拉伸問題
1. 測試案例 需求: 要求表情庫裏所有表情包大小都固定 實際效果: 由於圖片原始大小都不一樣,強行設定大小值會導致拉伸,如果不設定大小則參差不齊。例如: //html <body> <img src="1.jpg" />