原创 ehcarts line先從折線變弧線

屬性值 smooth: true 要的是這種效果, 一般我們組合的時候的圖是這樣的 所以需要設置一下 修改 series: [ { name: '蒸發量',

原创 樹形單選框input_radio菜單

效果圖 需要引用到jquery html部分 <body> <div id="menuTree" class="menuTree"></div> </body> css部分 .menuTree { marg

原创 select_option設置默認值

<select name="build" id=""> <option selected disabled>建築名稱</option> <option value="1">教學樓01</option> <o

原创 boostrapTable 切換頁面時無法顯示問題

boostrapTable加載 我的界面是這樣的 在我點擊第二個tap的時候內容會改變,當我再次切換回來的應該顯示 但是我發現我直接進行切換table沒有顯示, 然後我就加了一次請求,點擊tap的時候再次請求渲染table的函數

原创 echart 柱形圖和折線圖合併

html部分 <div id="lineAndBar" style="width:1000px; height:320px"></div> js部分 var WEcharts = echarts.init(document.ge

原创 javaScript Document 對象方法

每個載入瀏覽器的 HTML 文檔都會成爲 Document 對象。 *: Document 對象是 Window 對象的一部分,可通過 window.document 屬性對其進行訪問 document 獲取元素 document

原创 vue項目中使用vw/vh

vw/vh這個單位可以根據電腦瀏覽器自適應  vw —— 視口寬度的 1/100;vh —— 視口高度的 1/100 —— MDN 在pc端,視口寬高就是瀏覽器得寬高; 在項目中引入插件 npm install postcss-i

原创 vue使用element-ui的el-image的問題

之前一直沒有在ie看就沒有發現這個問題 官網中並沒有強調說一定要寫style的屬性,但是我在ie中查看的時候發現,圖片變成了這樣 在其他瀏覽器中卻又是正常的 這讓我非常的不解,就只有ie是 無法正常顯示這個圖片, 然後我就把

原创 boostrap table 兼容ie問題

由於在谷歌火狐等瀏覽器上都是正常的情況下,去兼容ie11等高版本的ie瀏覽器,結果發現功能出現了故障 在谷歌中是這樣的 點擊之後會自動刷新數據 但是在ie中是這樣的 點擊了之後頁面沒有自動刷新,還是點擊的時候的樣子,不管點多

原创 vue element-ui menu導航

menu組件使用 html <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="han

原创 vue sass 全局引用

全局引用scss 在使用的過程中,我們有一些固有的顏色字體等等,需要整個網頁都統一的,所以 需要放在全局,頁面需要使用的時候直接調用即可. 當然也可以使用公共類的方式進行引入樣式 但是更加推薦scss的變量方式,這樣不管是字體還是

原创 h5 多級聯動 vue 和jq的結合

多級聯動,引用一個組件很簡單,自己手寫一個並非易事. 由於jq的渲染太麻煩所以我就直接使用vue進行渲染數據,其他的功能部分都是引用jq來完成 html部分 <!DOCTYPE html> <html lang="en"> <head>

原创 h5表單列表,前端佈局

由於需求需要,有些表單需要做彙總展示,相對於一般的表單都是針對單行記錄展示,所以做了一下彙總的展示效果 由於使用框架的問題,所以這裏使用jq開發,之後會相繼開發vue版本的列表 使用之前記得先應用 jq 包,不然無法使用 html部分

原创 修改小程序switch樣式大小

小程序官網是沒有告訴我們如何去修改大小的, 但是這個圖標的默認大小在小程序來說是比較大的 所以就需要改小一些 在網上找了一下資料 發現這個方法特別好用,所以就簡單記錄一下 <switch type="switch" disabl

原创 vue-手機支付頁面

手機自定義支付頁面,不調用手機自帶鍵盤,自定義鍵盤 html部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" conte