原创 vantUI組件:Grid宮格 - 案例篇

vantUI組件:Grid宮格 - 案例篇 效果圖 · 截圖: 代碼: <van-grid clickable direction="horizontal" :border="false" :column-num="1">

原创 element-UI響應式(佈局原理)講解 - 貼文篇

element-UI響應式(原理)- 講解 element-UI官方說明:響應式佈局 參照了 Bootstrap 的 響應式設計,預設了五個響應尺寸:xs、sm、md、lg 和 xl。 Element 額外提供了一系列類名

原创 vantUI 彈出層(輕提示)案例 - 踩坑篇

vantUI 彈出層(輕提示)- 踩坑篇 可自定義項: 顯示時長 顯示內容 顯示何時消失 代碼 · 實例: if(this.checkedAgreement == false){ this.$toast("您尚未選擇協議"

原创 mui 圖片預覽(自定義)功能 - 案例篇

mui 圖片預覽(自定義)功能 - 案例篇 實現目標: 點擊圖片,彈出層遮蓋,並放大顯示剛纔點擊的圖片; 圖片對應的標題,也一併顯示。 效果截圖: 重要提示Tips: 使用前,務必設置圖片的alt屬性與<p class="hor

原创 css文字溢出部分在另一個div顯示(代碼篇)

css文字溢出部分在另一個div顯示 博主博客: 前端代碼:html、css(圖文混排)文字環繞 - 案例篇 以上就是關於 “ css文字溢出部分在另一個div顯示(代碼篇) ” 的全部內容。

原创 vantUI組件:van-card 自定義內容 - 踩坑篇

vantUI組件:van-card 自定義內容 - 踩坑篇 特別說明: 自定義用法,格式必須: <van-card> <template #tags> ····自定義內容·· </template> </van-

原创 Excel 批量處理行高(圖文教程) - Excel篇

Excel 批量處理行高(圖文教程) - Excel篇 Excel如何批量統一行高或列寬? 鼠標拖一下,就能解決! 操作如下: 打開Excel文檔,通過鼠標拉選或Alt+鼠標左鍵 選擇目標操作行; 然後,鼠標懸停在行與行之間,

原创 vantUI 自定義引入iconfont圖標(3種風格)- 案例篇

文章目錄vantUI 自定義引入iconfont圖標(3種方法:含案例截圖)效果圖 · 對比:重要代碼`(3種代碼格式)`:全局引入 · 代碼:項目文檔 · 目錄結構本地document文件夾 · 截圖:`demo案例`代碼 ·

原创 vantUI組件:獲取驗證碼 - 踩坑篇

vant 的button組件:(發送驗證碼)按鈕點擊沒反應? 應用場景 · 前戲: 效果圖解說: 代碼公示: <van-field v-model="sms" center clearable la

原创 vscode隱藏左側邊欄+自定義顯示位置

VS code顯示左邊(右邊)工具欄以及顯示隱藏的全局搜索

原创 mui拓展:flex佈局:如何設置x軸橫向隱藏,而又往左排列優先

flex佈局:如何設置x軸橫向隱藏 使用了mui框架的組件,發現只能居中顯示,不能靠左排列,特意修改了一下代碼,實現了內容過少,居左排列;內容溢出,可左右滑動的功能 可以單獨分離代碼,適用於非框架開發。(植入性的 · 兼容性:很好

原创 css文字排列 - 代碼篇

css文字排列 css3標準 屬性名 值 解釋 writing-mode horizontal-tb // 默認值:水平方向,從上到下 writing-mode vertical-rl // 垂直方向,從右向左 writing-m

原创 html 手機瀏覽器:屏幕適配 - 代碼篇

重要代碼: <!-- apple強制全屏,顯示在狀態欄下方 --> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobi

原创 JavaScript 讀寫 span標籤的值 - 代碼篇

JavaScript 讀寫<span>標籤的值 - 代碼篇 span取值: innerText 1. 效果圖: 2. 重要代碼: document.getElementById("timeval").innerTex

原创 原生Javascript 操作 css類名 - 踩坑篇

文章目錄原生Javascript 操作 css類名效果圖示下:案例 · 代碼如下:重要代碼提示:其他無關參考:官方參考: 原生Javascript 操作 css類名 不建議用 .class ; 建議用#id類名 效果圖