zhudingfengshen的博客

项目场景：可以看到这是checbox，底图为默认样式，但是是单选框的逻辑，开始打算用radio实现样式修改不过遇到了很多困难，还是选择了checkbox实现单选逻辑解决方案：替换内部对号为icon及修改内部填充色等input[type="checkbox"]::before { content: ""; position: absolute; top: 0; left: 0; background: #fff; /* 未选中时的背景颜色 */ width: 100

项目场景：如图，需求方要求input框的日期选择器修改成如下格式，默认样式如底部解决方案：以下为修改步骤：替换日期选择器icon，并将其移到左边input[type="date"] { display: flex; padding-left: 10px; padding-right: 550px; font-size: 16px; line-height: 24px;}input[type="date"]::-webkit-calendar-picker-

问题背景：在别的帖子上看到vite支持scss预编译，于是向试试less，因为平常习惯用less，但是在试的过程中遇到了问题，比如看到必须要改为index.module.less，经过试验要去掉module才可以成功。安装依赖npm i vite less -D不需要配置任何文件，直接引入即可生效...

background 简写属性在一个声明中设置所有的背景属性。他有8个属性：background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-image他是一个复合属性：为了可读性，定一个CSS书写规范，规则2.1：background的值的顺序是background-color，backgr

在使用less函数时，发现网上找到的帖子都是用变量名作为属性值，于是萌生了将变量名作为属性名的念头并付诸实践。WXML部分代码<cover-view class="scan-camera__border" scroll-top="0"> <cover-view class="scan-camera__border--common scan-camera__border--left--top " scroll-top="0"></cover-view>