- 博客(4)
- 收藏
- 关注
RSS订阅原创 CSS修改html单选框radio样式
html单选框默认样式比较单一，结合网上相关内容在此做个关于修改radio样式的记录。html结构如下：<input type="radio" name="zoom" id="zoom1" value="enlarge" checked /><label for="zoom1">放大</label><input type="radio" name="zoom" id="zoom2" value-"narrow" /><label for="zo
2020-07-19 17:21:03
2166
原创 CSS实现侧边栏固定宽度，内容栏填满剩余宽度
以左边侧边栏宽度固定，右边内容栏填满剩余宽度为示范：整个容器设置相对定位。左边侧边栏设置绝对定位，以父元素为基准进行定位，并固定宽度；右边内容栏宽度设置为100%，设置外边距margin-left为侧边栏的宽度，因为绝对定位的元素完全脱标，不占原来位置，故内容栏是以浏览器左边框为基准偏移。但是内容栏宽度100%且里边的内容超过宽度时会出现横向滚动条，设置了overflow:hidden之后滚动条消失，而超出浏览器宽度部分的内容不会显示。为了解决显示不完全问题，将父容器设置为弹性布局：display:fl
2020-07-13 00:50:32
1885
原创 小程序实现卡片式列表
最近写的小程序频繁地用到卡片式列表，包括文章列表、任务列表等，卡片中包含了图片、标题、内容描述、时间等内容，通常点击卡片跳转到对应详情页面。一般是用wx:for来进行循环，结构比较清晰，但是样式写得我有点头疼。本来是有个vant框架的vant-card可以用的，但是vant-card组件不是很灵活，自己也暂时研究不明白，就只能先自己手写了。先上代码：<!-- html --><view class="cards" wx:for="{{items}}" wx:for-item="ite
2020-06-11 00:28:08
6985
原创 CSS fixed布局下页面滑动问题
position设置为fixed后，页面不会出现滚动条，无法滑动。通过将top和bottom设置为0，解决问题： { position: fixed; top: 0; botton: 0; overflow: scroll; }
2020-06-06 23:15:07
1768
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人