微信小程序 修改默認單選,多選按鈕樣式

微信小程序 修改默認單選,多選按鈕樣式

1.在微信開發者文檔中復制一份單選或者多選的代碼
<!--pages/index3/index.wxml-->
<radio-group bindchange="radioChange"><label class="weui-cell weui-check__label" style="display: flex;"><radio value="1" checked="true"/><view class="weui-cell__bd">按鈕1</view></label><label class="weui-cell weui-check__label" style="display: flex;"><radio value="1" checked="true"/><view class="weui-cell__bd">按鈕1</view></label><label class="weui-cell weui-check__label" style="display: flex;"><radio value="1" checked="true"/><view class="weui-cell__bd">按鈕1</view></label></radio-group>
2. 根據情況復制單選或者多選代碼即可

index.wxss

/* pages/index3/index.wxss */
/* 單選按鈕樣式 */
.wx-radio-input {width: 32rpx !important;height: 32rpx !important;border-radius: 100%;background-color: #fff !important;}/*勾選樣式 */.wx-radio-input.wx-radio-input-checked {border: none !important;background-color: #6784f5 !important;}/* 多選框樣式 *//* 未勾選樣式 */
.wx-checkbox-input {width: 33rpx !important;height: 33rpx !important;
}
/* 勾選樣式 */
.wx-checkbox-input.wx-checkbox-input-checked{border-color:#6784f5 !important;background:#6784f5 !important;
}

這樣就ok了。
注:僅記錄方便開發查找。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/166569.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/166569.shtml
英文地址,請注明出處:http://en.pswp.cn/news/166569.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

小程序:project.config.json / project.private.config.json / 項目配置文件 /拉取代碼產生沖突 / 如何解決

一、理解project.config.json / project.private.config.json project.config.json 文件是項目的配置文件&#xff0c;它包含了關于小程序的一些基本信息&#xff0c;例如小程序的名稱、App ID、開發者信息以及頁面路徑等。這個文件一般不會被提交到版本控制系統中&#xff0c;…

cartographer_ros使用

首先根據官方指導安裝cartographer。然后創建ros工作空間并拉取 cartographer_ros 代碼 mkdir -p carto_ws/src cd carto_ws/src catkin_init_workspace git clone https://github.com/cartographer-project/cartographer_ros.git現在需要安裝cartographer_ros依賴項。首先&a…

微信小程序使用騰訊地圖實現地點搜索并且隨著地圖的滑動加載滑動到區域的地點,本文地點使用醫院關鍵詞作為搜索地點

實現效果如下 1.頁面加載時&#xff0c;根據getLocation方法獲取用戶當前經緯度獲取20條醫院位置信息 2.頁面滑動時&#xff0c;根據滑動到的經緯度再次獲取20條醫院位置信息 獲取到的醫院位置信息 實現方法如下 1.在.wxml中添加觸發滑動的方法bindregiοnchange“onMapRegio…

【Spring集成MyBatis】核心配置文件

文章目錄 1. typeHandlers標簽2. plugins標簽通過PageHelper的API獲取分頁的信息 1. typeHandlers標簽 可以重寫類型處理器&#xff0c;或創建類型處理器來處理不支持/非標準的類型。選擇性地將它映射到一個JDBC類型&#xff1a;如Java中的Date類型&#xff0c;將其存放到數據…

docker安裝以及idea訪問docker

其他目錄&#xff1a; docker 安裝環境&#xff08;有空更新&#xff09; url “” docker 打包java包&#xff0c;并運行&#xff08;有空更新&#xff09; url “” docker 打包vue &#xff08;有空更新&#xff09; url “” docker 多服務 &#xff08;有空更新&#xff…

2023年亞太杯數學建模A題水果采摘機器人的圖像識別功能(matlab 部分代碼)

對于1-4問針對的是附錄1 中的數據 clc; close all; clear; % 圖像文件夾路徑 folder_path E:/新建文件夾/yatai/Attachment/Attachment 1/; % 圖像文件列表 image_files dir(fullfile(folder_path, *.jpg)); % 假設所有圖片都是jpg格式% 解析文件名中的數字&#xff0c;并轉…

機器學習探索計劃——數據集劃分

文章目錄 導包手寫數據劃分函數使用sklearn內置的劃分數據函數stratifyy理解舉例 導包 import numpy as np from matplotlib import pyplot as plt from sklearn.datasets import make_blobs手寫數據劃分函數 x, y make_blobs(n_samples 300,n_features 2,centers 3,clus…

Java設計模式系列:單例設計模式

Java設計模式系列&#xff1a;單例設計模式 介紹 所謂類的單例設計模式&#xff0c;就是采取一定的方法保證在整個的軟件系統中&#xff0c;對某個類只能存在一個對象實例&#xff0c;并且該類只提供一個取得其對象實例的方法&#xff08;靜態方法&#xff09; 比如 Hiberna…

循環隊列的幾種實現方式

基于數組來實現循環隊列的幾種方式 使用 usedSize使用 標志位空出一個位置 方式一 usedSize 0 是則表示當前數組為空 usedSize 數組的長度 則表示當前數組滿了方式二 使用一個標記 flag 來判斷當前隊列是空還是滿 如果 flag false 則說明隊列為空 如果 flag true 則說…

leetcode:495. 提莫攻擊

一、題目 鏈接&#xff1a;495. 提莫攻擊 - 力扣&#xff08;LeetCode&#xff09; 函數原型&#xff1a;int findPoisonedDuration(int* timeSeries, int timeSeriesSize, int duration) 二、思路 遍歷數組timeSeries&#xff0c;如果 元素值duration < 下一元素值 &#x…

GO語言實現txt文本多行合并為一行

windows系統txt文件 input.txt多行合并為一行 package mainimport ("fmt""io/ioutil""strings" )func main() {content, err : ioutil.ReadFile("E:\\gin_demo\\demo30DNF\\youhua\\input.txt")if err ! nil {fmt.Println("Err…

OpenCV快速入門:圖像分析——傅里葉變換、積分圖像

文章目錄 前言一、傅里葉變換1.1 離散傅里葉變換1.1.1 離散傅里葉變換原理1.1.2 離散傅里葉變換公式1.1.3 代碼實現1.1.4 cv2.dft 函數解析 1.2 傅里葉變換進行卷積1.2.1 傅里葉變換卷積原理1.2.2 傅里葉變換卷積公式1.2.3 代碼實現1.2.4 cv2.mulSpectrums 函數解析 1.3 離散余…

基于深度學習的文本分類

通過構建更復雜的深度學習模型可以提高分類的準確性&#xff0c;即分別基于TextCNN、TextRNN和TextRCNN三種算法實現中文文本分類。 項目地址&#xff1a;zz-zik/NLP-Application-and-Practice: 本項目將《自然語言處理與應用實戰》原書中代碼進行了實現&#xff0c;并在此基礎…

Unity使用DOTween實現分段進度條

文章目錄 需求下載安裝 DOTween實現實現效果 需求 用組件進度條&#xff08;Slider&#xff09;&#xff0c;利用分段加載進行以假亂真的進度效果&#xff0c;比如說2秒鐘到達20%的進度&#xff0c;10秒鐘加載20%到50%進度&#xff0c;1分鐘加載50%到90%的進度&#xff0c;30秒…

2023年金融信創行業研究報告

第一章 行業概況 1.1 定義 金融信創是指在金融行業中應用的信息技術&#xff0c;特別是那些涉及到金融IT基礎設施、基礎軟件、應用軟件和信息安全等方面的技術和產品。這一概念源于更廣泛的“信創 (信息技術應用創新)”&#xff0c;即通過中國國產信息技術替換海外信息技術&a…

77 組合問題

給定兩個整數 n 和 k&#xff0c;返回 1 ... n 中所有可能的 k 個數的組合。 class Solution { private: vector<vector<int>> result; // 存放符合條件結果的集合 vector<int> path; // 用來存放符合條件結果 void backtracking(int n, int k , int st…

測試在 Oracle 下直接 rm dbf 數據文件并重啟數據庫

創建一個新的表空間并創建新的用戶&#xff0c;指定新表空間為新用戶的默認表空間 create tablespace zzw datafile /oradata/cesdb/zzw01.dbf size 10m;zzw用戶已經創建過&#xff0c;這里修改其默認表空間 alter user zzw quota unlimited on zzw; alter user zzw default …

ELK企業級日志分析平臺——logstash

部署 新建一臺虛擬機elk4部署logstash [rootelk4 ~]# yum install -y jdk-11.0.15_linux-x64_bin.rpm[rootelk4 ~]# yum install -y logstash-7.6.1.rpm 命令方式 [rootelk4 bin]# /usr/share/logstash/bin/logstash -e input { stdin { } } output { stdout {} } elasticsearc…

使用骨傳導耳機會傷耳朵嗎?一文讀懂骨傳導耳機有哪些優點

首先說明&#xff0c;如果是正確的使用骨傳導耳機是不會傷耳朵。 一、骨傳導耳機的傳聲原理是什么&#xff1f; 聲音的傳播需要介質&#xff0c;傳統的耳機是通過空氣來進行傳播&#xff0c;也被稱為“空氣傳導耳機”&#xff0c;而骨傳導耳機最大的特別之處就在于&#xff0…

AcWing 3384:二叉樹遍歷(依先序序列建樹,輸出中序序列) ← DFS

【題目來源】https://www.acwing.com/problem/content/3387/【題目描述】 編寫一個程序&#xff0c;讀入用戶輸入的一串先序遍歷字符串&#xff0c;根據此字符串建立一個二叉樹&#xff08;以指針方式存儲&#xff09;。 例如如下的先序遍歷字符串&#xff1a;abc##de#g##f###&…