解決百星官網服務頁小三角問題 md

2021-09-26 03:32:42 字數 928 閱讀 3413

最開始解決思路:

svgcanvas

詢問aaron後嘗試使用css繪製小三角,小三角實現**:

.arrow

position: absolute

top: 18px

right: -47px

width: 8px

height: 8px

border-top: 1px solid #e0e0e0

border-right: 1px solid #e0e0e0

transform: rotate(225deg)

接下來的思路:

v-for迴圈列表時給每個list新增小三角div

給小三角新增v-show指令

當滑鼠經過list時使用排他功讓所有的list小三角都不顯示

只顯示當前滑鼠所在的list的小三角

但在**編寫過程中踩坑,具體為排他寫完後還需繫結多個屬性,較麻煩,與anna、linda、annie商量後決定換個思路:

給list新增滑鼠經過的事件上傳入引數index(即v-for迴圈渲染列表時的index

將小三角div的固定樣式改為繫結樣式:class當滑鼠經過時list時在method中將index賦值給此時的nowindex(初始值為0)

判斷index等於nowindex時將小三角樣式繫結到div上:

最終完美解決

星痕帝國 v1 1 6 網頁遊戲程式

本遊戲由晗網 hanhot 漢化並運營,支援多國語言,新的演算法,基於xnova0.9開發,有名人堂和客服支援系統,新增艦隊,新增研究,新增新聞系統,可以與facebook整合 在中國大陸我想沒用 smarty的模板引擎 全面支援aks演算法 可以在後台啟用或停用模組,內建作戰模擬器。宣告 本程式僅...

解決ansible官網訪問特別慢的問題

最近接觸ansile 比較多,需要時時看官網,但是其載入速度實在讓人蛋疼,超級慢。發現是在獲取這url時候需要卡住了。request url 其實是google被牆了導致其載入不出來,需要手動ecs 停止載入,不然會很慢。其實解決方案也特別簡單,直接將dns解析給改了,讓他不至於panding住。在...

PyCharm官網無法訪問的解決辦法

最近在研究python web框架,用的是以前學python的時候用的pycharm社群版 無力吐槽 不太好用,就想去下個企業版用用,結果出現這種情況。emmm,檢查了網路沒問題,換了個瀏覽器也是無法訪問,最後輾轉多個論壇發現似乎是因為hosts檔案的問題。模糊的記得我好像破解過這個軟體修改了一下h...