文章分类 -  微信小程序

微信小程序 view中的image水平垂直居中
摘要：当 display: flex 配合 justify-content: center 使用时可以让view水平居中 而配合 align-items: center 用时可以实现垂直居中效果 .card-image-container{ width: 40%; height: 90%; align-i 阅读全文
posted @ 2018-11-01 20:09 nemobischon 阅读(16254) 评论(0) 推荐(1)
小程序页面上各个部分的背景色
摘要：完整的小程序页面除了在页面的.wxml中定义的视图外，还包括导航栏等部分。在.wxss中定义的样式只对页面内容部分起作用，其他部分的背景色如何设置呢？下面就做一个完整的介绍。 一、主体部分 首先看下图，标出来了三个部分： 分别如下设置： app.json -> “window”: {“navigat 阅读全文
posted @ 2018-10-31 19:24 nemobischon 阅读(986) 评论(0) 推荐(0)
微信小程序Flex布局设置两个块（view）布局在同个盒子（view）的两侧
摘要：外面的盒子（块元素） 可以在外面的盒子里面加 display: flex; justify-content: space-between display: flex; justify-content: space-between 阅读全文
posted @ 2018-10-30 19:59 nemobischon 阅读(9354) 评论(0) 推荐(0)
微信小程序两个view之间有间隙
摘要：期望的是下图 实际的是下图 多了一条间隙 解决代码：在该图片的.wxss里加一句display: flex;若图片是通过wxParse解析的，则在wxParse.wxss中找到.wxParse-img，加上display: flex;原理：盒模型不同造成的默认设置为标准盒模型，box-sizing: 阅读全文
posted @ 2018-10-30 16:08 nemobischon 阅读(14975) 评论(1) 推荐(1)