Vue指令之條件渲染

vue

v-show 和 v-if 指令都可以用于條件渲染。v-show 當(dāng)表達(dá)式為false時(shí)僅僅是被賦予 style="display:none" 屬性;v-if 則是直接將標(biāo)簽替換為 html中的注釋 <!---->

辰風(fēng)沐陽(yáng) 閱讀 1686 2020-07-19

layuiAdmin 單頁(yè)版部署

layuiAdmin

layuiAdmin 單頁(yè)版采用前后端分離開發(fā)模式,無(wú)需將其放置在你的服務(wù)端 MVC 框架中,只需給 layuiAdmin 主入口頁(yè)面(宿主頁(yè)面)進(jìn)行訪問(wèn)解析,它即可全權(quán)完成自身路由的跳轉(zhuǎn)和視圖的呈現(xiàn),數(shù)據(jù)層則完全通過(guò)服務(wù)端提供的異步接口完成。

辰風(fēng)沐陽(yáng) 閱讀 3948 2020-07-09

ThinkPHP6.0 多應(yīng)用模式 部署 Layuiadmin 單頁(yè)版

layuiAdmin Layui TP6.0

TP6.0中的路由省略應(yīng)用名只能用`入口文件綁定應(yīng)用` 和 `域名綁定應(yīng)用`,經(jīng)過(guò)測(cè)試,最后得出`域名綁定應(yīng)用`是最合適的部署方式。如果有更好的部署方案,歡迎分享。QQ:23426945

辰風(fēng)沐陽(yáng) 閱讀 2929 2020-07-06

ThinkPHP6.0 單應(yīng)用模式 部署 Layuiadmin 單頁(yè)版

layuiAdmin Layui TP6.0

layuiadmin單頁(yè)版部署到thinkphp中:1. Layuiadmin單頁(yè)版 2. ThinkPHP6.0.3 單應(yīng)用模式 3. 將 src 和 start 文件夾放到 public 下 4. 修改宿主頁(yè)面layuiadmin資源路徑、配置實(shí)時(shí)刷新緩存 5. 訪問(wèn)首頁(yè)使其重定向到layuiadmin主頁(yè)

辰風(fēng)沐陽(yáng) 閱讀 3120 2020-07-06

v-model 創(chuàng)建雙向綁定

vue

v-model 用于 在表單 <input>、<textarea> 及<select>元素控件或者組件上創(chuàng)建雙向綁定,它負(fù)責(zé)監(jiān)聽用戶的輸入事件以更新數(shù)據(jù)

辰風(fēng)沐陽(yáng) 閱讀 1727 2020-06-30

Vue 指令之v-on的使用

vue

v-on 指令用于監(jiān)聽 DOM 事件。v-on:click 可簡(jiǎn)寫為 @click。修飾符:.stop 禁止冒泡、.once 只能觸發(fā)一次。v-on綁定的事件方法中的this 自動(dòng)綁定為當(dāng)前 Vue實(shí)例

辰風(fēng)沐陽(yáng) 閱讀 1716 2020-06-29

Layui 擴(kuò)展字體圖標(biāo)

Layui 前端UI框架

layui 目前(2020-06-28)提供了168個(gè)圖標(biāo),但是很多時(shí)候這些圖標(biāo)中沒(méi)有自己想要的,今天在項(xiàng)目中想找一個(gè)二維碼的圖標(biāo),但是在layui提供的圖標(biāo)中并沒(méi)有,此時(shí)我們可以擴(kuò)展圖標(biāo)(阿里巴巴矢量圖標(biāo)庫(kù) www.iconfont.cn)layui提供的圖標(biāo)也是取材于此。

辰風(fēng)沐陽(yáng) 閱讀 2683 2020-06-28

Layui 按鈕

Layui 前端UI框架

向任意HTML元素設(shè)定class="layui-btn",建立一個(gè)基礎(chǔ)按鈕。通過(guò)追加格式為layui-btn-{type}的class來(lái)定義其它按鈕風(fēng)格。內(nèi)置的按鈕class可以進(jìn)行任意組合,從而形成更多種按鈕風(fēng)格。

辰風(fēng)沐陽(yáng) 閱讀 2261 2020-06-27

Layui 字體圖標(biāo)

Layui 前端UI框架

layui 的所有圖標(biāo)全部采用字體形式,取材于阿里巴巴矢量圖標(biāo)庫(kù)(iconfont.cn)。因此你可以把一個(gè) icon 看作是一個(gè)普通的文字,這意味著你直接用 css 控制文字屬性,如 color、font-size,就可以改變圖標(biāo)的顏色和大小。

辰風(fēng)沐陽(yáng) 閱讀 2521 2020-06-26

父元素透明度不影響子元素透明度解決方案

HTML CSS

父元素設(shè)置opacity:0.5,子元素會(huì)受到父元素opacity的影響,也會(huì)有0.5的透明度。即使設(shè)置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基礎(chǔ)上設(shè)置的,因此子元素的opacity還是0.5。

辰風(fēng)沐陽(yáng) 閱讀 2310 2020-06-26