Vue

電腦版一次顯示四則 手機版一排顯示兩則 Vue的部分 <swiper class="swiper FourCarousels" :options="swiperOption"> <swiper-slide> <img :src="requir ...

Vue

vue 2裡面實現插入音樂,並且控制播放與暫停 <audio ref="audio" :src="require('@/assets/sound/wolf.mp3')" controls preload id="audio" muted ></au ...

Vue

使用原本推薦的置入方式都會在自動播放時失效 解決方式:修改main.js置入的方式 import { Swiper as SwiperClass, Pagination, Mousewheel, Autoplay } from 'swiper/swiper.e ...

Vue

Thumbnail of post image 006
浮動的側欄 可點漢堡展開選單 vue的部分 <div class="footerArea" :class="{active:cur==1}"> <div class="lineButton"> <div class="switch-btn" ...

Vue

setTimeout()此方法只會執行一次動作 範例:延遲三秒後添加class到指定的class後面 created() { setTimeout(function () { $(".className").addClass("show"); }, 3000) ...

Vue

不能直接使用style去抓背景圖片需改寫為 <div :style="Img1"></div> 以及引入圖片的style data() { return { Img1: {backgroundImage: "url(" + require("@/a ...

Vue

本次製作:點擊後更換父層背景圖,幾秒後再將更換的背景圖還原的需求。背景我是寫在CSS中 chageImg:function () { $(".zooClick").click(function(){ $(this).parent().addClass("two ...

Vue

Thumbnail of post image 175
先看完成的外觀,點縮圖可以看到放大後的圖案: 需引用element-ui 畫面html其中寄送的icon用到了fontawesome 也可自行更換成其他icon或文字 <div class="MessageRecordArea"> <div cla ...

Vue

Thumbnail of post image 172
上面是成品效果 會分成3個檔案1. 顯示跑馬燈的頁面2. 跑馬燈3. Css 顯示跑馬燈的頁面 <template> <div class="ImportantContent"> <div class="Marquee"> <marqu ...