美文网首页
微信小程序开发-4

微信小程序开发-4

作者: 小岛wink | 来源:发表于2018-12-26 14:47 被阅读0次

1 页面底部添加固定位置按钮


image.png

.wxml:

  <button class='Scancode' bindtap='getScancode'>底部位置固定</button>

.wxss:

.Scancode{
  font-size: 39rpx;
  background: #eee;
  position: fixed;
  bottom: 110rpx;
  display: flex;
  width: 100%;
  justify-content: center;
}

2 获取微信头像的界面,默认生成一个新项目的默认界面就有,我想要修改头像和名称的样式,想并列展示,发现float:left没有效果,查询了下发现只需要将flex-direction: column 改为row即可:


image.png

.wxss:

.userinfo {
  display: flex;
  flex-direction: row;
  /* align-items: center; */
  background:rgb(245, 73, 73);

}

相关文章

网友评论

      本文标题:微信小程序开发-4

      本文链接:https://www.haomeiwen.com/subject/abyhlqtx.html