小程式之旅(6) 修改radio標籤的預設樣式
/* radio未選中的背景顏色 */
.radio .wx-radio-input {
border: none;
background: #454545;
box-sizing: border-box;
}
/* radio鉤子背景 */
radio .wx-radio-input.wx-radio-input-checked::before {
width: 60rpx;
height: 60rpx;
line-height: 60rpx;
text-align: center;
border-radius: 50%;
background: #454545;
color: #fecd01;
border: 6rpx solid #fecd01;
}
相關推薦
小程式之旅(6) 修改radio標籤的預設樣式
/* radio未選中的背景顏色 */ .radio .wx-radio-input { border: none; background: #454545; box-sizing: border-box; } /* radio鉤子背景 */ radio .wx
記一次小程式之旅
感覺已經好久沒寫程式了,最近這段時間,一方面是學習了python,然後折騰了scrapy框架,用python寫了下守護程序程式監聽任務以及用redis做佇列任務通訊,並開程序來處理爬蟲任務。以上這些其實沒啥好說的,就是順帶提一下。另外就是最近編寫segmentfault的講堂小程式,算起來,自小程式開始編寫到
小程式之旅-----001(準備工作)
微信小程式---準備工作 (先附上微信小程式開發文件)____________開發文件 開發環境的安裝 工欲善其事必先利其器,既然要做小程式開發那麼開發工具必不可少(下載地址在這裡)-->開發者工具 獲取到開發者工具之後直接安轉即可(傻瓜式安裝)//可以選擇一下自己習慣的安裝路徑 安轉好微
第4個小程式之旅的第一個問題:小程式頁面設定頁面高度100%
放程式碼: <view class='login-container'> <view class='form-container'> </view> </view> wxss .login-contain
【微信小程式控制硬體②】 開始微信小程式之旅,匯入小程式Mqtt客戶端原始碼,實現簡單的驗證和通訊於伺服器!(附帶原始碼)
本博文由熱愛分享熱愛技術的半顆心臟原創,非官方人員、非組織名義編寫,博文如有不對或侵犯您的權益,請及時留言,第一時間糾正! 一、前言; 繼續我們的小程式控制智慧硬體(包括esp8266)學
css修改select標籤預設樣式
之前寫select選擇框的時候就發現pc端在不同瀏覽器會有不同樣式,在移動端更是醜的厲害。於是在網上扒拉總結了幾個清除預設樣式的方法,以備日後之需。 一、 ios端去除預設樣式: backgro
微信小程式之自定義toast例項 —— 微信小程式實戰系列(6)
微信提供了一個toast的api wx.showToast() 本來是比較好的,方便使用,但是這個toast會顯示出圖示,而且不能去除。 假設:我們執行完業務的時候,toast一下,當執行成功的
微信小程式之渲染標籤
①條件渲染 前面一篇部落格顯示隱藏已經寫了條件渲染的實際用法,不在贅述 ②列表渲染 wx:for 在元件上使用 wx:for 控制屬性繫結一個數組,即可使用陣列中各項的資料重複渲染該元件。
微信小程式開發《6 .框架之邏輯層》
場景值基礎庫 1.1.0 開始支援,低版本需做相容處理當前支援的場景值有:場景值ID說明1001發現欄小程式主入口1005頂部搜尋框的搜尋結果頁1006發現欄小程式主入口搜尋框的搜尋結果頁1007單人聊天會話中的小程式訊息卡片1008群聊會話中的小程式訊息卡片1011掃描二維碼1012長按圖片識別二維碼101
小程序之旅——第二站()
rgs nts 回車 chrome 所有 type [] this 1-1 一、sublime text 3 前提是得先安裝package control插件 1、通過"ctrl+shift+p"打開命令面板 2、輸入"install package"打開安裝插件面板
java學習之旅-6
自增 tro pri 只需要 循環嵌套 java 問題 定義 一次 有關for循環嵌套問題的優化: for(int i = 0;i < 1000;i ++) { for(int j = 0;j < 100;j ++) {
微信小程式之物流狀態時間軸
一個月左右沒更新部落格了,最近有點懶了哈(工作上真的忙),很多工作上學習到的東西都沒有及時分享出來,有點愧疚,不過自己最近一直在收集資料和學習一些新技術,最主要是想要構建自己的前端技術體系和自定義一個前端規範文件,哈哈哈。說重點啦,微信小程式裡面開發的商城模組還挺多的,剛好寫了一個物流狀態的時間軸,簡單分享一
微信小程式之微信登陸 —— 微信小程式教程系列(20)
簡介: 微信登陸,在新建一個微信小程式Hello World專案的時候,就可以看到專案中出現了我們的微信頭像,其實這個Hello World專案,就有一個簡化版的微信登陸。只不過是,還沒有寫入到咱們自家的後臺中而已。 新建一個Hello World專案,找到a
Prism V2之旅(6)
這篇來講事件.事件主要用來互動. 監聽事件 我訂閱了一些blog的rss,如果我訂閱的blog釋出了新的文章的話,系統(就是抓蝦)就會幫我抓取新的rss資訊 很好理解,一方訂閱(Subscribe),一方釋出(Publish). prism的事件 &nbs
微信小程式之swiper限制迴圈滑動
最近接的一個單子是使用swiper來達到頁面之間完美滑動的效果的。也就三個頁面首頁、內容頁、尾頁。 但是客戶要求首頁不能滑到尾頁,尾頁不能滑到首頁。 在官方文件中沒有找到方法,因此只能繞彎路了。 wxml頁面程式碼:重點在於 current='{{show_index}}'
11.微信小程式之canvas生成圖片並儲存到手機
在小程式中,會有這樣一種需求,儲存某一個頁面並將其分享到朋友圈。一般的做法是:將這個頁面用canvas繪製出來,通過wx.canvasToTempFilePath,把當前畫布指定區域的內容匯出生成指定大小的圖片。然後再通過wx.saveImageToPhotosAlbum,儲存圖片到系統相簿。由
微信小程式之介面互動反饋
互動反饋就是在使用者觸發某事件之後,給使用者一個反饋資訊。 在小程式中是通過以下幾種方式實現的: 1.wx.showToast()方法 showToast: function (postscollected, postcollected) {
android簡訊小程式之CursorAdapter繫結ListView
同步查詢繫結: mListView = findViewById(R.id.id_containers); //定義uri mALL_conversation_uri = Telephony.Threads.CONTENT_URI.buildUpon().appendQueryParame
微信小程式之側邊欄滑動實現(附完整原始碼)
目錄 一、效果圖 二、原理解析 三、原始碼 四、專案下載 同類文章推薦: 更多幹貨關注公眾號: 一、效果圖 講什麼都不如直接上效果圖好,所以我們先來看下實現效果如何。 通過滑動螢幕,或者點選左上角的圖示按鈕,都能實現側邊欄的劃出效果。 &nb
Android 分享微信小程式之圖片優化
小菜上週接入了微信分享小程式的入口,基本功能實現都沒問題,有需要的朋友可以瞭解一下 Android 分享微信小程式失敗二三事,雖然功能都正常,但整體測試發現圖片展示效果不佳。於是小菜整理了一個簡單的小方法處理一下圖片!