微信小程序的多选改变样式_微信小程序radio的样式修改

效果图

代码

html部分

css部分

radio .wx-radio-input.wx-radio-input-checked {

border-color: #cc0000;

background: #cc0000;

}

radio .wx-radio-input {

height: 35rpx;

width: 35rpx;

margin-top: -4rpx;

border-radius: 50%;

border: 2rpx solid #999;

background: transparent;

}

radio .wx-radio-input.wx-radio-input-checked::before {

border-radius: 50%; /* 圆角 */

width: 35rpx; /* 选中后对勾大小，不要超过背景的尺寸 */

height: 35rpx; /* 选中后对勾大小，不要超过背景的尺寸 */

line-height: 35rpx;

text-align: center;

font-size: 28rpx; /* 对勾大小 30rpx */

color: #fff; /* 对勾颜色白色 */

background: #cc0000;

transform: translate(-50%, -50%) scale(1);

-webkit-transform: translate(-50%, -50%) scale(1);

}

js 部分

Page({

data: {

sex:[

{text:'男',value:1},

{text:'女',value:2},

]

}

})

微信小程序的多选改变样式_微信小程序radio的样式修改相关推荐

wxml修改样式_微信小程序wxml和wxss样式
对于css不熟悉的Android程序员来说,开发微信小程序面临的一个比较困难的问题就是界面的排版了.微信小程序的排版就跟wxml和wxss有关了,它们两者相当于android的布局文件,其中wxml指 ...
小程序分享到朋友圈功能_微信小程序开放分享到朋友圈功能
2020年7月7日(据说是6日深夜),一个很特别的日子,微信低调地放开了一个功能:微信小程序"分享到到朋友圈",这个看似微小的变化,对微信小程序来说意义重大. 用fenng大的话说 ...
微信小程序界面从右边滑出_微信小程序--左滑右滑的乐趣
左滑右滑你不再是一个人无论你是一个程序猿还是一个程序媛,每天干的事除了coding还是coding,代码不能解决的问题(什么问题自己心里还没点abcd数嘛),探探能帮你解决.最近网上特流行一款交 ...
小程序流量主能赚多少_微信：6月1日起调整小程序和公众号流量主广告收入分成比例...
图片版权所属:站长之家站长之家(ChinaZ.com) 5月31日消息:今日,微信广告官方账号"微信广告助手"发布了微信广告流量主分成政策调整公告.微信广告助手称, 2019 ...
小程序流量主能赚多少_微信：6月1日起调整小程序和公众号流量主广告收入比例...
31日,微信通过公众号"微信广告助手"宣布6月1日起,微信调整小程序流量主和公众号流量主广告收入分成比例政策:创意小游戏类单日广告收入流水200万以内的部分,开发者可获其中70%; ...
微信小程序上传图片到服务器总是失败_微信小程序怎么上传图片到服务器?
微信小程序怎么上传图片到服务器?相信很多人都会把小程序图片保存到本地吧,但是把图片上传到服务器就不一定了,下面一起随小编看看微信小程序怎么上传图片到服务器吧. 微信小程序怎么上传图片到服务器? 首先, ...
小程序内嵌h5页面分享_微信小程序webview内页面分享
因为项目原因,之前在微信小程序内部使用 webview 嵌套了 h5 页面,现在要添加一个新的功能,用户在哪个页面进行了分享,被分享的用户从链接进来就跳转到哪个分享页面. 先了解一下 web-view ...
微信小程序自动解决分包大小问题_微信小程序-分包 -每包2M
限制在2M以内.如果超过2M,可以通过分包加载实现,在app.json中配置即可, 小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载. 在构建小程序分包项目时,构建会输出一个 ...
微信小程序销毁某一注册函数_微信小程序注销手册
微信小程序一直存在一个问题:开发者不能注销自己的小程序. 之前当开发者需要彻底清除小程序信息时,只能够通过暂停服务或关闭"允许被搜索"的方式曲线救国.现在,这个问题终于解决了. 在 ...
微信小程序python解析获取用户手机号_微信小程序获取用户手机号
获取微信用户绑定的手机号,需先调用wx.login接口. 小程序获取code. 后台得到session_key,openid. 组件触发getPhoneNumber 因为需要用户主动触发才能发起获取手 ...

微信小程序的多选改变样式_微信小程序radio的样式修改

微信小程序的多选改变样式_微信小程序radio的样式修改相关推荐

最新文章

热门文章