spfLinux的博客

app.json { "pages":[ "pages/index/index" ], "window":{ "navigationBarBackgroundColor": "#b3d4db" } } index.wxml Hello World 开启小程序之旅 index.wxss page{ height: 100

今天把input里的placeholder设置为22rpx，发现鼠标点击时，闪烁的图标高度总是大于placeholder高度，尝试了其他办法，搞不定，最后使用了textarea标签代替input标签。

很奇怪，装了新版本的微信开发者工具，使用模板代码，反而报错。后来百度，发现这样一个解决方案，就ok了。 点击打开链接

今天在小程序中设置了背景图片，发现不好使。不管是设置内联样式还是放在外部样式表，甚至加上!important都不好使，怎么办？ 后来查了下，发现可以通过标签设置一张图片做为背景图片，并把这张图片上的内容，例如text等标签放到之间，并且可以设置z-index突出层级关系。就ok了。

出现的问题就是例如在女装时点击了销量最多，然后点击男装，发现男装的小编推荐既然对应的是销量最多的界面，当时就懵逼了。 后来检测才发现，我的代码在点击销量最多和价格最优的时候对设置的初始模拟数据进行了直接操作，导致其数据本身发生变化。导致切换女装/男装时初始界面(数据)不对。 主要场景是：点击女装，再点击男装，再点击女装。 后面我在onload里存储了女装和男装的初始数据，并且后面的操作数据都

wx.switchTab({ url: '../reduce/reduce' })参考链接：点击打开链接

border:none; border-radius: 0rpx; outline: none; } .sec3_v1::after{ border:none; outline: none; }上面是button样式，下面是button::after

点击打开链接

被限制在2M左右，发现主要是图片占据了空间。 我上网找了一个图片托管平台，把图片上传，生成外链并引用就ok。 这是我使用的平台：点击打开链接

上面的效果在真机中是一排两个，共五排。结果发现有的样式出现了混乱，与其它几个不对齐，就是三行中有的行与行之间的间距出现了偏差。 后面我是把后两行去掉，一行一行去测试，发现主要问题出现在第一行，第一行解决了，后面两行就ok。 解决方案： 设置height和line-height height: 40rpx; line-height: 40rpx;然后去真机中看下第一行是否都对齐。

可以看到上面两排图片不对齐，后来发现是因为每个图片外面的view设置了padding: .sec3_images>view>view>view{ display: flex; flex-direction:column; width: 49.5%; padding:1%; }把padding去掉就ok。

app.json { "pages":[ "pages/index/index" ], "window":{ "navigationBarBackgroundColor": "#5C4338" } }index.wxml

index.wxml index.js switchNav: function(event) { var cur = event.currentTarget.dataset.current; if (this.data.currentTab == cur) { return false; } else { this.setData({ cur