摘要： 好久沒更了，近期開發(fā)遇到的需求，抽空梳理一下~ 需求：實(shí)現(xiàn)一個(gè)復(fù)雜的拓?fù)鋱D，圖中元素的個(gè)數(shù)，以及各個(gè)參數(shù)內(nèi)容是動(dòng)態(tài)展示的。 于是讓ui提供了對(duì)應(yīng)的svg圖片。 解決思路：使用iframe嵌入svg圖片，運(yùn)用D3.js修改其文本及樣式。 html： <iframe class="systemFrame 閱讀全文

摘要： 效果圖： 需求： 1 開始時(shí)間、結(jié)束時(shí)間可配置2 時(shí)差固定8小時(shí)3 根據(jù)當(dāng)前時(shí)間初始化位置4 每隔5s刷新位置5 超過結(jié)束時(shí)間停止刷新 HTML: <div class="time-axis"> <div class="startTime">{{start_time}}</div> <div cla 閱讀全文

摘要： <el-table ref="table" :data="tableData" :header-cell-style="{background: '#F0F2F7', color: '#606266'}" @cell-mouse-enter="mouseEnter" @cell-mouse-leav 閱讀全文

摘要： 示例：輸入分頁頁數(shù)，每頁顯示條數(shù) <el-input type="number" class="resNums" v-model="item.resNums" :min="1" :max="500" step="10" placeholder="結(jié)果顯示條數(shù)" onKeypress="return( 閱讀全文

摘要： 需求：上下兩個(gè)盒子之間添加可拖拽按鈕，實(shí)現(xiàn)高度變化 html： <textarea :id="'mycode'+(index*1+1)" :ref="'mycode'+(index*1+1)" v-model="item.sqlContent" class="CodeMirror-hints" :c 閱讀全文

摘要： let data = [ {hierarchy: '香蕉', count: 1}, {hierarchy: '蘋果', count: 2}, {hierarchy: '葡萄', count: 3}, {hierarchy: '梨', count: 4}, ] let sum = data .filt 閱讀全文

摘要： 本文為原創(chuàng)文章，轉(zhuǎn)載需注明出處~~ 效果圖： 項(xiàng)目需求：如果一級(jí)菜單過多，需要出現(xiàn)滾動(dòng)點(diǎn)擊按鈕。 準(zhǔn)備工作：考慮到使用swiper插件，但swiper-slider必須是swiper-wrapper的第一子節(jié)點(diǎn)，el-menu沒辦法套用，放棄！決定自己寫： html： 關(guān)鍵css： <-- 按鈕樣式 閱讀全文

摘要： 對(duì)二級(jí)菜單進(jìn)行搜索查詢： watch: { librarySearch(val) { if(val == '') { this.libraryFiles = this.libraryFilesAll }else { this.filterNode(val, this.libraryFilesAll) 閱讀全文

摘要： 只需在樣式中添加： mix-blend-mode: darken; 注意：IE和Edge瀏覽器不支持mix-blend-mode屬性 閱讀全文

摘要： 效果圖： 安裝及引用同上一篇文章，請(qǐng)移步：http://www.rzrgm.cn/Lu-Lu/p/16265815.html HTML： <el-dialog class="diffDialog" title="版本對(duì)比" :visible.sync="sqlDialogVisible" w 閱讀全文