个人笔记
AuGnIk
这个作者很懒,什么都没留下…
展开
-
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 · 2193 阅读 · 0 评论 -
小程序实现卡片式列表
最近写的小程序频繁地用到卡片式列表,包括文章列表、任务列表等,卡片中包含了图片、标题、内容描述、时间等内容,通常点击卡片跳转到对应详情页面。一般是用wx:for来进行循环,结构比较清晰,但是样式写得我有点头疼。本来是有个vant框架的vant-card可以用的,但是vant-card组件不是很灵活,自己也暂时研究不明白,就只能先自己手写了。先上代码:<!-- html --><view class="cards" wx:for="{{items}}" wx:for-item="ite原创 2020-06-11 00:28:08 · 7092 阅读 · 0 评论 -
CSS实现侧边栏固定宽度,内容栏填满剩余宽度
以左边侧边栏宽度固定,右边内容栏填满剩余宽度为示范:整个容器设置相对定位。左边侧边栏设置绝对定位,以父元素为基准进行定位,并固定宽度;右边内容栏宽度设置为100%,设置外边距margin-left为侧边栏的宽度,因为绝对定位的元素完全脱标,不占原来位置,故内容栏是以浏览器左边框为基准偏移。但是内容栏宽度100%且里边的内容超过宽度时会出现横向滚动条,设置了overflow:hidden之后滚动条消失,而超出浏览器宽度部分的内容不会显示。为了解决显示不完全问题,将父容器设置为弹性布局:display:fl原创 2020-07-13 00:50:32 · 1920 阅读 · 0 评论