vue2腳手架組合iview精簡版模板，可用做PC後臺系統模板

原創 凱迪Wen 2019-05-29 15:24

github項目地址：《vue2-cli-iview》

iview官方demo是自己配置的webpack，如果想拿iview2的來做後臺模板，需要自己拆分

本文已拆分好精簡版iview使用vue2的後臺精簡模板，可用作PC後臺管理系統模板，快速開發。

精簡版圖

登錄頁
clipboard.png

首頁
clipboard.png

錯誤頁

clipboard.png

更換顏色

clipboard.png

鎖屏頁

clipboard.png

如果對大家有幫助，麻煩在github給個star支持一下

github項目地址：《vue2-cli-iview》

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

前端構建踩坑 --- babel-loader 對已編譯的腳本進行再編譯從而導致文件執行出錯

前言 本人博客原地址：前端構建踩坑 — babel-loader 對已編譯的腳本進行再編譯從而導致文件執行出錯 問題描述： babel-loader 對已編譯的腳本進行再編譯從而導致文件執行出錯。   因爲打算開發一個小組件庫

Deng冬 2020-07-08 02:23:22

win7系統安裝vue-cli腳手架【超詳細】含webpack和vue-admin模板

VUE環境總共分爲2步，搭建項目隨意： 1、(必須)安裝node環境 百度雲下載安裝：因爲有時node官網下載網絡不穩定,另外node版本v12往上win7可能安裝不了，條件允許最好在官網下載 百度盤：https://pan.baidu

盖被子的冰块 2020-07-06 13:13:22

如何在 Google Chrome 中查看 HTTP 標頭？ - How can I view HTTP headers in Google Chrome?

問題： 直到 9.x，標題在開發者工具中的資源下，但現在我在任何地方都找不到。 解決方案：參考一： https://en.stackoom.com/question/IYdh 參考二： https://stackoom.com/q

fyin1314 2021-10-01 09:19:59

Vue 項目使用 axios + iview 的 upload 組件實現文件上傳功能遇到的問題以及解決方法

Vue 項目使用 axios + iview 的 upload 組件實現文件上傳功能遇到的問題以及解決方法 參考文章： （1）Vue 項目使用 axios + iview 的 upload 組件實現文件上傳功能遇到的問題以及解決方法 （2

javail 2021-04-18 09:16:19

JeecgBoot的前端Form升級爲FormModel用法(支持 v-model 綁定)

FormModel 表單 (支持 v-model 綁定)(Ant Design of Vue 版本：1.5.0+) 新版form特性 1、支持雙向綁定 2、無需v-decorator這個反人類屬性設置 3、form用法跟目前主流框架(el

原創 2021-03-22 21:12:29

乾貨|6個牛逼的基於Vue.js的後臺控制面板，接私活必備

JavaEE擅長的就是企業級應用，作爲一個Java程序員，如果想自己徒手擼一個ERP、WMS之類的系統還是有一點挑戰的，不過今天松哥要給大家介紹幾款牛逼的基於Vue.js的後臺管理控制面板，掌握這幾款管理面板，差不多就可以單槍匹馬去接私活

江南一點雨 2021-02-08 21:20:13

基於iview的自定義menu-itme

定義組件 MyMenuItem.vue: <template> <div> <Submenu v-if="item.children!=undefined&&item.children.length>0" :key=

原創 2021-02-01 21:17:30

vue 3.x 插槽v-slot升級table組件

1.需求：iview的table組件提供了自定義列模板的方式，使用slot-scop，解構出我們需要的數據項，極大方便了我們的開發，現在我們用vue3.x的v-slot來升級這種自定義列模板的寫法。 2.子組件,slot上命名每一項的數據的

osc_nsuz8xb0 2021-01-30 21:23:21

iview樣式做一個排序小控件

<template> <span class="ivu-table-sort" @click="changeSort"> <i class="ivu-icon ivu-icon-md-arrow-dropup

原創 2021-01-30 09:51:34

這款完全開源可自主DIY的小程序商城太強大了，直接可給客戶搭建賺米

項目介紹 CRMEB Min是CRMEB品牌全新推出的一款輕量級、高性能、前後端分離的開源電商系統，完善的後臺權限管理、會員管理、訂單管理、產品管理、CMS管理、多端管理、頁面DIY、數據統計、系統配置、組合數據管理、日誌管理、數據庫管理

osc_4zx4bjhm 2021-01-30 09:21:58

12個非常適合做外包項目的開源後臺管理系統

D2admin 開源地址： https://github.com/d2-projects/d2-admin 文檔地址： https://d2.pub/zh/doc/d2-admin/ 效果預覽： https://d2.pub/d2-adm

張宏亮 2021-01-30 09:12:53

iviewUI-Tabs選項卡切換組件

概述  選項卡切換組件，常用於平級區域大塊內容的的收納和展現。 源碼地址：https://github.com/iview/iview/tree/2.0/src/components/tabs 使用： <template> <T

li_bing_ 2020-07-08 04:26:56

vue-cli3.0 + vue2.0 + iview----1.安裝-創建

**node安裝配置    **1.下載對應你係統的Node.js版本:https://nodejs.org/en/download/    **2.下載完成後，雙擊“node-v6.9.2-x64.msi”，開始安裝Node.js  

XiaoYi0215 2020-07-06 23:54:18

vue-cli3.0 + vue2.0 + iview----4.使用

1.使用axios                安裝                          npm install axios --save 使用                          https://githu

XiaoYi0215 2020-07-06 23:54:18

iview的modal中的form驗證出錯，頁面不關閉的方法

效果如下：    代碼如下：  <Modal v-model="configModal" :title="configTitle" :mask-closable="false"

jjw_zyfx 2020-07-06 11:45:01