微信小程序
王巨饿
这个作者很懒,什么都没留下…
展开
-
微信小程序中怎么修改checkbox的样式
/checkbox的大小/checkbox .wx-checkbox-input {width: 34rpx;height: 34rpx;border-radius: 50%;}/*checkbox选中后样式 */checkbox .wx-checkbox-input.wx-checkbox-input-checked {background: #0394F0;border-color:#0394F0;}/*checkbox选中后图标样式 */checkbox .wx-check原创 2022-03-09 17:58:48 · 542 阅读 · 1 评论 -
CSS实现矩形两边挖半圆凹槽
想要实现这种效果,准备个矩形盒子<view class="content-box"></view>css样式如下:.content-box{ width: 630rpx; height: 480rpx; position: relative; background-color: #fff; margin: 30rpx 60rpx 40rpx;}.content-box:after { position: absolute; content:.原创 2022-03-04 16:47:55 · 1531 阅读 · 0 评论 -
微信小程序中如何改变radio的样式
/*radio未选中时样式 */radio .wx-radio-input{width: 44rpx;height: 44rpx;border: 2rpx solid #969696;box-sizing: border-box;margin-right: 18rpx;}/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */直接给radio标签添加color属性/* 选中后的 对勾样式 (白色对勾 可根据UI需求自己修改) /radio .wx-radio-inp原创 2022-03-03 18:15:40 · 1830 阅读 · 0 评论 -
微信小程序中如何改变switch的样式
.wx-switch-input{width:80rpx !important;height:48rpx !important;}/白色样式(false的样式)/.wx-switch-input::before{width:75rpx !important;height: 44rpx !important;}/白色小球样式(true的样式)/.wx-switch-input::after{width: 40rpx !important;height: 40rpx !important原创 2022-03-03 18:12:07 · 599 阅读 · 0 评论