小程序-8/5

小程序按钮默认样式

/* 去除button默认样式 */
	button::after {border: none;}
	button { 
		background-color: transparent; 
		padding-left: 0; 
		padding-right: 0;
		line-height:inherit; 
		border-radius:0;
	}

去掉button: not([size=‘mini’]) 里面的样式

  :解决方案：去掉app.json中的    "style": "v2"    后问题解决

小程序View水平垂直居中

//wxml
<view class='main'>
    <view>水平垂直居中</view>
</view>
//wxss
.main {
  display: flex;
  align-items: center;
  justify-content: center;  
  width: 100%;
  height: 100%;
}

问题：只有水平居中，没有垂直居中
自身： display: flex 配合 justify-content: center 使用，
让view水平居中，配合 align-items: center 实现垂直居中效果

分析：外层盒子高度和内层高度一致，里面其实已经水平垂直居中
将外层高度换为屏幕高度，预测实现水平垂直居中效果

自（尝试）： 宽高100%，绝对定位让宽高正确

  width:100%;
  height:100%;
  position:  absolute

（暂）：在父级添加 ：height: 100vh;

PS：
1.获取微信手机号
2.获取微信手机号后，怎么讲手机号添加到输入框
3.得到验证码/账号密码登录，登录按钮绑定的东西
（在不改变字号大小的情况下，正常显示出三种登录方式）