01 2020 档案
摘要：需求：通过点击任一标签使其变色 通过v-for渲染列表，通过v-bind绑定class样式， 通过v-on绑定点击事件，添加参数index，与v-for的index参数一致，当点击某项时，将current赋值给index 使得current index成立，这样，Rcolor就生效了 style .
阅读全文
摘要：前端使用input 来写radio,小程序使用radio标签 也可以使用<radio />单标签 1.自定义radio样式、 wx默认的是真的丑 /* 单选框样式 */ /* 初始样式 */ radio .wx-radio-input{ width: 32rpx; height: 32rpx; bo
阅读全文
摘要：/* 去除button默认样式 */ button::after { border: none; } button { background-color: transparent; padding-left: 0; padding-right: 0; line-height:inherit; } b
阅读全文
摘要：基本逻辑： 1.给每个view自定义dataIndex属性，从0开始 2.自定义一个名为selected的class，作为被选中后的样式 3.在wx.js中给viewId属性赋为0，用于默认显示。 4.给每个view添加一个点击事件select，在点击某个view时 将dataIndex变成这个vi
阅读全文
摘要：在小程序中的this 由于没有window对象，往往需要使用在外部定义 that = this来重定向this，今天看了下es6文档，好像可以使用箭头函数来替代this 使用箭头函数 以上。
阅读全文
摘要：在看本篇以前，期待读者先了解js的document.querySelector 方法，在此不做赘述。 由于微信官方禁止小程序操作dom元素，因而无法像前端一样操作小程序DOM，好在官方提供了API ， 这个api叫做 wx.createSelectorQuery(), 官方定义：返回一个 Selec
阅读全文
摘要：上午想偷个懒，没想到下午就遇到多行文本溢出问题了。。。 在父级上添加属性： overflow:hidden; 然后在文本容器上添加： display: -webkit-box; -webkit-line-clamp: 2;//这个是允许显示的行数 -webkit-box-orient: vertic
阅读全文
摘要：今天在做小程序时，商品名由于输入太多而导致了溢出换行，记个笔记 小程序方面用的相当多的就是flex布局方式，但是之前的溢出隐藏方式对于flex布局似乎不太生效，接下来介绍思路： 1.在文本的父元素上加属性： overflow：hidden; 2.给该文本元素加属性： overflow: hidden
阅读全文
