原创 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" />