Vue3 依據商品標籤給定不同的class
寫到這邊在想我要不要也來個30天挑戰!? 一般我們看到電商的網頁，除了大大的標題、價格以外，可能還會多一些小標籤。例如海外直送、免運費、新品上市等等，如果我們想將類型性質的標籤很偷懶的使用一個v-for就貼上去，但又想要給他們一些不同的css作區別，該怎麼實現呢？ 使用框架：Vue3…
CSS (9)
input 寬度設置
遇到問題: 當input寬度設置100%的時候會超出父容器範圍 原因：input默認寬度是content+sizing+padding…
在Vue中使用transition建立動畫
在Vue中，我們經常會使用v-show/v-if來決定網頁元素是否呈現。而在透過toggle或是按鈕觸發的時候又想要有動畫的呈現，該如何製作呢。 Vue官方提供<transition>這個元件讓我們可以處理網頁元件過渡與漸變的效果 <transition>…
在vue中使用bootstrap
使用vue框架之下，又想使用bootstrap快速美化自己的頁面的方式 這篇記錄一下vue3 composition…
CSS筆記- 運算優先順序
運算順序 先運算完再指定 i…
CSS筆記- 組合選擇器符號使用
優先順序 id>class>type &sudo…
CSS筆記- 其他
word-break word-break: normal;…
CSS筆記- grid
設定更直覺一點，作為響應式也很方便 //HTML <div…