最近在做微信公眾平台內嵌app,其實也就是web app="=,不過就是基於微信內置瀏覽器(safari加了一個WeixinJS對象),稍微記一下幾個html的meta標簽(web app通用) 這是我用自己的公眾號做的一個test頁面(主要用於觀察下微信后台編輯器生成的頁面布局) http ...
博客已遷移至http: lwzhang.github.io。 純CSS實現一個微信logo並不難,難的是怎樣用最少的html標簽實現。我一直在想怎樣用一個標簽就能實現,最后還是沒想出來,就只好用兩個標簽了。 首先需要兩個標簽元素: 先畫個背景: 再畫個大的橢圓: 小的橢圓利用.inner的::before偽元素實現: 下圖時現在的結果: 里面的四個圓怎么畫呢 可以利用CSS 的box shadow ...
2016-02-04 21:58 18 5451 推薦指數:
最近在做微信公眾平台內嵌app,其實也就是web app="=,不過就是基於微信內置瀏覽器(safari加了一個WeixinJS對象),稍微記一下幾個html的meta標簽(web app通用) 這是我用自己的公眾號做的一個test頁面(主要用於觀察下微信后台編輯器生成的頁面布局) http ...
前提:在app.wxss和自己組件頁面的***.wxss里面都可以更改page對應的樣式。 場景:頁面page設置為灰色 直接 但是這種場景下,如果該頁面列表無數據,需要展示白色背景。這是需要動態根據頁面有無數據,來改變背景的顏色。 demo.wxml ...
小程序碼生成的時候是默認使用小程序后台設置的小程序icon圖片的,但是在有些場景我們可能要替換成我們自己想要的icon。 下面先放代碼: 遇到的困難: *之前將頭像圖片、處理成圓形頭像的圖片及最后的組合圖都先生成本地圖片,然后再處理,這樣就多了一個圖片存放的問題,在用 ...
我們先來看效果圖 像這樣的一個帶過渡效果的小部件在我們實際開發中的應用幾率還是比較大的,但是在開發微信小程序的過程中可能有的小伙伴發現transition這個屬性它不好使(下面說明)所以我們這個時候會考慮去使用微信官方提供的wx.createAnimation API來創建動畫。 接下 ...
一個朋友讓幫忙看一下微信開紅包動畫怎么實現,用最簡單的方法,最簡潔的代碼來實現,作為一個前端,我決定能用css來實現的動畫就不用js html代碼,我簡單用兩個div來代替,實現微信動畫就把兩個div放2張圖片 css代碼 ...
...
微信小程序實現標簽頁滑塊效果 小程序完整代碼: wxml: wxss: js: json: 案例二: 效果圖: 代碼: wxml: js: wxss: 達叔小生:往后余生,唯獨有你 You ...
一、摘要 tab欄(標簽切換欄)是app中常見的一種交互方式,它可以承載更多的內容,同時又兼顧友好體驗的優點。但在小程序中,官方並沒有為咱們提供現成的組件。因此我們程序員展現才藝的時候到了(其實市面上的ui庫也做了這個組件)。今天咱們就來實現一個對用戶更加友好的tab欄,讓用戶“一點 ...