1. 程式人生 > >小程式之旅(6) 修改radio標籤的預設樣式

小程式之旅(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 分享微信小程式失敗二三事,雖然功能都正常,但整體測試發現圖片展示效果不佳。於是小菜整理了一個簡單的小方法處理一下圖片!